.imagem-servico-celular, .imagem-servico-celular-deitado, .imagem-servico-tablet, .imagem-servico-tablet-deitado, .imagem-servico-tablet-midia-movel-deitado, 
.imagem-servico-celular-deitado-largura-maxima-500px, .botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado { display: none }

.imagem-servico-tablet img, .imagem-servico-tablet-deitado img, .imagem-servico-celular img, .imagem-servico-celular-deitado img, .imagem-servico-computador img, 
.imagem-servico-celular-deitado-largura-maxima-500px 
{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; }

.carousel-container { flex-grow: 1; display: flex; position: relative; width: 100%; box-sizing: border-box; margin-bottom :0 }

.slides 
{ flex-grow: 1; width: 100%; height: calc(100vh - clamp(16.9rem, 17.63vw, 36.71svh)); height: calc(100vh - clamp(16.9rem, 17.63vw, 36.71vh)); position: relative; 
  overflow: hidden; }

.slide-servico 
{ display: -webkit-flex; display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; padding: 0; 
  box-sizing: border-box; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; 
  justify-content: space-between; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; 
  backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; isolation: isolate; will-change: transform, opacity}

.slide-servico.active { pointer-events: auto; z-index: 3 }

.slide-servico.active, .slide-servico.slide-in-right, .slide-servico.slide-in-left, .slide-servico.slide-out-left, .slide-servico.slide-out-right { opacity: 1; }

.imagem-servico-computador { width: auto; height: 100%; padding-right: 0; display: flex; justify-content: flex-end; align-self: flex-start; }

.imagem-servico-computador picture, .imagem-servico-computador img { width: 100%; height: 100%; object-fit: cover; display: block; margin-top: 0 }

.progress-bar-container { width: 100%; height: 4px; background-color: rgba(243, 238, 234, 0.2); position: absolute; bottom: 0; left: 0; z-index: 100; top: auto }

.progress-bar { height: 100%; width: 0%; background: rgb(73, 16, 35); animation: servicosProgress 8s linear forwards; }

@keyframes servicosProgress { from { width: 0%; } to { width: 100%; } }

.slide-in-right { -webkit-animation-name: slideInRight; animation-name: slideInRight; z-index: 5 }

.slide-out-left { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; z-index: 4 }

.slide-in-left { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; z-index: 5 }

.slide-out-right { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; z-index: 4 }

.slide-in-right, .slide-out-left, .slide-in-left, .slide-out-right 
{ -webkit-animation-duration: 2.6s; animation-duration: 2.6s; -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); 
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.slide-in-right, .slide-in-left { z-index: 5; }

.slide-out-left, .slide-out-right { z-index: 4; }

@keyframes slideInRight { from { transform: translateX(100%); } to { transform: translateX(0); } }

@keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); opacity: 1 } to { transform: translate3d(-100%, 0, 0); opacity: 0 } }

@keyframes slideInLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } }

@keyframes slideOutRight { from { transform: translateX(0); } to { transform: translateX(100%); } }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 1px); opacity: 0 } to { -webkit-transform: translate3d(0, 0, 1px); opacity: 1 } }

@keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0.001px); opacity: 0 } 50% { opacity: 0.8 } 100% { transform: translate3d(0.001px, 0, 0); opacity: 1 } }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); opacity: 1 } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0 } }

@keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); opacity: 1 } to { transform: translate3d(-100%, 0, 0); opacity: 0 } }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 1px); opacity: 0 } to { -webkit-transform: translate3d(0, 0, 1px); opacity: 1 } }

@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0.001px); opacity: 0 } 50% { opacity: 0.8 } 100% { transform: translate3d(0.001px, 0, 0); opacity: 1 } }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0 } }

@keyframes slideOutRight { from { transform: translate3d(0, 0, 0); opacity: 1 } to { transform: translate3d(100%, 0, 0); opacity: 0 } }

.slide-servico .text
{ width: 45%; padding: 0; z-index: 2; margin: 0; display: flex; flex-direction: column; justify-content: center; align-self: center; height: auto; }

