/* ============================================================
   Variações de layout da home — Shell Recrutamento
   ============================================================ */

/* ---------------- V1: formulário em destaque total ---------------- */
.v1-hero{position:relative;background:#1f2937;color:#fff;overflow:hidden}
.v1-hero .bg{position:absolute;inset:0}
.v1-hero .bg img{width:100%;height:100%;object-fit:cover;opacity:.35}
.v1-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,41,55,.72) 0%,rgba(31,41,55,.92) 100%)}
.v1-hero .container{position:relative;z-index:2;padding-top:56px;padding-bottom:56px;text-align:center}
.v1-hero h1{font-size:clamp(2.2rem,5.4vw,3.7rem);font-weight:800;line-height:1.06;margin:20px auto 14px;max-width:900px}
.v1-hero h1 em{font-style:normal;color:var(--amarelo)}
.v1-hero .sub{color:#E5E7EB;font-size:1.1rem;max-width:640px;margin:0 auto;font-weight:500}
.v1-form{position:relative;z-index:3;margin-top:-46px}
.v1-form .form-card{max-width:920px;margin:0 auto;padding:34px 34px 30px}
.v1-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.v1-form .grid2 .campo.full{grid-column:1 / -1}
.v1-form .btn{max-width:420px;margin:0 auto}
.v1-form .termos{text-align:center;max-width:620px;margin:14px auto 0}
.faixa-bene{background:var(--amarelo);padding:26px 0;margin-top:56px}
.faixa-bene .int{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.faixa-bene .it{display:flex;align-items:center;gap:12px;font-weight:700;font-size:.95rem;color:#3A2F00}
.faixa-bene .it i{flex:0 0 38px;height:38px;border-radius:50%;background:var(--vermelho);display:grid;place-items:center}
.faixa-bene .it svg{fill:#fff}
@media (max-width:900px){
  .faixa-bene .int{grid-template-columns:1fr 1fr}
  .v1-form .grid2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v1-hero .container{padding-top:34px;padding-bottom:44px}
  .v1-form{margin-top:-30px}
  .v1-form .form-card{padding:22px 18px}
  .faixa-bene .int{grid-template-columns:1fr}
  .faixa-bene{margin-top:40px}
}

/* ---------------- V2: split com foto grande ---------------- */
.v2-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 76px)}
.v2-foto{position:relative;background:#111}
.v2-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.v2-foto .cap{position:absolute;left:0;right:0;bottom:0;padding:32px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));color:#fff}
.v2-foto .cap .selo{margin-bottom:14px}
.v2-foto .cap h1{font-size:clamp(1.9rem,3vw,2.9rem);font-weight:800;line-height:1.08}
.v2-foto .cap h1 em{font-style:normal;color:var(--amarelo)}
.v2-foto .cap p{color:#E5E7EB;margin-top:10px;font-size:1rem;max-width:460px}
.v2-form{background:var(--cinza-claro);display:flex;align-items:center;padding:44px 40px}
.v2-form .form-card{width:100%;max-width:520px;margin:0 auto;box-shadow:none;border:1px solid var(--cinza-borda)}
.v2-numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:8px}
.v2-num b{display:block;font-family:var(--fonte-titulo);font-size:2.4rem;font-weight:800;color:var(--vermelho);line-height:1}
.v2-num span{display:block;margin-top:6px;color:var(--cinza);font-size:.92rem;font-weight:600}
.v2-bene{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px;margin-top:36px}
.v2-bene .it{display:flex;gap:16px;border-top:1px solid var(--cinza-borda);padding-top:18px}
.v2-bene .it i{flex:0 0 42px;height:42px;border-radius:12px;background:#FFF4D6;display:grid;place-items:center}
.v2-bene .it h3{font-size:1.05rem;margin-bottom:4px}
.v2-bene .it p{font-size:.93rem;color:var(--cinza);line-height:1.5}
.v2-linha{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;position:relative}
.v2-linha::before{content:"";position:absolute;left:6%;right:6%;top:19px;height:3px;background:var(--cinza-borda)}
.v2-etapa{position:relative;text-align:center;padding:0 12px}
.v2-etapa .num{width:40px;height:40px;border-radius:50%;background:var(--vermelho);color:#fff;font-family:var(--fonte-titulo);font-weight:800;display:grid;place-items:center;margin:0 auto 14px;position:relative;z-index:2;border:4px solid var(--cinza-claro)}
.v2-etapa h4{font-size:1.02rem;margin-bottom:5px}
.v2-etapa p{font-size:.88rem;color:var(--cinza);line-height:1.45}
@media (max-width:900px){
  .v2-split{grid-template-columns:1fr;min-height:0}
  .v2-foto{min-height:340px}
  .v2-form{padding:28px 20px}
  .v2-numeros{grid-template-columns:1fr 1fr;gap:20px}
  .v2-bene{grid-template-columns:1fr}
  .v2-linha{grid-template-columns:1fr;gap:18px}
  .v2-linha::before{display:none}
  .v2-etapa{text-align:left;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:0}
  .v2-etapa .num{margin:0}
}
@media (max-width:640px){
  .v2-foto .cap{padding:22px}
  .v2-num b{font-size:2rem}
}

/* ---------------- V3: institucional moderno ---------------- */
.v3-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--vermelho) 0%,#E85A22 46%,var(--amarelo) 100%);color:#fff;text-align:center;padding:78px 0 96px}
.v3-hero::before{content:"";position:absolute;left:-120px;bottom:-260px;width:620px;height:620px;border-radius:50%;background:rgba(255,255,255,.12)}
.v3-hero::after{content:"";position:absolute;right:-160px;top:-220px;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.1)}
.v3-hero .container{position:relative;z-index:2}
.v3-hero h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.03;margin:22px auto 16px;max-width:960px;text-shadow:0 6px 24px rgba(0,0,0,.18)}
.v3-hero h1 em{font-style:normal;color:#1f2937}
.v3-hero .sub{font-size:1.15rem;max-width:640px;margin:0 auto 30px;font-weight:500;color:#FFF6E0}
.v3-hero .acoes-hero{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-hero{display:inline-block;background:#1f2937;color:#fff;font-family:var(--fonte-titulo);font-weight:700;font-size:1.05rem;padding:16px 34px;border-radius:999px;box-shadow:0 18px 34px -18px rgba(0,0,0,.7);transition:.18s}
.btn-hero:hover{transform:translateY(-2px);background:#000}
.btn-hero.claro{background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.6)}
.v3-stats{max-width:960px;margin:-52px auto 0;position:relative;z-index:4;background:#fff;border-radius:20px;box-shadow:var(--sombra);border:1px solid var(--cinza-borda);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.v3-stats div{padding:24px 18px;text-align:center;border-right:1px solid var(--cinza-borda)}
.v3-stats div:last-child{border-right:0}
.v3-stats b{display:block;font-family:var(--fonte-titulo);font-size:1.9rem;font-weight:800;color:var(--vermelho)}
.v3-stats span{font-size:.85rem;color:var(--cinza);font-weight:600}
.v3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}
.v3-card{background:#fff;border-radius:20px;padding:30px;box-shadow:var(--sombra);border:1px solid var(--cinza-borda);border-top:5px solid var(--amarelo);transition:.18s}
.v3-card:hover{transform:translateY(-6px);border-top-color:var(--vermelho)}
.v3-card .ico{width:54px;height:54px;border-radius:16px;background:linear-gradient(140deg,var(--vermelho),#E85A22);display:grid;place-items:center;margin-bottom:18px}
.v3-card .ico svg{fill:#fff}
.v3-card h3{font-size:1.16rem;margin-bottom:8px}
.v3-card p{font-size:.95rem;color:var(--cinza);line-height:1.55}
.v3-depo{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.v3-depo blockquote{background:#fff;border:1px solid var(--cinza-borda);border-radius:18px;padding:26px;box-shadow:var(--sombra-sm)}
.v3-depo p{font-size:.98rem;line-height:1.6;color:var(--grafite)}
.v3-depo footer{margin-top:16px;display:flex;align-items:center;gap:12px}
.v3-depo .av{width:42px;height:42px;border-radius:50%;background:var(--amarelo);display:grid;place-items:center;font-family:var(--fonte-titulo);font-weight:800;color:#4A3F00}
.v3-depo strong{display:block;font-family:var(--fonte-titulo);font-size:.95rem}
.v3-depo small{color:var(--cinza)}
.v3-cadastro{background:linear-gradient(180deg,var(--cinza-claro) 0 55%,#fff 55% 100%);padding:70px 0}
.v3-cadastro .form-card{max-width:640px;margin:0 auto}
.v3-cadastro .cab{text-align:center;max-width:620px;margin:0 auto 28px}
@media (max-width:900px){
  .v3-stats{grid-template-columns:1fr 1fr;margin-left:16px;margin-right:16px}
  .v3-stats div:nth-child(2){border-right:0}
  .v3-stats div:nth-child(1),.v3-stats div:nth-child(2){border-bottom:1px solid var(--cinza-borda)}
  .v3-cards,.v3-depo{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v3-hero{padding:52px 0 86px}
  .btn-hero{width:100%;text-align:center}
  .v3-cadastro{padding:46px 0}
}