/*== GOOGLE FONTS ==*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100&display=swap');

/*== VARIABLES CSS ==*/
:root{
    /*== COLORES ==*/
    --BlackBlue: #00010D;
    --GreyBlue: #4D578C;
    --DeepBlue: #1A2440;
    --LightBlue: #0583F2;
    --Gradient: linear-gradient(180deg, hsl(225, 44%, 17%) 0%, hsl(225, 44%, 4%) 100%);

    /*== FUENTES ==*/
    --body-font: 'Roboto', sans-serif;
    --biggest-font-size: 1.75rem;
    --h1-font-size: 1.5rem;
    --h2-font-size: 1.25rem;
    --h3-font-size: 1rem;
    --normal-font-size: .938rem;
    --small-font-size: .813rem;
    --smaller-font-size: .75rem;
    --tiny-font-size: .625rem;

    /*== FONT WEIGHT ==*/
    --font-medium: 500;
    --font-semibold: 600;

    /*== Z-INDEX ==*/
    --z-tooltip: 10;
    --z-fixed: 100;
    --z-modal: 1000;

    /*== FUENTES RESPONSIVAS ==*/
    @media screen and (min-width: 968px){
        --biggest-font-size: 2.5rem;
        --h1-font-size: 2.25rem;
        --h2-font-size: 1.5rem;
        --h3-font-size: 1.25rem;
        --normal-font-size: 1rem;
        --small-font-size: .875rem;
        --smaller-font-size: .813rem;
    }
}

*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html{
    scroll-behavior: smooth;
}

body,
button,
input,
textarea{
    font-family: var(--body-font);
    font-size: var(--normal-font-size);
}

body{
    background-color: #192340;
    color: white;
}

h1,h2,h3{
    color: whitesmoke;
    /*font-weight: var(--font-semibold);*/
}

ul{
    list-style: none;
}

a{
    text-decoration: none;
}

a:hover{
    color:lightgray;
}

button{
    cursor: pointer;
    border: none;
    outline: none;
}

header{
    margin-bottom: 0;
}

.pt-4{
    padding-top: 4%;
}

.pb-4{
    padding-bottom: 4%;
}

.mb-4{
    margin-bottom: 4%;
}

.mb-1{
    margin-bottom: 1%;
}

.mt-4{
    margin-top: 4%;
}

.boldFnt{
    font-weight: bolder;
}

.img__logo{
    margin-top: 1rem;
    width: 5rem;
    height: 2rem;
}

.grid{
    display: grid;
    gap: 1.25rem;
}

.main{
    overflow: hidden;
}

.under {
    -webkit-text-decoration: #0583F2 solid underline;
    text-decoration: #0583F2 solid underline;
    -webkit-text-underline-position: under;
    text-underline-position: under;
}

.strikeLine{
    color: #0583F2;
    border: 2px solid #0583F2;
    margin-bottom: 1%;
}

.nav__color{
    background-color: var(--BlackBlue);
    margin-bottom: 0;
}

.banner-img{
    background-image: url("../img/banner_3.jpg");
    width: 100%;
    min-height: 95vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0;
    transition: .5s;
    margin-bottom: 0;
}

.swiper {
    width: 70%;
    height: 100%;
}

.swiperEquipo{
    background-color: var(--BlackBlue);
    width: 100%;
}

.personal{
    background-color: var(--GreyBlue);
}

.imgPersonal{
    border-radius: 50%;
    width: 50%;
}

.btnInformacion{
    background: none;
    border: 2px solid var(--BlackBlue);
    color: var(--BlackBlue);
}

.btnInformacion:hover{
    background-color: var(--DeepBlue);
    color: white;
}

.btnInformacion:focus{
    background: none;
}

.modal .modal-content ul li{
    list-style: disc;
}

.swiper-slide {
    font-size: var(--h1-font-size);
    font-family: var(--body-font);
    padding: 2rem 2rem 2rem 2rem;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 20px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.titulo h1{
    margin: 0;
    padding-top: 10rem;
    padding-left: 10rem;
    padding-bottom: 5rem;
    font-weight: 300;
}

.sidenav{
    background-color: var(--BlackBlue);
    padding-top: 40%;
    font-weight: 800;
    width: 100%;
}

.bckGradient{
    background: rgb(25,35,64);
    background: linear-gradient(180deg, rgba(25,35,64,1) 0%, rgba(5,7,13,1) 100%);
}

.proyectoBlock p{
    font-size: var(--h2-font-size);
}

.fileBtn{
    margin-right: 2%;
    margin-top: 2%;
    width: 35%;
    height: auto;
    font-size: var(--small-font-size);
    text-align: center;
    background-color: var(--GreyBlue);
}

.fileBtn:hover{
    background-color: var(--LightBlue);
}

.fileBtn:focus {
    background-color: var(--DeepBlue);
}

.curso{
    background-color: var(--BlackBlue);
}

.recursosBtn:hover{
    background-color: var(--LightBlue);
}

.recursosBtn:focus {
    background-color: var(--DeepBlue);
}

.recursosBtn{
    width: 100%;
    background-color: var(--GreyBlue);
    height: auto;
    margin-bottom: 3%;
    padding-top: 2%;
}

.recursosBtn i{
    font-size: 2rem;
    vertical-align: middle;
}

.miFooter{
    background-color: var(--BlackBlue);
}

@media screen and (min-width: 320px) and (max-width: 600px){
    .titulo h1{
        font-size: 3rem;
        padding-top: 5rem;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 2.5rem;
        text-align: center;
    }

    .movC {
        text-align: center;
        font-size: var(--h3-font-size);
    }

    .centerM{
        text-align: center;
    }

    .proyectoBlock{
        text-align: center;
        margin-bottom: 5%;
    }

    .invertir{
        display: flex;
        flex-direction: column;
    }

    .swapTop{
        order: 1;
    }

    .swapBottom{
        order: 2;
    }

    .fileBtn{
        width: 100%;
    }

    .strikeLine{
        margin-bottom: 3%;
    }

    .archivos{
        margin-bottom: 5%;
    }

    .curso{
        padding-left: 1%;
        padding-right: 1%;
    }

    .curso .row{
        margin-bottom: 0;
    }

    .recursosBtn{
        font-size: var(--small-font-size);
    }

    .personalMovil{
        margin-bottom: 5%;
    }
}

@media screen and (min-width: 600px) and (max-width: 795px){
    .titulo h1{
        font-size: 3rem;
        padding-top: 5rem;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 2.5rem;
        text-align: center;
    }
}

@media screen and (min-width: 795px) and (max-width: 1080px){
    .titulo h1{
        font-size: 4rem;
        padding-top: 3rem;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 2.5rem;
        text-align: center;
    }

    .movC {
        text-align: center;
        font-size: var(--h2-font-size);
    }

    .fileBtn{
        width: 100%;
    }

    .videoBlock{
        margin-top: 10%;
    }

    .recursosBtn{
        font-size: var(--small-font-size);
    }
}