/* Paginas de agradecimento (obrigado-empresas e obrigado-particulares).
   Carregado so nestas duas paginas, por isso os seletores nao precisam de
   scope por body. Direcao de design: Dedalmania Atelier. */

.ddm-ty__col > .elementor-widget-wrap { max-width:720px; }

/* filete de acento por cima do titulo.
   O Elementor impoe width:100% ao separador a partir das definicoes do widget,
   por isso a largura precisa de !important. */
.ddm-ty .ddm-rule .elementor-divider-separator { border:0 !important; height:3px; width:64px !important; background:#DEDE00; }
.ddm-ty .ddm-rule .elementor-divider { padding:0; justify-content:flex-start; }

.ddm-ty__lede p { max-width:56ch; }

/* os tres caminhos de saida */
.ddm-ty .ddm-btnrow { width:auto; display:inline-block; vertical-align:top; margin:0 12px 12px 0; }
.ddm-ty .ddm-btnrow .elementor-button { border-radius:2px; transition:background-color .15s ease, color .15s ease, border-color .15s ease; }

/* nota de contacto, separada por filete de costura */
.ddm-ty__nota { padding-top:26px; border-top:1px dashed #45453E; }
.ddm-ty__nota p { max-width:56ch; }
.ddm-ty__nota a { color:#F4F2EC; text-decoration:none; border-bottom:1px solid rgba(222,222,0,.65); }
.ddm-ty__nota a:hover { color:#DEDE00; border-bottom-color:#DEDE00; }

@media (max-width:767px){
  /* em telemovel os botoes empilham a toda a largura: area de toque generosa */
  /* o .elementor-widget-wrap do Elementor e flex: sem repor a largura do item,
     os botoes continuam lado a lado mesmo com display:block */
  .ddm-ty .ddm-btnrow { display:block; width:100%; flex:0 0 100%; margin:0 0 10px 0; }
  /* o 100% tem de assentar no wrapper do Elementor, senao resolve contra uma
     caixa inline e o botao fica com a largura do texto */
  .ddm-ty .ddm-btnrow .elementor-button-wrapper { display:block; }
  .ddm-ty .ddm-btnrow .elementor-button { display:flex; width:100%; justify-content:center; }
  .ddm-ty__nota { margin-top:34px; }
  /* o site tem um botao flutuante fixo ao fundo que tapava a nota de contacto */
  .ddm-ty { padding-bottom:120px !important; }
}