/* Treinamento do Trabalho · Rio Grande do Sul — identidade "Pampa & Serra"
   Paleta: verde-pampa #1E4D3B · vermelho-chimarrão #A8322C · amarelo-trigo #E9B949
   Tipografia: Archivo (títulos, peso 800) + Public Sans (texto)
   Estilo: faixas horizontais (horizonte do pampa), cantos retos, CTA vermelho */
:root{
  --pampa:#1E4D3B; --pampa-escuro:#12352A; --pampa-claro:#E4EFE9;
  --chima:#A8322C; --chima-escuro:#7F221E; --chima-claro:#F7E3E0;
  --trigo:#E9B949; --trigo-escuro:#B98A1C; --trigo-claro:#FBF1D3;
  --papel:#F6F3EC; --branco:#FFFFFF; --tinta:#1B1F1D; --cinza:#5A635F; --linha:#DDD8CB;
  --sombra:0 12px 28px rgba(30,77,59,.14);
  --raio:6px; --max:1160px;
  --ft:"Archivo","Arial Narrow",Arial,sans-serif; --fx:"Public Sans",system-ui,Segoe UI,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--fx);color:var(--tinta);background:var(--papel);line-height:1.6;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:var(--pampa);text-decoration:none}
h1,h2,h3,h4{font-family:var(--ft);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.1rem,6vw,3.6rem)}
h2{font-size:clamp(1.7rem,3.8vw,2.5rem)}
h3{font-size:1.15rem}
p{max-width:66ch}
.wrap{width:min(100% - 32px,var(--max));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--ft);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--chima)}
.eyebrow::before{content:"";width:26px;height:4px;background:var(--trigo)}
section{padding:72px 0}
.sec-head{display:grid;gap:12px;margin-bottom:40px}
.sec-head p{color:var(--cinza);font-size:1.05rem}
.faixa{height:10px;background:linear-gradient(90deg,var(--pampa) 0 34%,var(--chima) 34% 67%,var(--trigo) 67%)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:var(--raio);font-weight:700;font-size:.98rem;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;min-height:48px}
.btn:hover{transform:translateY(-2px)}
.btn-chima{background:var(--chima);color:#fff}
.btn-chima:hover{background:var(--chima-escuro)}
.btn-trigo{background:var(--trigo);color:var(--pampa-escuro)}
.btn-trigo:hover{background:#F1C65E}
.btn-linha{border-color:currentColor;color:var(--pampa);background:transparent}
.btn-linha.clara{color:#fff}
.btn-wa{background:#25D366;color:#073B1E}
.btn-wa:hover{background:#1EBE5A}
.btn svg{width:20px;height:20px;flex:none}

/* Cabeçalho */
.topo{position:sticky;top:0;z-index:50;background:var(--branco);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--ft);font-weight:800;font-size:1.05rem;color:var(--pampa-escuro);letter-spacing:-.01em}
.logo .marca{width:36px;height:36px;flex:none}
.logo small{display:block;font-family:var(--fx);font-weight:600;font-size:.72rem;color:var(--chima);letter-spacing:.12em;text-transform:uppercase}
.menu{display:none;gap:26px;font-weight:600}
.menu a:hover{color:var(--chima)}
.topo .btn{padding:10px 16px;min-height:42px;font-size:.9rem}
.hamb{display:inline-flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px;cursor:pointer}
.hamb span{width:24px;height:3px;background:var(--pampa-escuro);border-radius:2px}
.menu-mobile{display:none;background:var(--branco);border-bottom:1px solid var(--linha)}
.menu-mobile.aberto{display:block}
.menu-mobile a{display:block;padding:14px 16px;border-top:1px solid var(--linha);font-weight:600}
@media(min-width:900px){.menu{display:flex}.hamb,.menu-mobile{display:none!important}}

/* Hero */
.hero{background:var(--pampa-escuro);color:#fff;padding:80px 0 0;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:
  linear-gradient(180deg,transparent,rgba(0,0,0,.25)),
  repeating-linear-gradient(90deg,var(--pampa) 0 40px,var(--pampa-escuro) 40px 80px);opacity:.35;pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;gap:36px;padding-bottom:110px}
.hero .eyebrow{color:var(--trigo)}
.hero h1 span{color:var(--trigo)}
.hero p.lead{font-size:1.15rem;color:#D9E6DF;max-width:58ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-pontos{display:grid;gap:10px;list-style:none;color:#D9E6DF;font-size:.95rem}
.hero-pontos li{display:flex;gap:10px;align-items:flex-start}
.hero-pontos svg{width:20px;height:20px;flex:none;color:var(--trigo);margin-top:3px}
.hero-card{background:var(--branco);color:var(--tinta);border-radius:var(--raio);padding:26px;border-top:8px solid var(--chima);box-shadow:var(--sombra)}
.hero-card h2{font-size:1.15rem;margin-bottom:12px;color:var(--pampa-escuro)}
.hero-card table{width:100%;border-collapse:collapse;font-size:.92rem}
.hero-card td{padding:9px 0;border-bottom:1px solid var(--linha);vertical-align:top}
.hero-card td:last-child{text-align:right;font-weight:700;color:var(--chima)}
.hero-card .nota{font-size:.8rem;color:var(--cinza);margin-top:12px}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.25fr .9fr;align-items:center}}

/* Cursos */
.cursos{background:var(--papel)}
.grid-cursos{display:grid;gap:18px}
@media(min-width:620px){.grid-cursos{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.grid-cursos{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--branco);border:1px solid var(--linha);border-left:6px solid var(--pampa);border-radius:var(--raio);padding:22px;display:flex;flex-direction:column;gap:12px;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.card.destaque{border-left-color:var(--chima)}
.card .tag{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:3px;background:var(--pampa-claro);color:var(--pampa)}
.card .tag.pratica{background:var(--chima-claro);color:var(--chima)}
.card h3 a{color:var(--pampa-escuro)}
.card h3 a:hover{color:var(--chima)}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.88rem;color:var(--cinza)}
.card dt{font-weight:700;color:var(--tinta)}
.card .preco{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px dashed var(--linha)}
.card .preco small{font-size:.75rem;color:var(--cinza);text-transform:uppercase;letter-spacing:.08em}
.card .preco strong{font-family:var(--ft);font-size:1.55rem;color:var(--chima)}
.pagamento{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.92rem;color:var(--cinza)}
.pagamento span{display:inline-flex;align-items:center;gap:8px}
.pagamento svg{width:18px;height:18px;color:var(--pampa)}

/* Para empresas */
.empresas{background:var(--pampa);color:#fff}
.empresas .eyebrow{color:var(--trigo)}
.empresas .sec-head p{color:#D9E6DF}
.grid-emp{display:grid;gap:16px}
@media(min-width:760px){.grid-emp{grid-template-columns:repeat(2,1fr)}}
.bloco{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--raio);padding:22px;display:grid;gap:10px}
.bloco svg{width:30px;height:30px;color:var(--trigo)}
.bloco h3{color:#fff}
.bloco p{color:#D9E6DF;font-size:.95rem}
.painel{margin-top:28px;background:var(--branco);color:var(--tinta);border-radius:var(--raio);padding:22px;display:grid;gap:14px;border-top:6px solid var(--trigo)}
.painel h3{color:var(--pampa-escuro)}
.painel table{width:100%;border-collapse:collapse;font-size:.88rem}
.painel th,.painel td{text-align:left;padding:9px 6px;border-bottom:1px solid var(--linha)}
.painel th{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cinza)}
.status{display:inline-block;padding:3px 9px;border-radius:3px;font-size:.75rem;font-weight:800}
.status.ok{background:var(--pampa-claro);color:var(--pampa)}
.status.vence{background:var(--trigo-claro);color:var(--trigo-escuro)}
.status.vencido{background:var(--chima-claro);color:var(--chima)}
.painel .nota{font-size:.8rem;color:var(--cinza)}

/* Confiança */
.numeros{display:grid;gap:16px;margin-bottom:36px}
@media(min-width:620px){.numeros{grid-template-columns:repeat(4,1fr)}}
.num{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:20px;text-align:center;border-bottom:5px solid var(--trigo)}
.num strong{display:block;font-family:var(--ft);font-size:2.2rem;color:var(--pampa-escuro);line-height:1}
.num span{font-size:.85rem;color:var(--cinza)}
.selo{display:grid;gap:18px;background:var(--pampa-claro);border-radius:var(--raio);padding:26px;border-left:8px solid var(--pampa)}
.selo .emblema{width:84px;height:84px;flex:none}
.selo h3{color:var(--pampa-escuro);margin-bottom:6px}
@media(min-width:760px){.selo{grid-template-columns:auto 1fr;align-items:center}}

/* Depoimentos */
.depo{background:var(--branco)}
.grid-depo{display:grid;gap:16px}
@media(min-width:760px){.grid-depo{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.grid-depo{grid-template-columns:repeat(4,1fr)}}
blockquote{background:var(--papel);border-radius:var(--raio);padding:22px;border-top:5px solid var(--chima);font-size:.95rem;display:grid;gap:12px}
blockquote p{font-style:italic}
blockquote footer{font-size:.85rem;color:var(--cinza)}
blockquote footer b{display:block;color:var(--tinta);font-style:normal}
.aviso{font-size:.8rem;color:var(--cinza);margin-top:16px}

/* Cidades */
.cidades{background:var(--papel)}
.grid-cid{display:grid;gap:12px;list-style:none}
@media(min-width:560px){.grid-cid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid-cid{grid-template-columns:repeat(4,1fr)}}
.grid-cid li{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:16px;display:grid;gap:4px}
.grid-cid b{font-family:var(--ft);font-size:1.05rem;color:var(--pampa-escuro)}
.grid-cid small{color:var(--cinza);font-size:.82rem}
.grid-cid .ddd{font-size:.72rem;font-weight:800;color:var(--chima);letter-spacing:.1em}
.texto-local{margin-top:28px;display:grid;gap:12px;color:var(--cinza)}
.texto-local p{max-width:80ch}

/* FAQ */
.faq details{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);margin-bottom:10px}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--ft);font-size:1.4rem;color:var(--chima);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details div{padding:0 20px 18px;color:var(--cinza)}

/* Verificação + contato */
.contato{background:var(--pampa-escuro);color:#fff}
.contato .eyebrow{color:var(--trigo)}
.grid-cont{display:grid;gap:24px}
@media(min-width:860px){.grid-cont{grid-template-columns:1fr 1fr}}
.contato h2{color:#fff}
.contato p{color:#D9E6DF}
.contato ul{list-style:none;display:grid;gap:10px;margin-top:16px}
.contato li{display:flex;gap:10px;align-items:flex-start}
.contato li svg{width:20px;height:20px;color:var(--trigo);flex:none;margin-top:3px}
.contato a{color:#fff;text-decoration:underline;text-decoration-color:var(--trigo)}
.verif{background:var(--branco);color:var(--tinta);border-radius:var(--raio);padding:24px;display:grid;gap:12px;border-top:6px solid var(--trigo)}
.curso-conteudo .verif h2,.verif h2{font-size:1.15rem;color:var(--pampa-escuro)}
.verif p{color:var(--cinza);font-size:.92rem}
.verif label{font-weight:700;font-size:.9rem}
.verif input{width:100%;padding:12px 14px;border:2px solid var(--linha);border-radius:var(--raio);font:inherit;font-size:1rem}
.verif input:focus{outline:none;border-color:var(--pampa)}
.verif .retorno{font-size:.9rem;min-height:1.4em}

/* Rodapé */
.rodape{background:#0C241C;color:#B9CBC2;font-size:.9rem;padding:48px 0 110px}
.rodape .wrap{display:grid;gap:28px}
.rodape h4{color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.rodape a{color:#DCE8E1}
.rodape a:hover{color:var(--trigo)}
.estados{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem}
.rodape .legal{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:.8rem;display:grid;gap:8px}
@media(min-width:860px){.rodape .wrap{grid-template-columns:1.2fr 1fr 2fr}.rodape .legal{grid-column:1/-1}}

/* WhatsApp flutuante */
.wa-flut{position:fixed;right:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#073B1E;font-weight:800;padding:12px 16px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.wa-flut svg{width:26px;height:26px}
.wa-flut span{display:none}
@media(min-width:620px){.wa-flut span{display:inline}}

/* Páginas de curso */
.curso-hero{background:var(--pampa-escuro);color:#fff;padding:56px 0 48px}
.curso-hero .eyebrow{color:var(--trigo)}
.curso-hero p.lead{color:#D9E6DF;font-size:1.1rem;margin-top:12px}
.curso-hero .meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;list-style:none}
.curso-hero .meta li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:3px;font-size:.88rem}
.curso-hero .meta b{color:var(--trigo)}
.curso-grid{display:grid;gap:32px}
@media(min-width:900px){.curso-grid{grid-template-columns:1.4fr .8fr;align-items:start}}
.curso-conteudo{display:grid;gap:30px}
.curso-conteudo h2{font-size:1.5rem;color:var(--pampa-escuro)}
.curso-conteudo ul,.curso-conteudo ol{padding-left:22px;display:grid;gap:6px;color:var(--cinza)}
.curso-conteudo li::marker{color:var(--chima);font-weight:800}
.alerta{background:var(--trigo-claro);border-left:6px solid var(--trigo);padding:16px 18px;border-radius:var(--raio);font-size:.95rem}
.alerta b{color:var(--trigo-escuro)}
.lateral{position:sticky;top:90px;display:grid;gap:16px}
.compra{background:var(--branco);border:1px solid var(--linha);border-top:8px solid var(--chima);border-radius:var(--raio);padding:22px;display:grid;gap:14px;box-shadow:var(--sombra)}
.compra h3{color:var(--pampa-escuro)}
.compra table{width:100%;border-collapse:collapse;font-size:.9rem}
.compra td{padding:9px 0;border-bottom:1px solid var(--linha);vertical-align:top}
.compra td:last-child{text-align:right;white-space:nowrap;font-weight:800;color:var(--chima)}
.compra td small{display:block;color:var(--cinza);font-weight:400;font-size:.78rem}
.compra .btn{width:100%}
.compra .nota{font-size:.78rem;color:var(--cinza)}
.outros{background:var(--pampa-claro);border-radius:var(--raio);padding:20px}
.outros h3{color:var(--pampa-escuro);margin-bottom:10px;font-size:1rem}
.outros ul{list-style:none;display:grid;gap:6px;font-size:.9rem}
.outros a:hover{color:var(--chima)}
.migalha{font-size:.85rem;color:#B9CBC2;margin-bottom:14px}
.migalha a{color:#fff}

/* Páginas por cidade, blog e índice de cidades */
.busca{position:relative;margin-bottom:28px;display:grid;gap:8px;max-width:560px}
.busca label{font-weight:700;font-size:.9rem;color:var(--pampa-escuro)}
.busca input{width:100%;padding:14px 16px;border:2px solid var(--linha);border-radius:var(--raio);font:inherit;font-size:1rem;background:var(--branco)}
.busca input:focus{outline:none;border-color:var(--pampa)}
.busca .retorno{font-size:.85rem;color:var(--cinza);min-height:1.3em}
.letra{font-size:1.5rem;color:var(--chima);margin:26px 0 10px;padding-bottom:6px;border-bottom:3px solid var(--trigo);scroll-margin-top:90px}
.lista-alfa{list-style:none;display:grid;gap:8px}
@media(min-width:560px){.lista-alfa{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.lista-alfa{grid-template-columns:repeat(4,1fr)}}
.lista-alfa li{background:var(--branco);border:1px solid var(--linha);border-left:5px solid var(--pampa);border-radius:var(--raio);padding:10px 14px;display:grid;gap:2px}
.lista-alfa a{font-weight:700;color:var(--pampa-escuro)}
.lista-alfa a:hover{color:var(--chima)}
.lista-alfa small{color:var(--cinza);font-size:.78rem}
.lista-alfa li.oculta,.letra.oculta{display:none}
.blog-sec{background:var(--branco)}
.blog-grid{display:grid;gap:16px}
@media(min-width:760px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.post{background:var(--papel);border:1px solid var(--linha);border-top:6px solid var(--chima);border-radius:var(--raio);padding:20px;display:flex;flex-direction:column;gap:10px}
.post .tag{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:3px;background:var(--pampa-claro);color:var(--pampa)}
.post h3{font-size:1.05rem}
.post h3 a{color:var(--pampa-escuro)}
.post h3 a:hover{color:var(--chima)}
.post p{color:var(--cinza);font-size:.92rem}
.post .mais{margin-top:auto;font-weight:700;color:var(--chima)}
.mais-blog{margin-top:18px;font-weight:700}
.relacionados{display:flex;flex-wrap:wrap;gap:8px}
.relacionados a{background:var(--branco);border:1px solid var(--linha);border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:600;color:var(--pampa-escuro)}
.relacionados a:hover{border-color:var(--chima);color:var(--chima)}
.passos{list-style:none;padding-left:0!important;counter-reset:passo}
.passos li{position:relative;padding-left:40px;counter-increment:passo}
.passos li::before{content:counter(passo);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--trigo);color:var(--pampa-escuro);font-family:var(--ft);font-weight:800;display:grid;place-items:center;font-size:.9rem}
.passos li::marker{content:""}
.artigo{max-width:76ch;display:grid;gap:14px}
.artigo h2{font-size:1.4rem;color:var(--pampa-escuro);margin-top:10px}
.artigo p{color:var(--tinta)}
.artigo .leia{padding-left:22px;display:grid;gap:6px}
.cta-inline{background:var(--pampa-claro);border-left:8px solid var(--pampa);border-radius:var(--raio);padding:22px;display:grid;gap:10px;margin:14px 0}
.cta-inline h3{color:var(--pampa-escuro)}
.cta-inline .btn{justify-self:start}
.curso-hero .migalha a{color:#fff}
.contato .grid-cont .btn{margin-top:16px}
.curso-conteudo .faq details div{color:var(--cinza)}
.empresas .bloco h3{color:#fff}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}