/* styles.css - RS Transportes Virtual site styles (extracted) */
body {
  margin: 0;
  background-image: url("fundo.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #e6f0ff;
  line-height: 1.5;
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  position: relative;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(4px);
  z-index: -1;
}
@media(max-width: 600px){
  body::before {
    background: rgba(0,0,0,0.82);
  }
}
:root{
  --accent:#0b6df0;
  --dark:#0f1720;
  --muted:#9aa7b2;
  --card:#0b1220;
  --glass: rgba(255,255,255,0.04);
  --radius:14px;
}
*{box-sizing:border-box}
header{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;background:linear-gradient(90deg,var(--dark),#071225);backdrop-filter: blur(6px)}
.brand{display:flex;gap:14px;align-items:center}
.logo{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),#0aa6ff);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#031022}
.brand h1{font-size:18px;margin:0}
nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-weight:600}
.hero{max-width:1100px;margin:36px auto;padding:28px;border-radius:20px;background:linear-gradient(180deg, rgba(11,109,240,0.06), rgba(255,255,255,0.02));display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center}
.hero-left h2{margin:0 0 12px;font-size:28px}
.badge{display:inline-block;padding:6px 10px;background:var(--glass);border-radius:999px;color:var(--accent);font-weight:700;margin-bottom:12px}
.cta{margin-top:18px}
.btn{background:var(--accent);color:#041022;padding:12px 16px;border-radius:12px;border:none;font-weight:700;cursor:pointer}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:18px;border-radius:16px}
.stats{display:flex;gap:12px;margin-top:18px}
.stat{flex:1;background:rgba(255,255,255,0.02);padding:12px;border-radius:12px;text-align:center}
section{max-width:1100px;margin:28px auto;padding:0 18px}
h3{color:#cfe6ff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}
.rules li{margin-bottom:8px;color:var(--muted)}
.form-wrap{max-width:660px;margin:0 auto}
input, textarea, select{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:inherit;margin-top:8px}
footer{padding:24px;text-align:center;color:var(--muted);margin-top:36px}
.topbar{font-size:13px;color:var(--muted);display:flex;gap:16px;align-items:center}
.logo small{display:block;font-size:10px;color:#04203a}
.gallery{display:flex;gap:8px;flex-wrap:wrap}
.thumb{flex:1 1 150px;height:100px;background:linear-gradient(90deg,#06213a,#042a4a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.rank-table{width:100%;border-collapse:collapse;margin-top:12px}
.rank-table th,.rank-table td{padding:10px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.03)}
.small{font-size:13px;color:var(--muted)}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  nav{display:none}
  header{padding:14px}
}

/* Gallery/lightbox */
#galeria { margin-bottom: 80px; }
#galeria .gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 15px; }
#galeria .thumb img { width: 100%; height: 200px; object-fit: cover; border-radius: 8px; cursor: pointer; transition: 0.3s; }
#galeria .thumb img:hover { transform: scale(1.05); }
#lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.85); display: none; justify-content: center; align-items: center; z-index: 9999; }
#lightbox img { max-width: 90%; max-height: 85%; border-radius: 10px; box-shadow: 0 0 20px #000; }
.lb-btn { position: absolute; top: 50%; transform: translateY(-50%); font-size: 40px; color: white; cursor: pointer; padding: 10px; user-select: none; }
#lb-prev { left: 20px; } #lb-next { right: 20px; }

/* ==== FORMULÁRIO ESCURO + GRID 2 COLUNAS ==== */
.form-dark {
  background: rgba(0,0,0,0.45) !important;
  border-radius: 16px;
  backdrop-filter: blur(6px);
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}
.form-group { display: flex; flex-direction: column; }
.form-buttons { margin-top: 18px; display: flex; gap: 12px; flex-wrap: wrap; }
.btn-outline { background: transparent !important; border: 1px solid rgba(255,255,255,0.18); color: var(--muted) !important; }
@media (max-width: 700px) { .form-grid { grid-template-columns: 1fr; } }