.elementor-64 .elementor-element.elementor-element-20db1b7{--display:flex;--min-height:100vh;--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-64 .elementor-element.elementor-element-90c3086{--display:flex;--min-height:86vh;}.elementor-64 .elementor-element.elementor-element-15301d6{--display:flex;--min-height:120vh;--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-64 .elementor-element.elementor-element-d108eed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-64 .elementor-element.elementor-element-d108eed.e-con{--align-self:center;}.elementor-64 .elementor-element.elementor-element-840c088{width:var( --container-widget-width, 782px );max-width:782px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;--container-widget-width:782px;--container-widget-flex-grow:0;}.elementor-64 .elementor-element.elementor-element-840c088.elementor-element{--align-self:center;}.elementor-64 .elementor-element.elementor-element-840c088 img{width:100%;max-width:100%;}.elementor-64 .elementor-element.elementor-element-69096e3{width:100%;max-width:100%;}.elementor-64 .elementor-element.elementor-element-69096e3.elementor-element{--align-self:center;}.elementor-64 .elementor-element.elementor-element-69096e3 img{width:100%;max-width:100%;}.elementor-64 .elementor-element.elementor-element-07a4a5b{--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-64 .elementor-element.elementor-element-106cc8b{--display:flex;}.elementor-64 .elementor-element.elementor-element-12025c0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:-5px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}body:not(.rtl) .elementor-64 .elementor-element.elementor-element-12025c0{left:-3px;}body.rtl .elementor-64 .elementor-element.elementor-element-12025c0{right:-3px;}.elementor-64 .elementor-element.elementor-element-12025c0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-64 .elementor-element.elementor-element-12025c0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-64 .elementor-element.elementor-element-12025c0 .elementor-icon-list-text{transition:color 0.3s;}@media(min-width:768px){.elementor-64 .elementor-element.elementor-element-20db1b7{--content-width:100%;}.elementor-64 .elementor-element.elementor-element-90c3086{--width:100%;}.elementor-64 .elementor-element.elementor-element-d108eed{--width:964px;}.elementor-64 .elementor-element.elementor-element-07a4a5b{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-cdc0b77 */.wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1000px; 
  overflow: visible; 
  position: relative;
}

.inner {
  --w: 100px;
  --h: 150px;
  --translateZ: calc((var(--w) + var(--h)) + 0px);
  --rotateX: -15deg;
  width: var(--w);
  height: var(--h);
  position: absolute;
  top: 50%;
  left: 50%;
  transform-style: preserve-3d;
  transform: rotateX(var(--rotateX)) translate(-50%, -50%);
  animation: rotating 20s linear infinite;
}

@keyframes rotating {
  from {
    transform: rotateX(var(--rotateX)) rotateY(0deg) translate(-50%, -50%);
  }
  to {
    transform: rotateX(var(--rotateX)) rotateY(360deg) translate(-50%, -50%);
  }
}

.card {
  position: absolute;
  inset: 0;
  border: 2px solid #fff; /* pode deixar branco ou remover */
  border-radius: 12px;
  overflow: hidden;
  transform: rotateY(calc((360deg / var(--quantity)) * var(--index)))
    translateZ(var(--translateZ));
}

.img {
  width: 100%;
  height: 100%;
  border-radius: 12px;

  /* Apenas a imagem, sem cores */
  background: url('https://contactservicce.site/wp-content/uploads/2025/12/Captura-de-tela-2025-12-03-181044.png') center/cover no-repeat;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20db1b7 *//* From Uiverse.io by ilkhoeri */ 
.wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.inner {
  --w: 100px;
  --h: 150px;
  --translateZ: calc((var(--w) + var(--h)) + 0px);
  --rotateX: -15deg;
  --perspective: 1000px;
  position: absolute;
  width: var(--w);
  height: var(--h);
  top: 25%;
  left: calc(50% - (var(--w) / 2) - 2.5px);
  z-index: 2;
  transform-style: preserve-3d;
  transform: perspective(var(--perspective));
  animation: rotating 20s linear infinite; /* */
}
@keyframes rotating {
  from {
    transform: perspective(var(--perspective)) rotateX(var(--rotateX))
      rotateY(0);
  }
  to {
    transform: perspective(var(--perspective)) rotateX(var(--rotateX))
      rotateY(1turn);
  }
}

.card {
  position: absolute;
  border: 2px solid rgba(var(--color-card));
  border-radius: 12px;
  overflow: hidden;
  inset: 0;
  transform: rotateY(calc((360deg / var(--quantity)) * var(--index)))
    translateZ(var(--translateZ));
}

.img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0000
    radial-gradient(
      circle,
      rgba(var(--color-card), 0.2) 0%,
      rgba(var(--color-card), 0.6) 80%,
      rgba(var(--color-card), 0.9) 100%
    );
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a31269e */.tela{
    width: 100%;
    height: 100%;
    transform-origin: bottom;
    transform: perspective(2500px) rotatex(-85deg)
}

@media (max-width: 767px) {
  .screen {
    width: 100%;
    height: 100%;
    transform-origin: bottom;
    transform: rotateX(-85px);
    position: relative;
    bottom: -10px;
  }
  
  .tela {
    margin: 0px 0 -10px 0 !important}
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-12025c0 *//*CSS DO CONTAINER*/
.elementor-64 .elementor-element.elementor-element-12025c0 {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/*CSS DA LISTA DE ÍCONES*/
.elementor-64 .elementor-element.elementor-element-12025c0 .elementor-widget-container {
  overflow: visible !important;
  white-space: nowrap !important;
}

.elementor-64 .elementor-element.elementor-element-12025c0 .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 15px;
  width: max-content;
  animation: carrossel 40s linear infinite;
}

.elementor-64 .elementor-element.elementor-element-12025c0 .elementor-inline-item {
  border-radius: 11.318px;
  border: 1.509px solid rgba(0, 32, 67, 0.25);
  background: #0B1E33;
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: 0.7s ease all;
}

.elementor-64 .elementor-element.elementor-element-12025c0 .elementor-inline-item:hover {
  background: #24405E;
  transition: 0.7s ease all;
}

@keyframes carrossel {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}/* End custom CSS */