/* ============================================================ Sro Monster */
:root {
  --bg: #0d0a0f;
  --bg2: #161017;
  --card: #1a1319;
  --card2: #221820;
  --borda: #3b2a2a;
  --borda-ouro: #6b4d24;
  --texto: #efe6d6;
  --mudo: #a8998a;
  --ouro: #d9a64a;
  --ouro2: #f3cd79;
  --ouro3: #fff0c4;
  --verde: #5fcf78;
  --vermelho: #e3645a;
  --azul: #6aa7ff;
  --raio: 12px;
  --sombra: 0 10px 30px #00000066;
  --fonte-titulo: Cinzel, Georgia, serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: var(--bg); color: var(--texto); font: 15px/1.65 Inter, system-ui, sans-serif;
  background-image: radial-gradient(ellipse 80% 50% at 50% -10%, #2b1a1422, transparent),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 0l40 40-40 40L0 40z' fill='none' stroke='%23d9a64a' stroke-opacity='.035'/%3E%3C/svg%3E");
}
a { color: var(--ouro2); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--ouro3); }
.wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 16px; }
main.wrap { padding-top: 28px; padding-bottom: 48px; }
h1, h2, h3, h4, .marca { font-family: var(--fonte-titulo); letter-spacing: .02em; }
h1 { font-size: 32px; margin: 0 0 16px; color: var(--ouro2); }
h2 { font-size: 20px; margin: 0 0 14px; color: var(--ouro); }
h3 { font-size: 16px; margin: 0; }
code { background: #00000066; padding: 1px 6px; border-radius: 4px; font-size: 13px; }
.mudo { color: var(--mudo); font-size: 14px; }
.ic { width: 20px; height: 20px; flex: none; }
.ic.grande { width: 44px; height: 44px; }

/* ------------------------------------------------------------ topo */
.topo {
  position: sticky; top: 0; z-index: 20;
  background: linear-gradient(#0b080dee, #0b080dd8); backdrop-filter: blur(8px);
  border-bottom: 1px solid #d9a64a33; box-shadow: 0 1px 0 #00000080;
}
.topo-in { display: flex; align-items: center; gap: 20px; min-height: 68px; }
.marca { display: inline-flex; align-items: center; gap: 10px; color: var(--ouro2); text-decoration: none; font-size: 21px; font-weight: 700; white-space: nowrap; }
.marca:hover { color: var(--ouro3); }
.emblema { width: 38px; height: 38px; filter: drop-shadow(0 0 8px #d9a64a55); }
.topo nav { display: flex; align-items: center; gap: 4px; flex: 1; flex-wrap: wrap; }
.topo nav > a { color: var(--texto); text-decoration: none; padding: 8px 12px; border-radius: 8px; font-weight: 500; position: relative; }
.topo nav > a:hover { color: var(--ouro2); background: #ffffff08; }
.topo nav > a.ativo { color: var(--ouro2); }
.topo nav > a.ativo::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: linear-gradient(90deg, transparent, var(--ouro), transparent); }
.menu-extra { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.menu-toggle, .menu-btn { display: none; }

.pill { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; padding: 4px 11px; border-radius: 99px; border: 1px solid var(--borda); white-space: nowrap; background: #00000040; }
.pill i { width: 8px; height: 8px; border-radius: 50%; }
.pill.on i { background: var(--verde); box-shadow: 0 0 8px var(--verde); animation: pulso 2s infinite; }
.pill.off i { background: var(--vermelho); }
@keyframes pulso { 50% { opacity: .45; } }
.idiomas { display: flex; border: 1px solid var(--borda); border-radius: 8px; overflow: hidden; }
.idiomas a { padding: 4px 9px; font-size: 12px; font-weight: 600; text-decoration: none; color: var(--mudo); }
.idiomas a + a { border-left: 1px solid var(--borda); }
.idiomas a.ativo { background: var(--ouro); color: #1a1208; }

/* ------------------------------------------------------------ botoes */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer;
  border: 1px solid #f3cd7988; border-radius: 9px; text-decoration: none; white-space: nowrap;
  background: linear-gradient(180deg, #f0c66a 0%, #c98f33 55%, #a8721f 100%); color: #1d1206;
  font: 600 15px Inter, sans-serif; padding: 10px 20px;
  box-shadow: inset 0 1px 0 #fff4, 0 4px 14px #d9a64a33; transition: transform .15s, box-shadow .15s, filter .15s;
}
.btn:hover { color: #1d1206; filter: brightness(1.08); transform: translateY(-1px); box-shadow: inset 0 1px 0 #fff4, 0 8px 22px #d9a64a55; }
.btn:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.btn.sec { background: #00000055; color: var(--ouro2); box-shadow: none; border-color: #d9a64a77; }
.btn.sec:hover { background: #d9a64a1c; color: var(--ouro3); }
.btn.pequeno { padding: 6px 13px; font-size: 13px; }
.btn.grande { padding: 13px 26px; font-size: 16px; }
.btn.discord { background: linear-gradient(180deg, #7a8cff, #5865f2); border-color: #8f9cff; color: #fff; box-shadow: 0 4px 14px #5865f244; }
.btn.discord:hover { color: #fff; }
.acoes { display: flex; gap: 12px; flex-wrap: wrap; }

/* ------------------------------------------------------------ hero */
.hero { position: relative; overflow: hidden; min-height: 560px; display: flex; align-items: center; border-bottom: 1px solid #d9a64a33; }
.hero-arte, .hero-foto { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-foto { background: var(--hero-img) center / cover no-repeat; }
.hero-veu { position: absolute; inset: 0; background: linear-gradient(90deg, #0d0a0fee 0%, #0d0a0fb0 40%, #0d0a0f30 70%, transparent), linear-gradient(0deg, var(--bg) 0%, transparent 30%); }
.hero-arte .caravana { animation: caravana 60s linear infinite; }
@keyframes caravana { from { transform: translateX(-120px); } to { transform: translateX(240px); } }
.hero-in { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 56px; padding-bottom: 72px; }
.hero-texto { max-width: 600px; }
.selo { display: inline-block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--ouro2); border: 1px solid #d9a64a66; background: #00000055; padding: 5px 12px; border-radius: 99px; margin-bottom: 18px; }
.hero h1 {
  font-family: 'Cinzel Decorative', var(--fonte-titulo); font-size: clamp(44px, 8vw, 84px); line-height: 1.02; margin: 0 0 14px;
  background: linear-gradient(180deg, #fff3cf 0%, #f3cd79 45%, #b9802b 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 4px 18px #00000099);
}
.slogan { font-size: clamp(17px, 2.2vw, 21px); color: #eadcc4; margin: 0 0 28px; text-shadow: 0 2px 10px #000; }

.hero-status {
  width: 300px; flex: none; padding: 22px; border-radius: 16px;
  background: linear-gradient(160deg, #22182099, #120d12cc); border: 1px solid #d9a64a55; backdrop-filter: blur(6px); box-shadow: var(--sombra);
}
.hs-topo { display: flex; align-items: center; gap: 9px; font-family: var(--fonte-titulo); font-weight: 600; font-size: 16px; }
.hs-topo i { width: 10px; height: 10px; border-radius: 50%; }
.hero-status.on .hs-topo i { background: var(--verde); box-shadow: 0 0 10px var(--verde); animation: pulso 2s infinite; }
.hero-status.off .hs-topo i { background: var(--vermelho); }
.hs-num { margin: 14px 0 8px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.hs-num b { font: 700 38px var(--fonte-titulo); color: var(--ouro2); line-height: 1; }
.hs-num span { color: var(--mudo); font-size: 13px; }
.barra { height: 6px; border-radius: 99px; background: #ffffff14; overflow: hidden; }
.barra span { display: block; height: 100%; min-width: 4px; background: linear-gradient(90deg, var(--verde), var(--ouro)); border-radius: 99px; }
.hs-hora { display: flex; align-items: center; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid #ffffff14; font-size: 13px; color: var(--mudo); }
.hs-hora b { margin-left: auto; font: 600 18px ui-monospace, 'Cascadia Mono', Consolas, monospace; color: var(--texto); }

/* ------------------------------------------------------------ infos */
.infos { position: relative; margin-top: -42px; z-index: 2; }
.info-grade {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1px;
  background: #d9a64a33; border: 1px solid #d9a64a44; border-radius: 14px; overflow: hidden; box-shadow: var(--sombra);
}
.info-item { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: linear-gradient(180deg, #1f161d, #150f14); }
.info-item .ic { width: 30px; height: 30px; color: var(--ouro); }
.info-item span { display: block; font-size: 12px; color: var(--mudo); text-transform: uppercase; letter-spacing: .06em; }
.info-item b { display: block; font: 700 19px var(--fonte-titulo); color: var(--ouro3); }

/* ------------------------------------------------------------ principal */
.principal { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; padding-top: 48px; padding-bottom: 48px; }
.titulo-secao { font-size: 24px; color: var(--ouro2); display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.titulo-secao::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, #d9a64a66, transparent); }
.titulo-secao.centro { justify-content: center; }
.titulo-secao.centro::before { content: ''; flex: 1; height: 1px; background: linear-gradient(270deg, #d9a64a66, transparent); }

.noticias { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.noticia-card { background: var(--card); border: 1px solid var(--borda); border-radius: var(--raio); overflow: hidden; display: flex; flex-direction: column; transition: border-color .2s, transform .2s; }
.noticia-card:hover { border-color: var(--borda-ouro); transform: translateY(-2px); }
.noticia-card.destaque { grid-column: 1 / -1; flex-direction: row; }
.noticia-img {
  height: 150px; background: radial-gradient(circle at 70% 60%, #a3482a88, transparent 60%), linear-gradient(135deg, #2b1620, #120c10);
  background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center;
}
.destaque .noticia-img { height: auto; min-height: 220px; flex: 0 0 42%; }
.noticia-emblema { width: 72px; height: 72px; opacity: .5; }
.destaque .noticia-emblema { width: 110px; height: 110px; }
.noticia-corpo { padding: 18px 20px 20px; }
.noticia-corpo time { font-size: 12px; color: var(--ouro); text-transform: uppercase; letter-spacing: .08em; }
.noticia-corpo h3 { font-size: 19px; margin: 4px 0 8px; color: var(--ouro3); }
.destaque .noticia-corpo h3 { font-size: 24px; }
.noticia-corpo p { margin: 0 0 8px; color: #d8ccb8; }
details summary { cursor: pointer; color: var(--ouro2); font-weight: 600; font-size: 14px; list-style: none; }
details summary::-webkit-details-marker { display: none; }
details .menos, details[open] .mais { display: none; }
details[open] .menos { display: inline; }
details[open] summary { margin-bottom: 8px; }

.lateral { display: flex; flex-direction: column; gap: 18px; }
.painel { background: linear-gradient(180deg, var(--card2), var(--card)); border: 1px solid var(--borda); border-radius: var(--raio); padding: 18px; }
.painel h3 { display: flex; align-items: center; gap: 9px; color: var(--ouro2); font-size: 17px; margin-bottom: 12px; }
.painel h3 .ic { color: var(--ouro); }
.lista-rank, .jobs ol { list-style: none; margin: 0; padding: 0; }
.lista-rank li, .jobs li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #ffffff0d; font-size: 14px; }
.lista-rank li:last-child, .jobs li:last-child { border-bottom: 0; }
.lista-rank .nome, .jobs .nome { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.lista-rank b, .jobs li b { color: var(--ouro2); font-size: 13px; white-space: nowrap; }
.pos { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 6px; font-size: 12px; font-weight: 700; background: #ffffff10; color: var(--mudo); flex: none; }
.pos.p1 { background: linear-gradient(180deg, #ffe08a, #c48a1e); color: #2a1a04; }
.pos.p2 { background: linear-gradient(180deg, #eef1f5, #9aa3ad); color: #1c2126; }
.pos.p3 { background: linear-gradient(180deg, #f0b27a, #a4602b); color: #2a1406; }
.raca { font-size: 11px; padding: 1px 7px; border-radius: 99px; border: 1px solid var(--borda); color: var(--mudo); }
.raca.ch { color: #ff9b85; border-color: #ff9b8544; }
.raca.eu { color: #8fb8ff; border-color: #8fb8ff44; }
.link-mais { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 600; text-decoration: none; }

.eventos { list-style: none; margin: 0; padding: 0; }
.eventos li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid #ffffff0d; }
.eventos li:last-child { border-bottom: 0; }
.eventos b { display: block; font-size: 14px; }
.eventos small { color: var(--mudo); font-size: 12px; }
.contagem { font: 600 13px ui-monospace, 'Cascadia Mono', Consolas, monospace; color: var(--ouro2); white-space: nowrap; }
.eventos li.agora .contagem { color: var(--verde); animation: pulso 1.2s infinite; }

/* ------------------------------------------------------------ jobs */
.jobs { padding: 48px 0; background: linear-gradient(180deg, transparent, #1a111633 30%, #1a111633 70%, transparent); border-top: 1px solid #ffffff08; }
.jobs-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.job { background: var(--card); border: 1px solid var(--borda); border-radius: var(--raio); padding: 20px; position: relative; overflow: hidden; }
.job::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; }
.job-trader::before { background: linear-gradient(90deg, #f3cd79, #c98f33); }
.job-hunter::before { background: linear-gradient(90deg, #8fb8ff, #3f6fd1); }
.job-thief::before { background: linear-gradient(90deg, #ff8f7d, #b23a2c); }
.job-topo { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.job-ic { width: 30px; height: 30px; }
.job-trader .job-ic { color: #f3cd79; } .job-hunter .job-ic { color: #8fb8ff; } .job-thief .job-ic { color: #ff8f7d; }

/* ------------------------------------------------------------ cta */
.cta { padding: 12px 0 56px; }
.cta-in {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  padding: 36px 40px; border-radius: 18px; border: 1px solid #d9a64a55;
  background: radial-gradient(circle at 85% 50%, #a3482a55, transparent 55%), linear-gradient(135deg, #2a1a1c, #140e12);
  box-shadow: var(--sombra);
}
.cta h2 { font-size: 28px; color: var(--ouro2); margin: 0 0 6px; }
.cta p { margin: 0; color: #d8ccb8; }

/* ------------------------------------------------------------ paginas internas */
.cabecalho {
  padding: 52px 0 36px; border-bottom: 1px solid #d9a64a33;
  background: radial-gradient(ellipse 60% 120% at 80% 100%, #a3482a44, transparent), linear-gradient(180deg, #1c1218, var(--bg));
}
.cabecalho h1 { font-size: clamp(30px, 5vw, 44px); margin: 0; background: linear-gradient(180deg, #fff3cf, #d9a64a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cabecalho p { margin: 8px 0 0; color: var(--mudo); }
.conteudo { padding-top: 32px; padding-bottom: 56px; }
.conteudo.estreito, .estreito { max-width: 520px; }
.card { background: linear-gradient(180deg, var(--card2), var(--card)); border: 1px solid var(--borda); border-radius: var(--raio); padding: 22px; margin-bottom: 18px; }
.erro, .aviso, .ok { padding: 11px 15px; border-radius: 9px; margin: 0 0 16px; }
.erro { background: #e3645a1f; border: 1px solid #e3645a66; }
.aviso { background: #d9a64a17; border: 1px solid #d9a64a55; }

.form { display: flex; flex-direction: column; gap: 15px; }
label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--mudo); }
input, textarea, select {
  background: #0a070b; color: var(--texto); border: 1px solid var(--borda); border-radius: 8px;
  padding: 11px 13px; font: 15px Inter, sans-serif; width: 100%; transition: border-color .15s, box-shadow .15s;
}
input:focus, textarea:focus, select:focus { outline: none; border-color: var(--ouro); box-shadow: 0 0 0 3px #d9a64a26; }
textarea { min-height: 90px; resize: vertical; font-size: 12px; word-break: break-all; }

.download-card { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.download-ic { width: 76px; height: 76px; border-radius: 16px; display: flex; align-items: center; justify-content: center; color: var(--ouro2); background: radial-gradient(circle, #d9a64a33, #d9a64a0d); border: 1px solid #d9a64a55; }
.download-txt { flex: 1; min-width: 200px; }
.download-txt h2 { margin: 0 0 4px; }
.download-card .aviso { margin: 0; }
.passos { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.passos li { display: flex; gap: 14px; align-items: flex-start; }
.passos li > span { flex: none; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font: 700 14px var(--fonte-titulo); background: #d9a64a22; border: 1px solid #d9a64a66; color: var(--ouro2); }
.passos li p { margin: 4px 0 0; }

.abas { display: flex; gap: 6px; margin-bottom: 16px; flex-wrap: wrap; }
.abas a { padding: 8px 16px; border-radius: 9px; border: 1px solid var(--borda); text-decoration: none; color: var(--texto); background: #00000033; }
.abas a:hover { border-color: var(--borda-ouro); }
.abas a.ativo { border-color: var(--ouro); color: #1d1206; background: linear-gradient(180deg, #f0c66a, #c98f33); font-weight: 600; }
.tabela-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { text-align: left; padding: 11px 12px; border-bottom: 1px solid #ffffff0f; white-space: nowrap; }
th { color: var(--mudo); font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
tbody tr:hover { background: #ffffff05; }
.info { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; }
.info dt { color: var(--mudo); }
.info dd { margin: 0; }

.conta { display: flex; align-items: center; gap: 32px; flex-wrap: wrap; }
.conta > div { display: flex; flex-direction: column; }
.conta form { margin-left: auto; }
.silk { color: var(--ouro2); font-size: 22px; font-family: var(--fonte-titulo); }
.pacotes { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; margin-bottom: 18px; }
.pacote { margin: 0; text-align: center; display: flex; flex-direction: column; gap: 8px; align-items: stretch; transition: transform .2s, border-color .2s; }
.pacote:hover { transform: translateY(-3px); border-color: var(--borda-ouro); }
.pacote.top { border-color: #d9a64a88; box-shadow: 0 0 0 1px #d9a64a44, 0 10px 30px #d9a64a1a; }
.pacote-ic { width: 38px; height: 38px; color: var(--ouro); align-self: center; }
.pacote .qtd { font: 700 34px var(--fonte-titulo); color: var(--ouro2); line-height: 1.1; }
.pacote .preco { font-size: 21px; font-weight: 600; margin: 4px 0; }

.st { display: inline-block; font-size: 13px; padding: 2px 10px; border-radius: 99px; border: 1px solid var(--borda); }
.st.pago { color: var(--verde); border-color: #5fcf7866; }
.st.cancelado { color: var(--vermelho); border-color: #e3645a66; }
.st.pendente { color: var(--ouro2); }
.pix { display: flex; flex-direction: column; gap: 12px; }
.pix p { margin: 0; }
.qr { width: 240px; max-width: 100%; align-self: center; background: #fff; padding: 10px; border-radius: 10px; }

/* ------------------------------------------------------------ rodape */
.rodape { border-top: 1px solid #d9a64a33; background: linear-gradient(180deg, #120d11, #09070a); margin-top: auto; }
.rodape-in { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; padding-top: 40px; padding-bottom: 28px; }
.rodape-marca p { color: var(--mudo); margin: 10px 0 14px; max-width: 360px; }
.rodape h4 { font-size: 14px; color: var(--ouro); text-transform: uppercase; letter-spacing: .1em; margin: 6px 0 12px; }
.rodape-in > div:not(.rodape-marca) { display: flex; flex-direction: column; gap: 7px; }
.rodape-in a:not(.marca) { color: var(--texto); text-decoration: none; font-size: 14px; }
.rodape-in a:not(.marca):hover { color: var(--ouro2); }
.redes { display: flex; gap: 10px; }
.redes a { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--borda); color: var(--ouro2) !important; background: #ffffff06; }
.redes a:hover { border-color: var(--ouro); background: #d9a64a1a; }
.rodape-base { border-top: 1px solid #ffffff0d; padding-top: 16px; padding-bottom: 22px; font-size: 12px; color: #7d6f63; }

/* ------------------------------------------------------------ responsivo */
@media (max-width: 1000px) {
  .principal { grid-template-columns: 1fr; }
  .hero-in { flex-direction: column; align-items: flex-start; }
  .hero-status { width: 100%; max-width: 420px; }
  .hero-veu { background: linear-gradient(180deg, #0d0a0fcc, #0d0a0f99 50%, var(--bg)); }
}
@media (max-width: 860px) {
  .menu-btn { display: flex; flex-direction: column; gap: 5px; margin-left: auto; cursor: pointer; padding: 10px; }
  .menu-btn span { width: 22px; height: 2px; background: var(--ouro2); border-radius: 2px; }
  .topo .menu {
    display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch;
    background: #0b080df5; border-bottom: 1px solid #d9a64a33; padding: 10px 16px 16px;
  }
  .menu-toggle:checked ~ .menu { display: flex; }
  .topo .menu > a { padding: 11px 6px; border-bottom: 1px solid #ffffff0a; }
  .topo nav > a.ativo::after { display: none; }
  .menu-extra { margin: 12px 0 0; flex-wrap: wrap; }
  .topo-in { position: relative; }
  .noticias { grid-template-columns: 1fr; }
  .noticia-card.destaque { flex-direction: column; }
  .destaque .noticia-img { min-height: 170px; }
  .jobs-grade { grid-template-columns: 1fr; }
  .rodape-in { grid-template-columns: 1fr 1fr; }
  .rodape-marca { grid-column: 1 / -1; }
  .cta-in { padding: 26px 22px; }
  .hero { min-height: 0; }
  .hero-in { padding-top: 40px; padding-bottom: 64px; }
}
@media (max-width: 480px) {
  .acoes .btn { flex: 1 1 100%; }
  .info-grade { grid-template-columns: repeat(2, 1fr); }
  h1 { font-size: 26px; }
  .conta form { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}