/* Portão de acesso — versão em aprovação, antes de a página ir ao ar publicamente. */

html.trancado{overflow:hidden}
html.trancado body > *{display:none !important}
html.trancado body > #portao{display:flex !important}

#portao{
  display:none;position:fixed;inset:0;z-index:9999;
  background:linear-gradient(158deg,#003A5B 0%,#012C45 58%,#011f31 100%);
  align-items:center;justify-content:center;padding:24px;
  font-family:"Roboto Condensed",-apple-system,"Segoe UI",Arial,sans-serif;
}
#portao::after{
  content:"";position:absolute;right:-160px;top:-120px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(99,203,234,.20),transparent 68%);pointer-events:none;
}
#portao .caixa{
  position:relative;z-index:1;width:100%;max-width:400px;text-align:center;color:#fff;
}
#portao img{height:46px;width:auto;margin:0 auto 30px;filter:brightness(0) invert(1);opacity:.95}
#portao .selo{
  display:inline-block;background:#FFEA4C;color:#003A5B;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;padding:6px 14px;border-radius:100px;margin-bottom:18px;
}
#portao h1{font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
#portao p{font-size:15.5px;color:#9dc4da;margin-top:10px;line-height:1.55}
#portao form{margin-top:26px;display:grid;gap:12px}
#portao input{
  width:100%;padding:16px 18px;border-radius:12px;border:2px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);color:#fff;font-size:17px;font-family:inherit;text-align:center;
  letter-spacing:.04em;
}
#portao input::placeholder{color:#7ea6bf;letter-spacing:0}
#portao input:focus{outline:none;border-color:#63CBEA;background:rgba(255,255,255,.13)}
#portao input.erro{border-color:#E8776B;background:rgba(232,119,107,.12)}
#portao button{
  width:100%;padding:16px 18px;border:none;border-radius:100px;background:#FFEA4C;color:#003A5B;
  font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .16s;
}
#portao button:hover{filter:brightness(1.06)}
#portao .recado{min-height:22px;font-size:14.5px;color:#E8776B;font-weight:700}
#portao .assinatura{margin-top:30px;font-size:13px;color:#6f95ad;line-height:1.5;
  background:none;padding:0;border:none}