@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;400&family=IBM+Plex+Serif:wght@700&display=swap');

:root {
    --main-bg-color: #154344;
    ;
}

html {
    font-family: 'IBM Plex Sans', sans-serif;
}

.bg-img-fondo {
    background-image: url("../assets/Portada.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 700px;
}

h1 {
    font-family: 'IBM Plex Serif', serif;
    line-height: 84px !important;
    /* or 120% */

    letter-spacing: 0.05em !important;
    font-weight: 500;
}

h2 {
    color: var(--main-bg-color);
}

.footerLine {
    border-top: 1px inset black;
    margin-bottom: 2rem;
}

.subtitleHome {
    font-size: 20px !important;
    letter-spacing: 0.05em;
}


@media only screen and (min-device-width: 1024px) and (max-device-width: 2460px) {
    .lineUp {
        display: none !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .titleHome {
        padding-right: 20rem;
    }
}

@media only screen and (min-device-width: 426px) and (max-device-width: 1023px) {
    .hiddenMobile {
        display: none;
    }

    .titleHome {
        margin-top: 7rem;
        text-align: center;
    }

    .bg-img-fondo {
        height: 50%;
    }

    .subtitleHome {
        text-align: center;
    }

    .pHome {
        font-size: 16px !important;
    }

    .lineUp {
        display: block;
    }

    .lineDown {
        display: none !important;
    }
}

@media only screen and (min-device-width: 285px) and (max-device-width: 425px) {
    .hiddenMobile {
        display: none;
    }

    .titleHome {
        margin-top: 7rem;
        text-align: center;
    }

    .bg-img-fondo {
        height: 50%;
    }

    .subtitleHome {
        text-align: center;
    }

    .pHome {
        font-size: 16px !important;
    }

    .lineUp {
        display: block;
    }

    .lineDown {
        display: none !important;
    }

    h1 {
        line-height: 54px !important;
    }

    .subtitleHome {
        font-size: 11px !important;
    }

    .navMobile {
        top: 0 !important;
        left: 0 !important;
        position: fixed !important;
        width: 100% !important;
        z-index: 2 !important;
    } #mobile-menu-2{
        height: 1000px;
        margin-top: 2rem;
    }
    li a{
        font-size: 24px;
        border: none;        
    }
    footer a{
        font-size: 17px;
        border: none;        
    }
    .enesButton{
        margin-left: 5rem;
    }
}