@font-face {
    font-family: "Sora";
    src:
        url("../../media/fonts/Sora-Medium.woff2") format("woff2"),
        url("../../media/fonts/Sora-Medium.woff") format("woff"),
        url("../../media/fonts/Sora-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src:
        url("../../media/fonts/Sora-SemiBold.woff2") format("woff2"),
        url("../../media/fonts/Sora-SemiBold.woff") format("woff"),
        url("../../media/fonts/Sora-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Work Sans";
    src:
        url("../../media/fonts/WorkSans-SemiBold.woff2") format("woff2"),
        url("../../media/fonts/WorkSans-SemiBold.woff") format("woff"),
        url("../../media/fonts/WorkSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Work Sans";
    src:
        url("../../media/fonts/WorkSans-Medium.woff2") format("woff2"),
        url("../../media/fonts/WorkSans-Medium.woff") format("woff"),
        url("../../media/fonts/WorkSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.top-img {
    height: 20rem;
    background-size: 10px;
    text-align: center;
}

.sub {
    font-size: 1rem;
}

h1 {
    font-weight: 300;
}
h1 span {
    font-weight: 600;
}
/* bandera */
/* .flag {
    width: 200px;
    max-width: 200px;
} */
/* bandera */
@media (min-width: 768px) {
    .main-image {
        background-size: auto;
    }
}
@media (min-width: 992px) {
    .top-img {
        bottom: 0;
        position: absolute;
        width: 30%;
        height: auto;
    }
}
@media (min-width: 1280px) {
    .main-image {
        background-size: cover;
        background-repeat: repeat-x;
    }
    .top-img {
        bottom: 0;
        position: absolute;
        width: 18%;
        height: auto;
    }
    p.sub {
        font-size: 0.9rem;
    }
}

@media (min-width: 1440px) {
    .subtitulo {
        font-size: 1.3rem;
    }
    h1 {
        font-size: 2rem;
    }
}

@media (min-width: 1700px) {
    .top-img {
        bottom: 0;
        position: absolute;
        width: 22%;
    }
    .subtitulo {
        font-size: 1.3rem;
        line-height: normal;
    }
}
@media (min-width: 1920px) {
    .programa {
        background-position: 80% bottom;
        background-repeat: no-repeat;
        background-size: 35%;
        padding: 5rem 50px;
    }
    .top-img {
        bottom: 0;
        position: absolute;
        width: 15%;
    }
}

@media (min-width: 2500px) {
    .main-image {
        background-size: contain;
        background-repeat: repeat-x;
    }
    .programa {
        background-position: 70% bottom;
        background-repeat: no-repeat;
        background-size: 25%;
        padding: 5rem 50px;
    }
    .top-img {
        bottom: 0;
        position: absolute;
        width: 14%;
    }
}