.slide-servico h3 
{ font-family: "poppinssemibold"; font-size: clamp(1.58rem, 1.85vw, 4.04vh); color: rgb(73, 16,35); margin-bottom: clamp(0.7rem, 0.8vw, 1.7vh); height: auto; 
  line-height: clamp(2.25rem, 2.6vw, 6vh); -webkit-backface-visibility: hidden; backface-visibility: hidden }

.text p 
{ font-family: "montserratlight"; color: rgb(114, 0,4 6); letter-spacing: 0.05rem; font-size: clamp(0.9735rem, 1.14vw, 2.6vh); width: 90%; position: relative; 
  line-height: clamp(1.75rem, 1.85vw, 3.8vh); text-align: justify;  -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado 
{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: clamp(0.5rem, 0.52vw, 1vh); margin-bottom: clamp(1.9rem, 1.95vw, 4.1vh) }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado > * + * { margin-left: clamp(1.8rem, 2vw, 4.1vh); }

.barra-progresso-servicos-celular-deitado { flex-grow: 1; }

.progress-bar-container-celular-deitado
{ position: relative; bottom: auto; left: auto; width: calc(100% - 0.6rem); height: 4px; background-color: rgba(243, 238, 234, 0.2); display: block; margin: 0; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado button { all: unset; cursor: pointer; display: flex; z-index: 10; flex-shrink: 0 }

.prev-servicos img, .next-servicos img { height: auto; width: clamp(0.95rem, 1.15vw, 2.6vh); aspect-ratio: 41 / 33; transition: filter 0.3s ease; }

.prev-servicos:hover img, .next-servicos:hover img { filter: brightness(5) sepia(1) hue-rotate(300deg); }

/*Celular em pé*/

@media only screen and (max-width : 600px) and (orientation: portrait) 
{

.carousel-container 
{ width: 100%; display: flex; flex-direction: column; min-height: calc(100vh - 11.5rem); flex-grow: 0; position: relative; box-sizing: border-box; 
  padding-bottom: 3.35rem; margin: 0 0 0.6rem 0 }

.slides 
{ display: block; flex: 1; position: relative; padding: 0; margin: 0; width: 100%; -webkit-align-items: flex-start; align-items: flex-start; min-height: 500px; }

.slide-servico
{ -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; 
  justify-content: flex-start; -webkit-perspective: 1000px; perspective: 1000px; }

.imagem-servico-computador { display: none }

.imagem-servico-celular { display: block; width: 100%; height: 85vw; order: 2; aspect-ratio: 500 / 480; overflow: hidden; margin: 0 }

.imagem-servico-celular picture, .imagem-servico-celular img { width: 100%; height: 100%; object-fit: cover; display: block; margin-top: 0; border-radius: 8px; }

.progress-bar-container 
{ position: absolute; width: 100%; bottom: 0; left: 0; clear: both; height: 4px; background-color: rgba(243, 238, 234, 0.2); z-index: 100; top: auto }

.slide-servico .text { width: 100%; margin: 0; display: flex; flex-direction: column; align-items: center; }

.text { order: 1; width: 100%; padding: 0; margin: 0; flex: none; }

.text h3 
{ order: 1; font-family: "poppinssemibold"; font-size: 1.06rem; color: rgb(73, 16,35); margin-bottom: 1rem; letter-spacing: 0.05rem; line-height: 2rem; 
  margin-top: 0; height: auto; align-self: flex-start; text-align: left }

.text p 
{ order: 3; font-family: "montserratlight"; color: rgb(114, 0, 46); letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; 
  line-height: 1.77rem; text-align: left; margin-top: 1.15rem; height: auto }

.prev, .next 
{ position: absolute; top: auto; bottom: 1.75rem; transform: none; z-index: 110; background: none; border: none; cursor: pointer; }

.prev { margin-left: 25%; }

.next { margin-right: 25%; }

.prev img, .next img { height: 1.18rem; width: 1.44rem; aspect-ratio: 41 / 33; transition: filter 0.3s ease; }

.slide-in-right, .slide-out-left, .slide-in-left, .slide-out-right { position: absolute; top: 0; left: 0; width: 100%; }
}

/*ipad em pé e deitado*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) 
{
.imagem-servico-computador { display: none }

.slide-servico h3 { font-family: "poppinssemibold"; font-size: 1.626rem; color: rgb(73, 16,35); height: auto }

.text p 
{ font-family: "montserratlight"; color: rgb(114, 0, 46); letter-spacing: 0.05rem; font-size: 0.9735rem; position: relative; line-height: 1.572rem; 
  text-align: justify }
}

/*ipad em pé*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) and (orientation: portrait) 
{
.carousel-container 
{ width: 100%; display: flex; flex-direction: column; min-height: calc(100vh - 13rem); min-height: calc(100svh - 14.7rem); flex-grow: 0; position: relative; 
  box-sizing: border-box; margin: 0.3rem 0 0.6rem 0; }

.slides 
{ display: block; flex: 1; position: relative; height: 100%; padding: 0; margin: 0; width: 100%; -webkit-align-items: flex-start; align-items: flex-start; }

.slide-servico
{ -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; 
  justify-content: flex-start; }

.imagem-servico-tablet { display: block; width: 100%; height: 63vw; order: 2; overflow: hidden; margin: 0 0 1.58rem 0 }

.imagem-servico-tablet picture, .imagem-servico-tablet img { width: 100%; height: 100%; object-fit: cover; display: block; margin-top: 0; border-radius: 8px; }

.slide-servico .text { width: 100%; margin: 0; display: flex; flex-direction: column; align-items: center; }

.text { order: 1; width: 100%; padding: 0; margin: 0; flex: none; }

.slide-servico h3 { order: 1; align-self: flex-start; text-align: left; margin: 0 0 1.45rem 0; line-height: 1.626rem }

.text p { order: 3; width: 100%; }

.prev, .next { position: absolute; top: auto; bottom: 2.3rem; transform: none; z-index: 110; background: none; border: none; cursor: pointer; }

.prev { margin-left: 25%; }

.next { margin-right: 25%; }

.prev img, .next img { height: 1.18rem; width: 1.44rem; aspect-ratio: 41 / 33; transition: filter 0.3s ease; }
}

/*mídia móvel deitado*/

/*ipad deitado*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) and (orientation: landscape) 
{
.imagem-servico-computador, .prev, .next, .progress-bar-container { display: none }

.carousel-container 
{ width: 100%; display: flex; flex-direction: column; min-height: calc(100vh - 18.9rem); min-height: calc(100svh - 18.9rem); flex-grow: 0; position: relative; 
  box-sizing: border-box; margin: 0; }

.slides { flex-grow: 1; width: 100%; height: 100%; position: relative; overflow: hidden; }

.imagem-servico-tablet-deitado
{ width: fit-content; display: inline-block; flex: 0 0 auto; height: 100%; margin-right: 0; justify-content: flex-end; align-self: flex-start; }

.imagem-servico-tablet-deitado picture, .imagem-servico-tablet-deitado img { height: 100%; display: block; margin-top: 0; border-radius: 8px; }

.imagem-servico-tablet-deitado img 
{ width: auto; object-fit: contain; aspect-ratio: 1000/1076; object-position: right bottom; -webkit-transform-origin: right bottom; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado 
{ margin-top: 0.2rem; display: flex; align-items: center; justify-content: center; width: 100%; height: 1.18rem; margin-bottom: 1.5rem; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado > * + * { margin-left: 0.6rem; }

.barra-progresso-servicos-celular-deitado { flex-grow: 1; }

.progress-bar-container-celular-deitado
{ position: relative; bottom: auto; left: auto; width: calc(100% - 0.6rem); height: 4px; background-color: rgba(243, 238, 234, 0.2); display: block; margin: 0; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado button { all: unset; cursor: pointer; display: flex; z-index: 10; flex-shrink: 0 }

.prev-servicos img, .next-servicos img { height: 1.18rem; width: 1.44rem; aspect-ratio: 41 / 33; transition: filter 0.3s ease; }

.slide-servico .text 
{ width: 100%; padding: 0; z-index: 2; margin: 0 0.6rem 0 0; display: flex; flex-direction: column; justify-content: center; align-self: center; height: auto; }

.slide-servico h3 { margin-bottom: 0.8rem; line-height: 2.25rem }
}

/*tim*/
@media screen and (max-device-width : 570px) and (orientation : landscape) 
{
.imagem-servico-computador, .imagem-servico-celular, .imagem-servico-tablet, .imagem-servico-tablet-deitado, .imagem-servico-celular-deitado, .prev, 
.next, .progress-bar-container { display: none }

.carousel-container { flex-grow: 1; display: flex; position: relative; width: 100%; box-sizing: border-box; height: 28vw; margin-bottom: 0 }

.slide-servico { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.slides { flex-grow: 1; width: 100%; height: 100%; position: relative; overflow: hidden; }

.imagem-servico-celular-deitado-largura-maxima-500px 
{ width: fit-content; display: inline-block; flex: 0 0 auto; height: 100%; margin-right: 0; justify-content: flex-end; align-self: flex-start; }

.imagem-servico-celular-deitado-largura-maxima-500px picture, .imagem-servico-celular-deitado-largura-maxima-500px img 
{ height: 100%; display: block; margin-top: 0 }

.imagem-servico-celular-deitado-largura-maxima-500px img { width: auto; object-fit: contain; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado 
{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: -0.1rem; margin-bottom: 1.8rem; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado > * + * { margin-left: 0.6rem; }

.barra-progresso-servicos-celular-deitado { flex-grow: 1; }

.progress-bar-container-celular-deitado
{ position: relative; bottom: auto; left: auto; width: calc(100% - 0.6rem); height: 4px; background-color: rgba(243, 238, 234, 0.2); display: block; margin: 0; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado button { all: unset; cursor: pointer; display: flex; z-index: 10; flex-shrink: 0 }

.prev-servicos img, .next-servicos img { height: 1.18rem; width: 1.44rem; aspect-ratio: 41 / 33; transition: filter 0.3s ease; }

.slide-servico .text 
{ width: 100%; padding: 0; z-index: 2; margin: 0 0.6rem 0 0; display: flex; flex-direction: column; justify-content: center; align-self: center; height: auto; }

.slide-servico h3 
{ font-family: "poppinssemibold"; color: rgb(73, 16, 35); letter-spacing: 0.05rem; font-size: 1.06rem; line-height: 1.06rem; margin: 0 0 1.19rem 0; padding: 0;
  text-align: left; height: auto }

.text p 
{ font-family: "montserratlight"; color: rgb(114, 0, 46); letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; line-height: 1.77rem; 
  text-align: left; margin: 0; height: auto }
}

/*IPHONE MÃE*/
@media screen and (min-width: 571px) and (max-width: 670px) and (orientation: landscape) 
{
.imagem-servico-computador, .imagem-servico-celular, .imagem-servico-tablet, .imagem-servico-tablet-deitado, .imagem-servico-celular-deitado-largura-maxima-500px, .prev, 
.next, .progress-bar-container { display: none }

.carousel-container { flex-grow: 1; display: flex; position: relative; width: 100%; box-sizing: border-box; height: 23.5vw; margin-bottom: 0 }

.slide-servico { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.slides { flex-grow: 1; width: 100%; height: 100%; position: relative; overflow: hidden; }

.imagem-servico-celular-deitado 
{ width: fit-content; display: inline-block; flex: 0 0 auto; height: 100%; margin-right: 0; justify-content: flex-end; align-self: flex-start; }

.imagem-servico-celular-deitado picture, .imagem-servico-celular-deitado img { height: 100%; display: block; margin-top: 0 }

.imagem-servico-celular-deitado img { width: auto; object-fit: contain; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado 
{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: -0.1rem; margin-bottom: 1.8rem }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado > * + * { margin-left: 0.6rem; }

.barra-progresso-servicos-celular-deitado { flex-grow: 1; }

.progress-bar-container-celular-deitado
{ position: relative; bottom: auto; left: auto; width: calc(100% - 0.6rem); height: 4px; background-color: rgba(243, 238, 234, 0.2); display: block; margin: 0; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado button { all: unset; cursor: pointer; display: flex; z-index: 10; flex-shrink: 0 }

.prev-servicos img, .next-servicos img { height: 1.18rem; width: 1.44rem; aspect-ratio: 41 / 33; transition: filter 0.3s ease;  }

.slide-servico .text 
{ width: 100%; padding: 0; z-index: 2; margin: 0 0.6rem 0 0; display: flex; flex-direction: column; justify-content: center; align-self: center; height: auto; }

.slide-servico h3 
{ font-family: "poppinssemibold"; color: rgb(73, 16, 35); letter-spacing: 0.05rem; font-size: 1.06rem; line-height: 1.06rem; margin: 0 0 1.19rem 0; padding: 0;
  text-align: left; height: auto }

.text p 
{ font-family: "montserratlight"; color: rgb(114, 0, 46); letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; line-height: 1.77rem; 
  text-align: left; margin: 0 0 -0.5rem 0; height: auto }

.prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; z-index: 10; }

.prev { left: 0; }

.next { right: 0; }

.prev img, .next img { height: 1.18rem; width: 1.44rem; aspect-ratio: 41 / 33; transition: filter 0.3s ease; }
}

/*Celulares grandes*/

@media only screen and (min-width: 671px) and (max-height: 600px) and (orientation: landscape) and (pointer: coarse)
{
.imagem-servico-computador, .imagem-servico-celular, .imagem-servico-tablet, .imagem-servico-tablet-deitado, .imagem-servico-celular-deitado-largura-maxima-500px, .prev, 
.next, .progress-bar-container { display: none }

.carousel-container { flex-grow: 1; display: flex; position: relative; width: 100%; box-sizing: border-box; height: 20vw; margin-bottom: 0; }

.slide-servico { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.slides { flex-grow: 1; width: 100%; height: 100%; position: relative; overflow: hidden; }

.imagem-servico-celular-deitado 
{ width: fit-content; display: inline-block; flex: 0 0 auto; height: 100%; margin-right: 0; justify-content: flex-end; align-self: flex-start; }

.imagem-servico-celular-deitado picture, .imagem-servico-celular-deitado img { height: 100%; display: block; margin-top: 0 }

.imagem-servico-celular-deitado img { width: auto; object-fit: contain; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado 
{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: -0.1rem; margin-bottom: 1.8rem }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado > * + * { margin-left: 0.6rem; }

.barra-progresso-servicos-celular-deitado { flex-grow: 1; }

.progress-bar-container-celular-deitado
{ position: relative; bottom: auto; left: auto; width: calc(100% - 0.6rem); height: 4px; background-color: rgba(243, 238, 234, 0.2); display: block; margin: 0; }

.botoes-de-navegacao-e-barra-de-progresso-servicos-celular-deitado button { all: unset; cursor: pointer; display: flex; z-index: 10; flex-shrink: 0 }

.prev-servicos img, .next-servicos img { height: 1.18rem; width: 1.44rem; aspect-ratio: 41 / 33; transition: filter 0.3s ease; }

.slide-servico .text 
{ width: 100%; padding: 0; z-index: 2; margin: 0 0.6rem 0 0; display: flex; flex-direction: column; justify-content: center; align-self: center; height: auto; }

.slide-servico h3 
{ font-family: "poppinssemibold"; color: rgb(73, 16, 35); letter-spacing: 0.05rem; font-size: 1.06rem; line-height: 1.06rem; margin: 0 0 1.19rem 0; padding: 0;
  text-align: left; height: auto }

.text p 
{ font-family: "montserratlight"; color: rgb(114, 0, 46); letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; line-height: 1.77rem; 
  text-align: left; margin: 0 0 -0.5rem 0; height: auto }
}