*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

body{
font-family: 'Outfit', sans-serif;
background: #111;
color: white;
}

header{
width: 90%;
margin: 20px auto;
padding: 20px 40px;

display: flex;
justify-content: space-between;
align-items: center;

background: #1a1a1a;

border-radius: 20px;

position: sticky;
top: 20px;

z-index: 100;
}

header h1{
font-size: 28px;
}

nav{
display: flex;
gap: 20px;
}

nav a{
color: white;
text-decoration: none;

padding: 10px 18px;

border-radius: 12px;

transition: 0.3s;
}

nav a:hover{
background: #2a2a2a;
}

.g1{
text-align: center;
padding: 80px 20px;
}

.banner{
width: 90%;
max-width: 900px;

border-radius: 20px;

margin-bottom: 30px;
}

.g1 h2{
font-size: 40px;
margin-bottom: 20px;
}

.g1 p{
max-width: 800px;
margin: auto;

color: #aaa;

line-height: 1.8;
}

.g2{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 30px;
flex-wrap: wrap;
padding: 80px 20px;
}

aside{
flex: 0 0 100%;

background: #1a1a1a;

padding: 30px;

border-radius: 20px;

text-align: center;
}

aside h2{
margin-bottom: 15px;
}

aside p{
color: #aaa;
line-height: 1.7;
}

.card{
width: 300px;

background: #1a1a1a;

border-radius: 20px;

overflow: hidden;

transition: 0.3s;
}

.card:hover{
transform: translateY(-8px);
}

.card img{
width: 100%;
height: 200px;

object-fit: cover;
}

.card h2{
padding: 20px 20px 10px;
}

.card p{
padding: 0 20px 20px;

color: #aaa;

line-height: 1.6;
}

.noticias{
padding: 80px 20px;
text-align: center;
}

.noticias h2{
margin-bottom: 40px;
}

.news{
background: #1a1a1a;

max-width: 800px;

margin: 20px auto;

padding: 25px;

border-radius: 20px;
}

.news p{
color: #aaa;
margin-top: 10px;
}

.faq{
padding: 80px 20px;

text-align: center;
}

.faq h2{
margin-bottom: 40px;
}

.question{
background: #1a1a1a;

max-width: 850px;

margin: 20px auto;

padding: 25px;

border-radius: 20px;

text-align: left;
}

.question h3{
margin-bottom: 10px;
}

.question p{
color: #aaa;

line-height: 1.7;
}

.g3{
text-align: center;

padding: 80px 20px;

color: #d1d1d1;
}

footer{
margin-top: 80px;

padding: 30px;

text-align: center;

border-top: 1px solid #222;

color: #777;
}