:root {
    --verde-musgo: #8fa382;
    --salmao: #ef8e72;
    --creme-fundo: #fffcf5;
    --texto-escuro: #4a5444;
    --branco: #ffffff;
}

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

body {
    background-color: var(--creme-fundo);
    font-family: 'Montserrat', sans-serif;
    color: var(--texto-escuro);
    line-height: 1.8;
}

/* HERO SECTION */
.hero {
    height: 75vh;
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), 
                url('../images/hero.jpg') center/cover no-repeat fixed;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-align: center; 
    color: var(--branco);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); /* Corte estilo Island Gin */
}

.hero h1 { 
    font-family: 'Playfair Display', serif; 
    font-size: clamp(3rem, 10vw, 5.5rem); 
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.subtitle { 
    text-transform: uppercase; 
    letter-spacing: 5px; 
    font-size: 0.8rem; 
    margin-bottom: 10px; 
    opacity: 0.9;
}

.scroll-line {
    width: 1px; height: 50px;
    background: var(--branco);
    margin: 20px auto 0;
    opacity: 0.6;
}

/* CARD PRINCIPAL */
.status-container { 
    margin-top: -80px; 
    padding: 0 20px; 
    display: flex; 
    justify-content: center; 
}

.main-card { 
    background: var(--branco); 
    max-width: 850px; width: 100%; 
    padding: 50px 40px; 
    border-radius: 4px; /* Estética mais limpa e moderna */
    box-shadow: 0 25px 50px rgba(0,0,0,0.06); 
    text-align: center; 
}

.badge { 
    background: var(--verde-musgo); 
    color: var(--branco); 
    padding: 6px 16px; 
    font-size: 0.7rem; 
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px; 
    display: inline-block; 
}

h2 { 
    font-family: 'Playfair Display', serif; 
    font-size: 2.3rem; 
    color: var(--verde-musgo); 
    margin-bottom: 20px; 
}

/* BOTÃO SALMÃO */
.btn-wrapper { margin-top: 35px; }

.btn-whats {
    display: inline-flex; 
    align-items: center; 
    gap: 12px; 
    background-color: var(--salmao);
    color: var(--branco); 
    text-decoration: none; 
    padding: 20px 40px; 
    font-weight: 600; 
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.btn-whats:hover { 
    background-color: #d97d63; /* Salmão um pouco mais escuro no hover */
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(239, 142, 114, 0.3);
}

.btn-whats img { width: 20px; filter: brightness(0) invert(1); }

.status-text { 
    margin-top: 20px; 
    font-size: 0.85rem; 
    color: var(--verde-musgo);
    font-weight: 500;
}

/* GRID BAIXO */
.info-grid { 
    max-width: 1150px; 
    margin: 80px auto; 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 30px; 
    padding: 0 20px; 
}

.info-box { 
    background: var(--branco); 
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.box-header { padding: 20px; border-bottom: 1px solid #f5f5f5; }
.box-header h3 { font-family: 'Playfair Display', serif; color: var(--verde-musgo); }

.insta-wrapper { height: 480px; overflow-y: auto; padding: 10px; }
.map-wrapper { height: 480px; }
.map-wrapper iframe { width: 100%; height: 100%; border: none; }

/* FOOTER */
footer { 
    background: var(--verde-musgo); 
    color: var(--branco); 
    text-align: center; 
    padding: 70px 20px; 
}

.footer-brand {
    font-family: 'Playfair Display', serif;
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.divider {
    width: 50px; height: 1px;
    background: var(--branco);
    margin: 20px auto;
    opacity: 0.3;
}

.copyright { font-size: 0.8rem; opacity: 0.7; }

@media (max-width: 850px) { 
    .info-grid { grid-template-columns: 1fr; } 
    .hero { height: 55vh; }
}