/* Camada da Play Negócios sobre o espelho do Elementor.
   Só o que o site estático precisa e o Elementor não entrega:
   o popup de captação (que no WordPress vinha por AJAX) e o aviso de erro
   do formulário. Nada aqui redefine estilo do Elementor. */

.play-modal{
  border:0; padding:0; background:transparent; max-width:430px; width:calc(100% - 32px);
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.play-modal::backdrop{background:rgba(12,10,32,.72)}
.play-modal__caixa{background:#fff; border-radius:14px; padding:30px 26px; position:relative; text-align:center}
.play-modal__logo{width:112px; margin:0 auto 14px; display:block; height:auto}
.play-modal__titulo{
  font-size:20px; font-weight:800; line-height:1.2; color:#1A1A22;
  margin:0 0 18px; letter-spacing:-.01em;
}
.play-modal__fechar{
  position:absolute; top:8px; right:11px; border:0; background:transparent;
  font-size:27px; line-height:1; cursor:pointer; color:#8A8A98; padding:4px 8px;
}
.play-modal__fechar:hover{color:#1A1A22}
.play-modal form{display:flex; flex-direction:column; gap:9px}
.play-modal input{
  width:100%; padding:14px 15px; border:1px solid #DCDCE4; border-radius:8px;
  font-family:inherit; font-size:16px; color:#1A1A22; background:#fff;
}
.play-modal input::placeholder{color:#9A9AA8}
.play-modal input:focus{outline:2px solid #1A01FF; outline-offset:1px; border-color:#1A01FF}
.play-modal button[type=submit]{
  margin-top:5px; padding:16px 22px; border:0; border-radius:100px; cursor:pointer;
  background:#FF2E12; color:#fff; font-family:inherit; font-size:14px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase;
}
.play-modal button[type=submit]:hover{background:#D91E04}
.play-modal button[type=submit][disabled]{opacity:.6; cursor:progress}
.play-modal__seguro{margin:12px 0 0; font-size:12.5px; color:#8A8A98; font-weight:600}

/* aviso de erro, usado também nos formulários da página */
.form-erro{
  background:#FDE7E3; color:#8A2513; border:1px solid #F4B5A8;
  padding:10px 13px; border-radius:8px; font-size:14px; font-weight:600;
  text-align:left; margin:0 0 8px; font-family:"Montserrat",sans-serif;
}
.form-erro[hidden]{display:none}
