/* ================================================================================
   47th Tower — CSS proprio do projeto
   ================================================================================
   ESTE e o arquivo para editar. Os outros dois sao herdados e nao devem
   ser tocados:

     css/normalize.css    -> reset do Webflow
     css/components.css   -> base do Webflow (classes w-*)
     css/47th-d1up.css    -> CSS principal gerado pelo Webflow (congelado)

   O index.html carrega este arquivo DEPOIS do 47th-d1up.css, entao as
   regras daqui vencem quando a especificidade empata.

   --------------------------------------------------------------------------------
   ATENCAO — armadilha desta pagina (vale para qualquer coisa aqui)
   --------------------------------------------------------------------------------
   Animacoes e transicoes de CSS travam no primeiro quadro, porque a
   thread principal fica saturada pelos scripts do Webflow/GSAP/Lenis/
   Splide. Nao usar `animation` nem `transition` para revelar ou trocar
   a aparencia de algo que o usuario precise ver — o valor fica preso no
   inicial. Isso ja causou dois bugs reais: o aviso de cookies que
   "aparecia e sumia" e o check do checkbox que nao aparecia ao clicar.
   ================================================================================ */


/* ================================================================================
   1. Botao do WhatsApp no mobile
   --------------------------------------------------------------------------------
   O CSS gerado traz `display: none` no .whatsapp_cta dentro de
   @media (max-width: 479px), o que escondia o container inteiro no
   celular. Era bug, nao design: o mesmo bloco redimensiona o botao para
   56px e esconde o balao de mensagem — regras que ficariam sem efeito
   com o container oculto.
   Aqui o container volta a aparecer, repetindo o `display: flex` da
   regra base. Media queries nao somam especificidade, entao quem decide
   e a ordem: este arquivo carrega depois do 47th-d1up.css.
   ================================================================================ */
@media screen and (max-width: 479px) {
  .whatsapp_cta {
    display: flex;
  }
}


/* ================================================================================
   2. Mensagem de retorno do envio do formulario
   --------------------------------------------------------------------------------
   Mostrada pelo handler JS apos o POST para contact-form.php.
   Sem animacao e sem opacity de proposito (ver armadilha no topo).
   ================================================================================ */
.contato-47th-msg {
  margin-top: 1rem;
  padding: .875rem 1.125rem;
  border-radius: .5rem;
  font-size: .875rem;
  line-height: 1.5;
}

.contato-47th-msg.is-ok {
  background-color: #e7f4e9;
  color: #1b5e20;
}

.contato-47th-msg.is-erro {
  background-color: #fdecea;
  color: #b71c1c;
}

.contato-47th-msg[hidden] {
  display: none;
}


/* ================================================================================
   3. Legibilidade do formulario de contato (#contato)
   --------------------------------------------------------------------------------
   Tudo escopado em #contato-47th-form para nao afetar o resto do site.
   Motivo de cada ajuste:

   - .fiel_label : vinha com opacity .6; foi removida apenas a
                        transparencia. Peso (400) e tamanho seguem o
                        template — negrito deixava o visual mais pesado.
   - .form_input      : a fonte do que o usuario digita era
                        "Top Luxury" (display, fraca em texto corrido)
                        -> Montserrat.
   - .form_input:focus : o template pinta a borda com primary300 e
                        um anel primary100 — lilas claro. Trocados
                        pelo creme dos rotulos.
   - .form_btn        : o texto do template era branco a 80% sobre o
                        dourado #ecbd7c — 1.7:1 de contraste, abaixo
                        do minimo legivel (4.5:1). Passou a ser o azul
                        escuro do rodape (#003a63): 9.1:1. Fundo,
                        borda e hover seguem os do template.
   - .uui-text-style-link-2 : era cinza escuro (#475467) sobre o
                              fundo azul escuro -> quase invisivel.
                              Ficou branco solido, como o texto ao
                              redor do checkbox.
   - checkbox         : o check.svg do template e ROXO (#7F56D9) e
                        tem 12px numa caixa de 20px. Trocado por um
                        check embutido (data URI) no azul escuro do
                        rodape (#003a63).
                        A "transition: .3s" do template tambem foi
                        desligada: nesta pagina ela trava no valor
                        inicial e o check nao aparecia ao clicar.

   Paleta usada aqui (a do template, nao inventar tons proximos):
     azul escuro do rodape  #003a63
     dourado                #ecbd7c
     creme dos rotulos      #f4d7b0
   ================================================================================ */

/* Rotulos: so a transparencia foi removida. Peso e tamanho ficam os do
   template (u-overline-style-small), que estavam bons. */
#contato-47th-form .fiel_label {
  opacity: 1;
}

/* Campos: texto mais claro e maior, sobre o azul do campo.
   A fonte do preenchimento tambem passa a ser Montserrat (o template
   usava "Top Luxury", uma display de peso 300 — ruim em texto corrido).
   O peso 300 fica como estava; se ficar fino demais, basta subir. */
#contato-47th-form input.form_input,
#contato-47th-form textarea.form_input {
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: .95rem;
}

/* Foco: a borda e o anel vinham lilas (primary300/primary100 do
   Untitled UI). Agora usam o creme dos rotulos. */
#contato-47th-form input.form_input:focus,
#contato-47th-form textarea.form_input:focus {
  border-color: #f4d7b0;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 3px rgba(244, 215, 176, .25);
}

#contato-47th-form input.form_input::placeholder,
#contato-47th-form textarea.form_input::placeholder {
  color: rgba(255, 255, 255, .5);
}

/* Botao: fundo, borda e hover continuam os do template (dourado).
   So o TEXTO muda, para o azul escuro do rodape: #003a63 sobre o
   dourado #ecbd7c da 9.1:1 de contraste (minimo confortavel: 4.5:1).
   O texto do template era branco a 80%, que dava so 1.7:1.
   Nao precisa de regra :hover: como este seletor tem id, ele ja vence
   a .form_btn:hover do template, entao o texto segue azul no hover
   (verificado no navegador). O hover do template continua agindo no
   que nao declarei aqui — a borda escurece. */
#contato-47th-form .form_btn {
  color: #003a63;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Link da politica: branco solido, legivel sobre o fundo escuro */
#contato-47th-form .uui-text-style-link-2 {
  color: #fff;
  text-decoration: underline;
}

/* Checkbox: caixa maior e bem delimitada */
#contato-47th-form .uui-form-checkbox {
  padding-left: 1.5rem;
}

#contato-47th-form .uui-form-checkbox-icon {
  border: 2px solid rgba(244, 215, 176, .7);
  background-color: #fff;
  border-radius: .375rem;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  margin-left: -1.5rem;
  /* O template traz "transition: .3s" (= all). Nesta pagina, com a
     thread principal saturada, a transicao trava no valor inicial:
     ao clicar a caixa continuava branca e o check ficava fora de
     lugar. Sem transicao o estado marcado vale imediatamente. */
  transition: none;
}

/* Marcado: fundo creme e check azul-escuro, na identidade do site.
   O check vem como data URI para nao depender do check.svg roxo.
   Cor #003a63 = o azul escuro do rodape (secondary da paleta). */
#contato-47th-form .uui-form-checkbox-icon.w--redirected-checked {
  border-color: #f4d7b0;
  background-color: #f4d7b0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.6666 3.5L5.24992 9.91667L2.33325 7' stroke='%23003a63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .95rem .95rem;
}