.elementor-1761 .elementor-element.elementor-element-d91a3df{--display:flex;--min-height:100vh;--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;--padding-top:0em;--padding-bottom:0em;--padding-left:12em;--padding-right:12em;}.elementor-1761 .elementor-element.elementor-element-d91a3df:not(.elementor-motion-effects-element-type-background), .elementor-1761 .elementor-element.elementor-element-d91a3df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-repeater-item-2475e17 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/Project-1.webp);background-size:cover;}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-repeater-item-c9cc064 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/Porject-2.webp);background-size:cover;}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-repeater-item-b9aa26a .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://f04studio.elizeudantas.com/wp-content/uploads/2025/09/Erz-House2.webp);background-size:cover;}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-repeater-item-00529fc .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/Project-4.webp);background-size:cover;}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-repeater-item-7fc178a .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://f04studio.elizeudantas.com/wp-content/uploads/2025/09/OCN_544_CAM_05.webp);background-size:cover;}.elementor-1761 .elementor-element.elementor-element-6340952 .swiper-slide{height:650px;}.elementor-1761 .elementor-element.elementor-element-6340952 .swiper-slide-inner{padding:0px 0px 0px 0px;}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-slide-heading{font-family:"Rounded Elegance", Sans-serif;font-size:70px;font-weight:400;}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-slide-button{font-family:"Rounded Elegance", Sans-serif;font-size:14px;font-weight:400;border-width:0px;border-radius:0px;color:#FFFFFF;}body:not(.rtl) .elementor-1761 .elementor-element.elementor-element-71dbdf7{right:20px;}body.rtl .elementor-1761 .elementor-element.elementor-element-71dbdf7{left:20px;}.elementor-1761 .elementor-element.elementor-element-71dbdf7{top:20px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-1761 .elementor-element.elementor-element-d91a3df{--padding-top:0em;--padding-bottom:0em;--padding-left:4em;--padding-right:4em;}.elementor-1761 .elementor-element.elementor-element-71dbdf7{top:414%;}}@media(max-width:767px){.elementor-1761 .elementor-element.elementor-element-d91a3df{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1761 .elementor-element.elementor-element-6340952 .swiper-slide{height:100vh;}.elementor-1761 .elementor-element.elementor-element-6340952 .elementor-slide-heading{font-size:27px;}body:not(.rtl) .elementor-1761 .elementor-element.elementor-element-71dbdf7{right:20px;}body.rtl .elementor-1761 .elementor-element.elementor-element-71dbdf7{left:20px;}.elementor-1761 .elementor-element.elementor-element-71dbdf7{top:20px;z-index:44;}}/* Start custom CSS for slides, class: .elementor-element-6340952 *//* ================================
   EFEITO NAS IMAGENS DE FUNDO DO SLIDE
   ================================ */
.elementor-widget-slides .swiper-slide .swiper-slide-bg {
    border-radius: 5px;
  opacity: 0;
  transform: scale(0);
  transition: opacity 3s ease, transform 3s ease;
  transform-origin: center center;
  will-change: transform, opacity;
}

/* Imagem ativa */
.elementor-widget-slides .swiper-slide.swiper-slide-visible .swiper-slide-bg {
    border-radius: 5px;
  opacity: 1;
  transform: scale(1);
}

/* ================================
   EFEITO DO TÍTULO
   ================================ */
.elementor-widget-slides .swiper-slide .elementor-slide-heading {
  position: absolute;                        /* Centraliza no slide */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5); /* Começa menor e centralizado */
  opacity: 0;
  transition: opacity 2s ease, transform 2s ease;
  transition-delay: 1.5s;                    /* Atraso após a imagem */
  text-align: center;
  z-index: 10;                               /* Garante que fique acima da imagem */
  will-change: transform, opacity;
}

/* Título do slide ativo */
.elementor-widget-slides .swiper-slide.swiper-slide-visible .elementor-slide-heading {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1); /* Cresce suavemente no lugar certo */
}

/* ================================
   EFEITO DO BOTÃO
   ================================ */
.elementor-widget-slides .swiper-slide .elementor-slide-button {
  opacity: 0;
  transform: translateY(40px) scale(0.8);
  transition: opacity 1s ease, transform 1s ease;
  transition-delay: 2s;                      /* Entra após o título */
  will-change: transform, opacity;
}

/* Botão do slide ativo */
.elementor-widget-slides .swiper-slide.swiper-slide-visible .elementor-slide-button {
  opacity: 1;
  transform: translateY(0) scale(1);
}












