.elementor-363 .elementor-element.elementor-element-f557707{--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:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-363 .elementor-element.elementor-element-f557707:not(.elementor-motion-effects-element-type-background), .elementor-363 .elementor-element.elementor-element-f557707 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-363 .elementor-element.elementor-element-25dd5a9 > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-363 .elementor-element.elementor-element-25dd5a9 .elementor-heading-title{font-family:"Akhand", Sans-serif;font-size:72px;font-weight:400;line-height:100%;color:#FFFFFF;}.elementor-363 .elementor-element.elementor-element-86bdad2 > .elementor-widget-container{margin:0px 0px 40px 0px;padding:0px 0px 0px 0px;}.elementor-363 .elementor-element.elementor-element-86bdad2 .elementor-heading-title{font-family:"Akhand", Sans-serif;font-size:24px;font-weight:400;line-height:100%;color:#FFFFFF;}.elementor-363 .elementor-element.elementor-element-638bf0e{--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-363 .elementor-element.elementor-element-638bf0e:not(.elementor-motion-effects-element-type-background), .elementor-363 .elementor-element.elementor-element-638bf0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}body.elementor-page-363{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-363 .elementor-element.elementor-element-f557707{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:160px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-363 .elementor-element.elementor-element-25dd5a9{text-align:center;}.elementor-363 .elementor-element.elementor-element-25dd5a9 .elementor-heading-title{font-size:32px;}.elementor-363 .elementor-element.elementor-element-86bdad2{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-363 .elementor-element.elementor-element-86bdad2 .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-363 .elementor-element.elementor-element-f557707{--content-width:1240px;}}/* Start custom CSS for shortcode, class: .elementor-element-89ce7e2 */.elementor-363 .elementor-element.elementor-element-89ce7e2 #filtro-projetos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.elementor-363 .elementor-element.elementor-element-89ce7e2 input, .elementor-363 .elementor-element.elementor-element-89ce7e2 select, .elementor-363 .elementor-element.elementor-element-89ce7e2 button {
    
    height: 48px;
    border: 0;
    border-radius: 0;
    border: 2px solid #fff;
    color: #fff;
    background-color: #000;
}

 .elementor-363 .elementor-element.elementor-element-89ce7e2 select {
     width: 100%;
     max-width: 240px;
 }

.elementor-363 .elementor-element.elementor-element-89ce7e2 .search-field-wrapper {
    width: 100%;
    max-width: 240px;
    display: flex;
    align-items: center;
    gap: 0;
}

.elementor-363 .elementor-element.elementor-element-89ce7e2 .search-field-wrapper {
    width: 100%;
    max-width: 240px;
}

.elementor-363 .elementor-element.elementor-element-89ce7e2 .search-field-wrapper button {
    background-color: #fff;
    color: #000
}

.elementor-363 .elementor-element.elementor-element-89ce7e2 svg {
    margin-bottom: -3px;
    margin-left: -4px;
}

@media screen and (max-width: 767px) {
    .elementor-363 .elementor-element.elementor-element-89ce7e2 #filtro-projetos {
    gap: 20px;
}

 .elementor-363 .elementor-element.elementor-element-89ce7e2 select {
     width: 100%;
     max-width: 100%;
 }

.elementor-363 .elementor-element.elementor-element-89ce7e2 .search-field-wrapper {
    width: 100%;
    max-width: 100%;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8656d57 */.elementor-363 .elementor-element.elementor-element-8656d57 .loading {
    width: 100%;
    color: #fff; 
    font-size: 20px;
    text-align: center; 
    line-height: 150%;
}


.elementor-363 .elementor-element.elementor-element-8656d57 #resultados-projetos {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: flex; 
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.elementor-363 .elementor-element.elementor-element-8656d57 a.projeto-container {
    filter: saturate(0);
    transition: all 0.3s ease;
    width: 50%;
    /*max-width: 720px;*/
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.elementor-363 .elementor-element.elementor-element-8656d57 a.projeto-container:hover {
    filter: saturate(1);
}

.elementor-363 .elementor-element.elementor-element-8656d57 h3 {
    transition: all 0.3s ease;
    opacity: 0;
    font-family: 'Akhand', Sans-Serif;
    font-size: 32px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
} 

.elementor-363 .elementor-element.elementor-element-8656d57 a:hover h3 {
    opacity: 1;
}

@media screen and (max-width: 640px) {
    .elementor-363 .elementor-element.elementor-element-8656d57 #resultados-projetos {
    flex-direction: column;
}

.elementor-363 .elementor-element.elementor-element-8656d57 a.projeto-container {
    width: 100%;
    min-height: 300px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638bf0e */.elementor-363 .elementor-element.elementor-element-638bf0e {
    max-width: 1920px;
    margin: 0 auto;
}

.hidden-content {
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Akhand';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Black.woff2') format('woff2'),
		url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Black.woff') format('woff');
}
@font-face {
	font-family: 'Akhand';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Bold.woff2') format('woff2'),
		url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Akhand';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Semibold.woff2') format('woff2'),
		url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Semibold.woff') format('woff');
}
@font-face {
	font-family: 'Akhand';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Regular.woff2') format('woff2'),
		url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Akhand';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Light.woff2') format('woff2'),
		url('https://koiarquitetos.com.br/wp-content/uploads/2025/03/Akhand-Light.woff') format('woff');
}
/* End Custom Fonts CSS */