/* RESET E BASE */
*{ box-sizing: border-box; }

body {
margin: 0;
font-family: Inter, sans-serif;
background: linear-gradient(135deg, #2b0b12, #0f0f0f);
color: white;
text-align: center;
}


.hero {
padding: 60px 20px 20px;
}

.hero h1 {
font-size: 40px;
font-family: 'Glacial Indifference', sans-serif;
margin-bottom: 10px;
color: #d4af37;
}

.hero p { 
font-size: 18px;
opacity: 0.8; 
}

#countdown {
margin-top: 15px;
font-size: 20px;
font-weight: bold;
color: #8b1e3f; /* vernelho para destaque */
}

.invite-section {
padding: 10px;
display: flex;
flex-direction: column; /* muda o flex para empilhar elementos verticalmente */
align-items: center;    /* centraliza horizontalmente */
}


.invite-card {
background: #2b0b12;
padding: 15px;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.6);
max-width: 500px;
width: 100%;
}

.invite-card img {
width: 100%;
height: auto;
border-radius: 10px;
}

.invite-card img:hover {
box-shadow: 0 0 28px #d4af37; /* brilho dourado */
}

.button { 
margin-top: 35px;
}

.button a {
display: inline-block;
text-decoration: none;
background: #8b1e3f;
color: rgb(0, 0, 0);
padding: 16px 40px;
border-radius: 30px;
font-size: 18px;
transition: 0.3s;
}

.button a:hover { 
background: #d4af37; 
}

footer { 
margin-top: 60px;
opacity: 0.6;
padding-bottom: 20px;
color: #d4af37;
}

@media (max-width: 600px) {
.hero h1 { font-size: 30px; }
.hero p { font-size: 16px; }
button a { width: 80%; font-size: 17px; }
}

.map-link a {
color: #d4af37;
text-decoration: none;
font-weight: bold;
}

.map-link a:hover {
color: #fff;
}