/* CONFIGURAÇÕES GERAIS E CORES */
:root {
    --hey-delivery-box: #F1DBAE;
    --hey-creme: #F4EDDC;
    --hey-heykitchen: #F35200;
    --hey-golden-fries: #F4AB12;
    --hey-avocado: #002922;
    --hey-salmon: #F69F7D;
    --hey-white: #FFFFFF;
}

.legal-page-wrapper {
    background-color:  var(--hey-creme);
    padding: 80px 20px;
}

.legal-container {
    max-width: 900px;
    margin: 0 auto;
    font-family: 'neue-haas-grotesk-text', sans-serif;
}

/* Título Laranja */
.legal-title {
    color: var(--hey-heykitchen);
    text-align: center;
    font-size: 3.1rem;
    font-weight: 900;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-family: 'obviously-condensed', sans-serif;
}

/* Card Branco Central */
.legal-card {
    background-color: var(--hey-white);
    padding: 60px;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    line-height: 1.6;
    color: var(--hey-avocado);
}
.legal-card a {
    color: var(--hey-heykitchen);
    text-decoration: underline;
}

/* Secções e Títulos Internos */
.legal-section {
    margin-bottom: 35px;

}

.legal-section h2 {
    color: var(--hey-heykitchen);
    font-family: 'obviously-condensed', sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 800;
}

.legal-section h3 {
    color: var(--hey-heykitchen);
    font-family: 'obviously-condensed', sans-serif;
    font-size: 24px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 800;
}

/* Listas */
.legal-section ul, 
.legal-section ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

.legal-section li {
    margin-bottom: 12px;
}

/* Links e Rodapé da Política */
.legal-section a {
    color: var(--hey-heykitchen);
    text-decoration: underline;
}

.revision-date {
    margin-top: 40px;
    font-size: 14px;
    color: #888888;
}


/* Responsividade */
@media (max-width: 768px) {
    .legal-card {
        padding: 30px 20px;
    }
    .legal-title {
        font-size: 32px;
    }
}