:root {
    backgroun: #F2BC4A;
    --primary-light: #fabb37;
    --white: #FFFFFF;
    background-color: #e0e0e0; /* Color de fondo personalizado para el body */
}


.btn-primary{
        background-color: var(--primary);
        border: none;

    }


.btn-primary:hover {
    background-color: var(--primary-light);
    border: none;
}


section.hero{
    margin: 5rem 0;
}

.text-label,
.text-hero-bold,
.text-hero-regular{
    margin: 24px 0;
}

.text-label{
    color: var(--primary);
    font-size: 24px;
    font-weight: 400;
}


.text-hero-bold {
    color: #072e6e;
    font-size: 58px;
    font-weight: 700;
    line-height: 74px;
}


.text-hero-regular{
    color: GrayText;
    font-size: medium;
    font-weight: 300;
    line-height: 31px;
}