@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif;
    overflow-x: hidden;
}

main > [data-altea-scroll-section] {
    min-height: 100vh;
    min-height: 100svh;
    scroll-margin-top: 0;
}

main > [data-altea-scroll-section="nuevas-oportunidades"],
main > [data-altea-scroll-section="proyectos"] {
    height: auto;
    max-height: none;
    overflow: visible;
}

main > [data-altea-scroll-section="nuevas-oportunidades"] .altea-new-projects__container,
main > [data-altea-scroll-section="proyectos"] .altea-new-projects__container {
    height: auto;
    min-height: 100%;
}

@supports (height: 100dvh) {
    main > [data-altea-scroll-section] {
        min-height: 100dvh;
    }
}

@media (max-width: 760px) {
    main > [data-altea-scroll-section="nuevas-oportunidades"] .altea-new-projects__container,
    main > [data-altea-scroll-section="proyectos"] .altea-new-projects__container {
        justify-content: flex-start !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}