/* PORT GAME — páginas públicas (entrada/login e cadastro). Mesmo layout do
   Airline Game/Truck Game/Ship Game (classe body.pg-entrada compartilhada
   entre os jogos), só com a paleta e os textos do Port Game. */
:root{
  --navy:#0B2038; --navy-2:#12304F; --navy-3:#1B4470; --lima:#CCE038; --lima-esc:#b3c62a;
  --aco:#6b7c8f; --linha:#dfe3e8; --ok:#1f9e4a; --erro:#e5484d; --texto:#10202f;
}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.btn{font:600 15px/1 Inter,sans-serif;border:0;border-radius:999px;padding:12px 22px;cursor:pointer;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn-lima{background:var(--lima);color:var(--navy)}
.btn-lima:hover{background:#d8ea55;box-shadow:0 6px 20px rgba(204,224,56,.35)}
.btn-bloco{width:100%}
.alerta{padding:10px 14px;border-radius:8px;margin:10px 0;font-size:14px}
.alerta-erro{background:#fdeaea;color:#8d1d21;border:1px solid #f5c2c4}
.alerta-ok{background:#e7f6ec;color:#15612f;border:1px solid #bfe5cb}

/* ---------- tela de entrada (login) e cadastro ---------- */
body.pg-entrada{margin:0;min-height:100vh;background:var(--navy);display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;color:#fff}
body.pg-entrada *{box-sizing:border-box}
body.pg-entrada h1,body.pg-entrada h2,body.pg-entrada h3{font-family:"Barlow Condensed",sans-serif;letter-spacing:.3px}
body.pg-entrada>header,body.pg-entrada>main,body.pg-entrada>.ondas{position:relative;z-index:2}
body.pg-entrada>header{padding:18px 24px}
.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 22px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em}
.marca b{color:var(--lima)}
/* Fundo em transição (fotos cadastradas em Admin > Vitrine de Games, ou as 5 padrão do site) */
.pg-fundo{position:fixed;inset:0;z-index:0;overflow:hidden;background:linear-gradient(160deg,#0B2038 0%,#12304F 60%,#1B4470 100%)}
.pg-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:pgCrossfade 45s infinite;transform:scale(1.04)}
.pg-fundo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,32,56,.82) 0%,rgba(11,32,56,.62) 45%,rgba(11,32,56,.9) 100%),linear-gradient(90deg,rgba(11,32,56,.55),rgba(11,32,56,.15))}
@keyframes pgCrossfade{0%{opacity:0}7%{opacity:1}15%{opacity:1}22%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.pg-slide{animation:none}.pg-slide:first-child{opacity:1}}
.pg-entrada .entrada-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px 60px;gap:48px;flex-wrap:wrap}
.pg-entrada .entrada-texto{max-width:460px;color:#fff}
.pg-entrada .entrada-texto h1{font-size:54px;line-height:.95;margin:0 0 14px;text-transform:uppercase}
.pg-entrada .entrada-texto h1 em{color:var(--lima);font-style:normal}
.pg-entrada .entrada-texto p{color:#c9d5e2;line-height:1.6}
.pg-entrada .entrada-texto ul{padding:0;list-style:none;color:#dfe8f1;margin:18px 0 0}
.pg-entrada .entrada-texto li{padding:6px 0 6px 26px;position:relative}
.pg-entrada .entrada-texto li:before{content:"";position:absolute;left:0;top:11px;width:14px;height:8px;background:var(--lima);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}
.pg-entrada .cartao{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:420px;box-shadow:0 20px 50px rgba(0,0,0,.35);color:var(--texto)}
.pg-entrada .cartao h2{margin:0 0 4px;font-size:30px;color:var(--navy);text-transform:uppercase;text-align:center;font-family:"Barlow Condensed",sans-serif}
.pg-entrada .cartao .sub{text-align:center;color:var(--aco);margin:0 0 10px;font-size:14px}
.pg-entrada .cartao label{font-weight:600;font-size:13px;color:var(--navy);display:block;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.4px}
.pg-entrada .cartao input{font:15px Inter,sans-serif;width:100%;padding:12px 14px;border:1.5px solid var(--linha);border-radius:8px;background:#fff;color:var(--texto)}
.pg-entrada .cartao input:focus{outline:none;border-color:var(--navy-3);box-shadow:0 0 0 3px rgba(27,68,112,.15)}
.pg-entrada .cartao .acoes{margin-top:20px;display:grid;gap:10px}
.pg-entrada .cartao .troca{text-align:center;font-size:14px;margin-top:16px;color:var(--aco)}
.pg-entrada .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pg-entrada .ondas{height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30 Q150 0 300 30 T600 30 T900 30 T1200 30 V60 H0Z' fill='%2312304F'/%3E%3C/svg%3E") repeat-x;background-size:600px 60px;animation:pgOndas 12s linear infinite}
@keyframes pgOndas{to{background-position:600px 0}}
@media(max-width:600px){.pg-entrada .entrada-texto h1{font-size:40px}.pg-entrada .cartao{padding:22px}}