@media (min-width: 1080px) {


    .div-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        background-image: url("../media/fondo.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        width: 100vw;
        min-height: 100vh;
    }

    .img-cartel {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: 35rem;
        margin-top: 12rem;
    }

    .div-text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 80%;
        text-align: center;
        margin: 60px 0 20px 0;
        font-weight: 400;
        font-family: 'MiFuente2';
        color: var(--blanco);
    }

    .div-t-1 {
        font-size: 30px;
        font-weight: 400;
    }

    .div-t-2 {
        font-size: 60px;
        font-weight: 400;
    }
}

@media (min-width: 600px) and (max-width:1079px) {
    .div-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        background-image: url("../media/fondo.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        min-height: 100dvh;
    }

    .img-cartel {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: 35rem;
        margin-top: 5rem;
    }

    .div-text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 80%;
        text-align: center;
        margin: 30px 0 20px 0;
        font-weight: 400;
        font-family: 'MiFuente2';
        color: var(--blanco);
    }

    .div-t-1 {
        font-size: 15px;
        font-weight: 400;
    }

    .div-t-2 {
        font-size: 25px;
        font-weight: 400;
    }

}

@media (max-width: 599px) {
    .div-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        background-image: url("../media/fondo.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        min-height: 100vh;
    }

    .img-cartel {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: 15rem;
        margin-top: 5rem;
    }

    .div-text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 80%;
        text-align: center;
        margin: 20px 0 20px 0;
        font-weight: 400;
        font-family: 'MiFuente2';
        color: var(--blanco);
    }

    .div-t-1 {
        font-size: 15px;
        font-weight: 400;
    }

    .div-t-2 {
        font-size: 25px;
        font-weight: 400;
    }

}

/* Ajustes para cuando el dispositivo esté en modo horizontal */
@media (min-width: 600px) and (max-width:1079px) and (orientation: landscape) {
    .div-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        background-image: url("../media/fondo.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        width: 100%;
        min-height: 100%;
    }

    .img-cartel {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: 15rem;
        margin-top: 6rem;
    }

    .div-text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 80%;
        text-align: center;
        margin: 20px 0 20px 0;
        font-weight: 400;
        font-family: 'MiFuente2';
        color: var(--blanco);
    }

    .div-t-1 {
        font-size: 15px;
        font-weight: 400;
    }

    .div-t-2 {
        font-size: 25px;
        font-weight: 400;
    }

}