.elementor-2560 .elementor-element.elementor-element-345072bb{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:117px;--padding-bottom:117px;--padding-left:0px;--padding-right:0px;}.elementor-2560 .elementor-element.elementor-element-345072bb:not(.elementor-motion-effects-element-type-background), .elementor-2560 .elementor-element.elementor-element-345072bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://okaneconstructiondesign.com/wp-content/uploads/2024/12/HERO-SECTION-WEB-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:1920px auto;}.elementor-2560 .elementor-element.elementor-element-345072bb, .elementor-2560 .elementor-element.elementor-element-345072bb::before{--border-transition:0.3s;}.elementor-2560 .elementor-element.elementor-element-765d3842{width:var( --container-widget-width, 413px );max-width:413px;--container-widget-width:413px;--container-widget-flex-grow:0;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-wrapper{text-align:left;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-wrapper .elementor-image-box-img{width:117px;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:37px;font-weight:700;line-height:42px;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-description{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:300;}.elementor-2560 .elementor-element.elementor-element-1404ca5{--display:flex;--background-transition:0.3s;}.elementor-2560 .elementor-element.elementor-element-d9f43f6{text-align:center;}body.elementor-page-2560:not(.elementor-motion-effects-element-type-background), body.elementor-page-2560 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#303030;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2560 .elementor-element.elementor-element-345072bb:not(.elementor-motion-effects-element-type-background), .elementor-2560 .elementor-element.elementor-element-345072bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://okaneconstructiondesign.com/wp-content/uploads/2024/12/HERO-SECTION-MOVIL.webp");background-position:top center;background-size:430px auto;}.elementor-2560 .elementor-element.elementor-element-345072bb{--min-height:477px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:186px;--padding-bottom:19px;--padding-left:0px;--padding-right:0px;}.elementor-2560 .elementor-element.elementor-element-765d3842.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-2560 .elementor-element.elementor-element-765d3842.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-2560 .elementor-element.elementor-element-765d3842.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-img{margin-bottom:0px;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-title{margin-bottom:8px;font-size:27px;line-height:1.4em;}.elementor-2560 .elementor-element.elementor-element-765d3842 .elementor-image-box-description{font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-345072bb */.elementor-2560 .elementor-element.elementor-element-345072bb{
    border-bottom: 2px solid;
    border-image: linear-gradient(to right,transparent,#E9B66D,transparent) 1;
}/* End custom CSS */
/* Start custom CSS */html{
width:100%;
overflow-x:hidden;
}

body::-webkit-scrollbar{
width: 10px;
}

body::-webkit-scrollbar-track{
background: #303030;
}

body::-webkit-scrollbar-thumb{
background: linear-gradient(to right, #E9B66D, #E9B66D);
border-radius: 10px;
border: 2px solid #303030;
}

@media (max-width:767px){
    html,body{
width:100%;
overflow-x:hidden;
}
}

/*para ordenador*/
@media (min-width: 1025px){
    :root{
        --colunas: 12;
        --largura: 1140px;
        --offset: 0px;
        --gutter: 20px;
        --cor: #ffffff10;
    }
}

/*para tablet*/
@media (min-width: 768px) and (max-width: 1024px){
    :root{
        --colunas: 10;
        --largura: 700px;
        --offset: 48px;
        --gutter: 16px;
        --cor: #ffffff10;
    }
}

/*para celular*/
@media (max-width: 767px){
    :root{
        --colunas: 8;
        --largura: 340px;
        --offset: 0px;
        --gutter: 8px;
        --cor: #ffffff10;
    }
}

body.elementor-editor-active::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    pointer-events: none;
    z-index: 1000;
    min-height: 100vh;
    width: calc(100% - (2 * var(--offset)));
    max-width: var(--largura);
    background-size: calc(100% + var(--gutter)) 100%;
    background-image: repeating-linear-gradient( to right, var(--cor), var(--cor) calc((100% / var(--colunas)) - var(--gutter)), transparent calc((100% / var(--colunas)) - var(--gutter)), transparent calc(100% / var(--colunas)) );
}/* End custom CSS */