/* ======== RESET E BASE ======== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Poppins', sans-serif;
background: #f9f9f9;
color: #333;
line-height: 1.6;
}

h1, h2, h3 {
font-weight: 700;
margin-bottom: 10px;
}

a {
text-decoration: none;
color: inherit;
}

ul {
list-style: none;
}

/* ======== HEADER ======== */
.hero {
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=1600') center/cover no-repeat;
color: white;
text-align: center;
padding: 80px 20px;
}

.hero h1 {
font-size: 2.5rem;
}

.hero p {
font-size: 1.2rem;
margin: 10px 0 20px;
}

.hero .btn {
background: #004aad;
color: white;
padding: 12px 25px;
border-radius: 5px;
font-weight: 500;
transition: background 0.3s;
}

.hero .btn:hover {
background: #007bff;
}

/* ======== SEÇÕES ======== */
.section {
padding: 50px 20px;
}

.bg-light {
background: #f1f1f1;
}

.container {
max-width: 1100px;
margin: auto;
}

.grid-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}

/* ======== LISTAS ======== */
ul li {
margin-bottom: 10px;
}

/* ======== FORMULÁRIO ======== */
form input,
form textarea {
width: 100%;
padding: 12px;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid #ccc;
font-size: 1rem;
}

form button {
background: #004aad;
color: white;
padding: 12px;
border: none;
border-radius: 5px;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s;
}

form button:hover {
background: #007bff;
}

/* ======== RODAPÉ ======== */
footer {
background: #004aad;
color: white;
text-align: center;
padding: 15px;
font-size: 0.9rem;
}

/* ======== RESPONSIVIDADE ======== */
@media (max-width: 768px) {
.hero h1 {
font-size: 2rem;
}
.hero p {
font-size: 1rem;
}
}

body {
  font-family: sans-serif;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
}

.file-carousel {
  width: 100%;
  max-width: 900px;
  margin: 40px auto;
}

.file-carousel h2 {
  text-align: center;
  margin-bottom: 20px;
}

.file-carousel iframe,
.file-carousel img {
  width: 100%;
  height: 600px;
  border: none;
  border-radius: 10px;
  object-fit: contain;
  background: #fff;
}