/* Centraliza o título no meio do slide */
.swiper-slide .elementor-slide-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  color: #fff; /* Ajuste conforme a cor desejada */
  z-index: 10; /* Garante que fique acima da imagem de fundo */
}






/* Posiciona o botão no canto inferior esquerdo do slide */
.swiper-slide .elementor-slide-button {
  position: absolute;
  bottom: 10px;  /* Distância do rodapé — pode ajustar */
  left: 10px;    /* Distância da lateral — pode ajustar */
  z-index: 10;   /* Garante que fique acima da imagem */
}




/* Adiciona o ícone SVG à esquerda do texto do botão */
.swiper-slide .elementor-slide-button::before {
  content: "";
  display: inline-block;
  width: 18px;  /* Ajuste o tamanho do ícone */
  height: 9px;
  background: url("https://f04studio.elizeudantas.com/wp-content/uploads/2025/09/arrowBotaoSlide.svg") no-repeat center;
  background-size: contain;
  margin-right: 12px; /* Espaço entre o ícone e o texto */
  vertical-align: middle;
}




/* Remove os ícones SVG padrão das setas */
.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg {
  display: none !important;
}

/* Seta esquerda personalizada */
.elementor-swiper-button-prev {
  background: url("https://f04studio.elizeudantas.com/wp-content/uploads/2025/09/arrowleft.svg") no-repeat center;
  background-size: contain;
  width: 17px;
  height: 17px;
  cursor: pointer;
  z-index: 999;
}

/* Seta direita personalizada */
.elementor-swiper-button-next {
  background: url("https://f04studio.elizeudantas.com/wp-content/uploads/2025/09/arrowright.svg") no-repeat center;
  background-size: contain;
  width: 17px;
  height: 17px;
  cursor: pointer;
  z-index: 999;
}

/* Ajusta o posicionamento das setas para fora do slide */
.elementor-element .swiper .elementor-swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -4%!important; /* 🔹 Move a seta esquerda para fora */
  transform: translateY(-50%);
}

.elementor-element .swiper .elementor-swiper-button-next {
  position: absolute;
  top: 50%;
  right: -4% !important; /* 🔹 Move a seta direita para fora */
  transform: translateY(-50%);
}





@media (max-width: 768px){
    
    
    /* Ajusta o posicionamento das setas para fora do slide */
.elementor-element .swiper .elementor-swiper-button-prev {
  position: absolute;
  top: 50dvh;
  left: 4%!important; /* 🔹 Move a seta esquerda para fora */
  transform: translateY(-50%);
}

.elementor-element .swiper .elementor-swiper-button-next {
  position: absolute;
  top: 50dvh;
  right: 4% !important; /* 🔹 Move a seta direita para fora */
  transform: translateY(-50%);
}
    
    
    
    
    
}




@media (max-width: 768px){
    
    
    .elementor-widget-slides .swiper-slide.swiper-slide-visible {
        
        width: 100vw !important;
        height: 100dvh !important;
        max-width: 100vw !important;
        max-height: 100dvh !important;
        object-fit: cover !important;
        display: block !important;  

    }
    
    
    
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71dbdf7 */.botaomenu{
    width: 30px;
    height: 30px;
    background-image: linear-gradient(to right, #00000000, #00000000);
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.botaomenu span{
    background: #FFFFFFBA;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: 0.3s;
    transform: translate(-50%, -50%);
    transition: transform 2s, width 2s;
}

.botaomenu .line-1{
    width: 50%;
    transform: translate(-100%, -16px);
}


.botaomenu .line-3{
    width: 50%;
    transform: translate(-0%, 12px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d91a3df */.elementor-1761 .elementor-element.elementor-element-d91a3df{
    
    height: 100dvh; 
}/* End custom CSS */
/* Start custom CSS */* {
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  outline: none;
}

p {
    margin: 0;
}

html, body {
    overflow-x: hidden;
}

html, body {
    overflow-y: hidden;
}

html {
    scrollbar-width: none; 
}

html::-webkit-scrollbar {
    display: none; /* Chrome, Safari e Edge */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rounded Elegance';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/RoundedElegance-Regular.eot');
	src: url('https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/RoundedElegance-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/RoundedElegance-Regular.woff2') format('woff2'),
		url('https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/RoundedElegance-Regular.woff') format('woff'),
		url('https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/RoundedElegance-Regular.ttf') format('truetype'),
		url('https://f04studio.elizeudantas.com/wp-content/uploads/2025/08/RoundedElegance-Regular.svg#RoundedElegance') format('svg');
}
/* End Custom Fonts CSS */