* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
.page {
background: linear-gradient(135deg,#0f172a,#1e293b);
color: white;
text-align: center;
padding: 100px 20px;
min-height: 70vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.page h1{
font-weight: 800;
letter-spacing: -1px;
font-size: clamp(32px,4vw,48px);
font-weight: 700;
margin-bottom: 20px;
}
.page p {
font-size: 18px;
margin-bottom: 30px;
}
.btn {
background: #22c55e;
color: white;
padding: 16px 34px;
border-radius: 10px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.btn:hover {
background: center;
box-shadow: 0 10px 20px rgba(34,197,94,0.4);
}
.beneficios {
background: #f8fafc;
margin-top: 40px;
padding: 80px 20px;
text-align: center;
}
.cards {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 40px;
flex-wrap: wrap;
}
.card {
background:#f1f5f9;
padding: 30px;
border-radius: 14px;
width: 280px;
text-align: center;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
transition: 0.3s ease;
}
.card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0,0,0,0.13);
}
footer {
background: #0f172a;
color: white;
text-align: center;
padding: 20px;
margin-top: auto;
}
html,body {
height: 100%;
}
body {
font-family: 'segoe UI','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
background: #f1f5f9;
flex-direction: column;
}
.cta-final {
background: linear-gradient(135deg,#0f172a,#1e293b);
color: white;
text-align: center;
padding: 100px 20px;
}
.cta-final h2{
font-size: 32px;
margin-bottom: 26px;
}
.cta-final a{
text-decoration: none;
color: white;
}
.btn-w {
background: #22c55e;
color: white;
padding: 16px 34px;
border-radius: 10px;
font-weight: 600;
text-decoration: none;
display:inline-block;
transition: 0.3s ease;
cursor: pointer;
}
.btn-w:hover {
transform: scale(1.05);
}