.elementor-7 .elementor-element.elementor-element-32e24cf{--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-7 .elementor-element.elementor-element-32e24cf:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-32e24cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-acee94f{--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-7 .elementor-element.elementor-element-6766a71{--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-7 .elementor-element.elementor-element-d7f6215{--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-7 .elementor-element.elementor-element-d7f6215:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-d7f6215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-2f62b24{--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-7 .elementor-element.elementor-element-d66b96a{--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-7 .elementor-element.elementor-element-3cec962{--spacer-size:50px;}.elementor-7 .elementor-element.elementor-element-7bc446b{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-dd3c1f7{text-align:center;}.elementor-7 .elementor-element.elementor-element-dd3c1f7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;letter-spacing:5.9px;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-d7b5819{--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-7 .elementor-element.elementor-element-595a00a{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-22bf0d2 *//* ======================================
   DSB DESIGN - ANIMAÇÕES DO HERO
   ====================================== */

/* ANIMAÇÃO BASE: FADE + MOVIMENTO */
@keyframes dsbFadeUp {
  from {
    opacity: 0;
    transform: translateY(35px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 1. TÍTULO */
.dsb-hero__title {
  animation: dsbFadeUp 0.9s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: 0.15s;
}

/* 2. DESCRIÇÃO */
.dsb-hero__description {
  animation: dsbFadeUp 0.9s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: 0.35s;
}

/* 3. BOTÕES */
.dsb-hero__actions {
  animation: dsbFadeUp 0.9s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: 0.55s;
}

/* 4. IMAGENS DOS PROJETOS */
.dsb-hero__project {
  opacity: 0;
  animation: dsbFadeUp 1s cubic-bezier(.22, 1, .36, 1) both;
}

/* ENTRADA EM CASCATA */
.dsb-hero__project:nth-child(1) {
  animation-delay: 0.65s;
}

.dsb-hero__project:nth-child(2) {
  animation-delay: 0.82s;
}

.dsb-hero__project:nth-child(3) {
  animation-delay: 0.99s;
}

/* 5. ZOOM SUAVE NAS IMAGENS */
.dsb-hero__project img {
  transition: transform 0.8s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.dsb-hero__project:hover img {
  transform: scale(1.08);
}

/* 6. BOTÃO PRINCIPAL */
.dsb-hero__button {
  transition:
    background 0.3s ease,
    transform 0.35s cubic-bezier(.22, 1, .36, 1);
}

.dsb-hero__button:hover {
  transform: translateY(-4px);
}

/* ACESSIBILIDADE */
@media (prefers-reduced-motion: reduce) {
  .dsb-hero__title,
  .dsb-hero__description,
  .dsb-hero__actions,
  .dsb-hero__project {
    animation: none !important;
    opacity: 1;
    transform: none;
  }

  .dsb-hero__project img,
  .dsb-hero__button {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-959501a */.dsb-ps__imagem {
  object-fit: contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-048b87a */.dsb-metodologia__radio {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  clip-path: inset(50%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a677a1a *//* ========================================
   DSB | TIPOS DE PROJETO
   VERSÃO DARK
======================================== */

.dsb-tipos {
  --dsb-preto: #F5F4F0;
  --dsb-cinza: #AAAAAA;
  --dsb-linha: #414141;
  --dsb-fundo: #171717;

  background: #171717;
  color: #F5F4F0;
}

/* TÍTULOS */

.dsb-tipos__titulo {
  color: #FFFFFF;
}

.dsb-tipos__titulo span {
  color: #858585;
}

.dsb-tipos__rotulo {
  color: #F5F4F0;
}

.dsb-tipos__intro-texto {
  color: #AAAAAA;
}

/* LISTAGEM */

.dsb-tipos__lista {
  border-color: #414141;
}

.dsb-tipos__item {
  border-color: #414141;
}

.dsb-tipos__numero {
  color: #888888;
}

.dsb-tipos__nome,
.dsb-tipos__item[open] .dsb-tipos__nome {
  color: #FFFFFF;
}

/* ÍCONES */

.dsb-tipos__icone::before,
.dsb-tipos__icone::after {
  background: #FFFFFF;
}

/* INTERAÇÃO */

.dsb-tipos__cabecalho:hover {
  background: #242424;
}

.dsb-tipos__cabecalho:focus-visible {
  outline-color: #FFFFFF;
}

/* CONTEÚDO EXPANDIDO */

.dsb-tipos__descricao {
  color: #AAAAAA;
}

/* TAGS */

.dsb-tipos__tag {
  border-color: #555555;
  color: #CCCCCC;
}

.dsb-tipos__tag:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #171717;
}/* End custom CSS */