* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; }
body { background-color: #f0f4f8; }

/* Topo e ADM */
.topo { padding: 15px; background: #fff; }
.btn-adm { 
    text-decoration: none; color: #FF8C00; border: 2px solid #FF8C00; 
    padding: 8px 15px; border-radius: 4px; font-weight: bold; font-size: 13px;
}
.btn-adm:hover { background: #FF8C00; color: #fff; }

/* Banner Azul */
.banner { background: #003366; color: white; padding: 50px 20px; text-align: center; }
.banner h1 { margin-bottom: 10px; }
.banner p { max-width: 600px; margin: 0 auto; line-height: 1.6; opacity: 0.9; }

/* Formulário */
.container { max-width: 500px; margin: -30px auto 50px; padding: 0 15px; }
.card-form { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.instrucoes { font-size: 14px; color: #666; margin-bottom: 20px; line-height: 1.4; }

label { display: block; margin-bottom: 5px; font-weight: bold; color: #333; }
input, select { width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; }

button { 
    width: 100%; padding: 15px; background: #FF8C00; border: none; 
    color: white; font-weight: bold; cursor: pointer; border-radius: 4px; font-size: 16px;
}
button:hover { background: #e67e00; }

.alerta { background: #d4edda; color: #155724; padding: 15px; border-radius: 4px; margin-bottom: 20px; text-align: center; }

/* Rodapé */
.rodape { background: #fff; border-top: 4px solid #FF8C00; padding: 30px; text-align: center; }
.logos { display: flex; justify-content: center; gap: 40px; margin-bottom: 15px; }
.logo-box { width: 120px; height: 60px; border: 1px dashed #ccc; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #999; }
.logo-box img{
    max-width:100%;
    max-height:100%;
    object-fit: contain;
}