/* ============================================================
   COLÉGIO ALTERNATIVO — trabalhe_conosco.css
   Estilos específicos desta página. Requer base.css.
   ============================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}

.page-hero h1 span{color:#fff}

.tc-section{padding:5rem 0}

.job-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}

.job-benefit{background:var(--ice);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px solid var(--line);transition:var(--transition)}

.job-benefit:hover{border-color:var(--sky-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}

.job-benefit h4{font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:.5rem}

.job-benefit p{font-size:.88rem;color:var(--ink-2);line-height:1.6}

.job-form-wrap{max-width:680px;margin:0 auto}

.job-form-card{background:var(--white);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-md);border:1px solid var(--line)}

.job-form-card h2{font-size:1.6rem;font-weight:800;color:var(--ink);margin-bottom:.5rem}

.job-form-card>p{color:var(--ink-2);margin-bottom:2rem}

.form-group{margin-bottom:1.2rem}

label{font-size:.82rem;font-weight:700;color:var(--ink);display:block;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}

.form-row-3{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1.2rem}

.form-file-label{display:flex;align-items:center;gap:.8rem;padding:1rem;border:2px dashed var(--line);border-radius:var(--radius);cursor:pointer;transition:var(--transition);color:var(--ink-2);font-size:.9rem}

.form-file-label:hover{border-color:var(--sky);background:rgba(8,157,217,.04)}

.form-file-label svg{width:22px;height:22px;fill:var(--sky-light);flex-shrink:0}

input[type=file]{display:none}

.form-checkbox{display:flex;align-items:center;gap:.6rem;cursor:pointer;margin-bottom:1.5rem;font-size:.9rem;color:var(--ink-2)}

.form-note{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-3);margin-top:1rem}

.form-note svg{width:14px;height:14px;fill:var(--ink-3);flex-shrink:0}

@media(max-width:768px) {
  .job-benefits{grid-template-columns:1fr}
  .form-row,.form-row-3{grid-template-columns:1fr}
}