/* =====================================
   DESIGN GERAL (estilo alinhado com login)
===================================== */
:root {
    --primary: #d32f2f;
    --secondary: #0033a0;
    --white: #fff;
    --text-dark: #222;
    --text-light: #666;
    --bg-light: #f8f9fa;
    --radius: 12px;
    --shadow: 0 8px 32px rgba(0,0,0,0.12);
    --shadow-hover: 0 6px 20px rgba(0,0,0,0.14);
    --transition: all 0.25s ease;
}

/* Fundo com desfoque suave (combina com login) */
body {
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(211,47,47,0.6), rgba(0,51,160,0.6));
    color: var(--text-dark);
}

.cadastro-container {
    width: 100%;
    max-width: 520px;
    padding: 2rem;
}

/* Card glass */
.aba-box {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(8px);
    border-radius: var(--radius);
    padding: 2rem;
    box-shadow: var(--shadow);
    border: 1px solid rgba(255,255,255,0.4);
}

/* Abas (botões) */
.aba-selector {
    display: flex;
    gap: 8px;
    margin-bottom: 1.5rem;
    justify-content: center;
}

.aba-btn {
    padding: 10px 18px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.4));
    color: var(--text-dark);
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    transition: var(--transition);
}

.aba-btn.ativo {
    background: linear-gradient(135deg, var(--secondary), #002060);
    color: var(--white);
    box-shadow: var(--shadow-hover);
}

.aba-btn i { margin-right: 8px; }

.aba-box h2 { text-align:center; margin:0 0 6px 0; font-size:1.5rem; }
.sub { text-align:center; color:var(--text-light); margin-bottom:1.25rem; }

/* Inputs */
.input-group { position: relative; margin-bottom: 1rem; display:flex; align-items:center; }
.input-group i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color:#888; pointer-events: none; }
.input-group input,
.input-group textarea { box-sizing: border-box; width:100%; padding:12px 44px 12px 44px; border-radius:10px; border:1px solid #e6e6e6; background:rgba(250,250,250,0.95); font-size:0.95rem; transition: var(--transition); }
.input-group input:focus, .input-group textarea:focus { outline:none; border-color: var(--secondary); box-shadow:0 0 0 4px rgba(0,51,160,0.06); background:#fff; }
textarea{height:90px; resize:none}
.input-group.file{ position:relative; display:flex; align-items:center; gap:12px; }
.input-group.file .file-label{ display:inline-block; padding:10px 12px; border-radius:8px; background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(250,250,250,0.85)); border:1px solid #e6e6e6; cursor:pointer; font-weight:600; color:var(--text-dark); }
.input-group.file input{ position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.input-group .file-name{ font-size:0.9rem; color:var(--text-light); max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Mostrar/ocultar senha (reuse do login) */
.toggle-password { position:absolute; top:50%; right:10px; transform:translateY(-50%); background:none; border:none; cursor:pointer; color:var(--text-light); font-size:1.05rem; padding:6px; }
.toggle-password:hover { color:var(--secondary); }

/* Botão cadastrar (gradiente parecido com login) */
.btn-cadastrar { width:100%; padding:12px; border-radius:12px; border:none; cursor:pointer; color:var(--white); font-weight:700; background: linear-gradient(135deg, var(--secondary) 0%, #002060 100%); box-shadow: 0 6px 20px rgba(0,0,0,0.12); transition: var(--transition); }
.btn-cadastrar:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }

/* Responsivo */
@media (max-width: 520px){ .cadastro-container{ padding:1rem } .aba-box{ padding:1.25rem } .aba-btn{ padding:10px } }