/*Estilos solo para la pagina: lms-ti.html*/

/*Variables lms-ti.html*/
:root{
    --lmsti-txt-hr-size: 24px;
    --lmsti-txt-title-size:34px;
    --lmsti-txt-href-size:22px;
    --lmsti-txt-hr-color:#4E4E4E;
    --lmsti-bgblack-txt-color:#FFFFFF;
    --lmsti-href-color:#3179C2;

    --lmsti-txt-title-size-mw1400:xx-large; 

    --lmsti-txt-title-size-mw1200:x-large;

    --lmsti-txt-hr-size-mw967: larger;
    --lmsti-txt-title-size-mw967:larger;
    --lmsti-txt-href-size-mw967:medium;

    --lmsti-txt-hr-size-mw767: x-large;
    --lmsti-txt-title-size-mw767:x-large;
}

/*font*/
@font-face {
    font-family: "HelveticaBold";
    src: url('../font/Helvetica-Bold.ttf');
    font-display: swap; 
}
@font-face {
    font-family: "HelveticaNormal";
    src: url('../font/Helvetica.ttf');
    font-display: swap; 
}
.title-lms-lms,.title-lms-ti2,.title-desa-cursos,.txt-hr{
    font-family: "HelveticaBold";
}
.masinfo-lms a,.masinfo-ti2 a,.masinfo-desa-cursos a{
    font-family: "HelveticaNormal";
}

/*hr*/
#hr-div{
    width: 60%; 
    height: 20px; 
    border-bottom: 2px solid black; 
    text-align: center;
}
.txt-hr{
    font-size: var(--lmsti-txt-hr-size); 
    background-color: #ffffff;
    color: var(--lmsti-txt-hr-color);
    padding: 0px 30px 0px 30px;
}

/*Contenedor PLATAFORMAS-SERVICIOS TI*/
.cont-lms-ti{
    margin:auto;
    background: #191919;;
    text-align: center;
    border-radius: 35px;
    margin-top: 10%;
}
.title-lms-lms{
    padding-top:10%;
    margin-bottom: 3%;
    font-size: var(--lmsti-txt-title-size);
    color: var(--lmsti-bgblack-txt-color);
}
.log-platforms{
    width: 90%;
}
.lpmoodle{
    margin-top: 14%;
}
.masinfo-lms{
    margin-top: 4%;
    text-align: center; 
    font-size: 22px;   
    margin-bottom: 10%;
}
.title-lms-ti2{
    padding-top:10%;
    margin-bottom: 15%;
    font-size: var(--lmsti-txt-title-size);
    color: var(--lmsti-bgblack-txt-color);
}
.masinfo-ti1{
    margin-bottom: 20%;
}
.masinfo-ti2{
    margin-top: 4%;
    text-align: center;
    font-size: 22px;
    margin-bottom: 10%;  
}
#img-ti{
    width: 39.3%;
}
.masinfo-lms a,.masinfo-ti2 a,.masinfo-desa-cursos a{
    color: var(--lmsti-href-color);
    font-size: var(--lmsti-txt-href-size);
}

/*DESARROLLO CURSOS-CURSOS CAPACITACION*/
.cont-desa-cursos{
    margin:auto;
    background:#191919;
    text-align: center;    
    border-radius: 35px;
    margin-top: 30px;
}
.title-desa-cursos{
    padding-top:10%;
    margin-bottom: 3%;
    font-size: 36px;
    color: var(--lmsti-bgblack-txt-color);
}
.masinfo-desa-cursos{
    margin-top: 15%;
    text-align: center; 
    font-size: 22px;   
    margin-bottom: 10%;
}

/* responsive */
@media (max-width: 1400px){
    .title-lms-lms,.title-lms-ti2,.title-desa-cursos {
        font-size: var(--lmsti-txt-title-size-mw1400);
    }
    #img-ti {
        width: 38.7%;
    }
}

@media (max-width: 1200px){
    .title-lms-lms, .title-lms-ti2, .title-desa-cursos{
        font-size: var(--lmsti-txt-title-size-mw1200);
    }
    #img-ti {
        width: 38%;
    }
}

@media (max-width: 967px){
    .txt-hr{
        font-size: var(--lmsti-txt-hr-size-mw967);
    }
    #hr-div{
        width: 100%; 
        height: 18px;     
    }  
    .title-lms-lms, .title-lms-ti2, .title-desa-cursos {     
        font-size: var(--lmsti-txt-title-size-mw967);
    }     
    .masinfo-lms a, .masinfo-ti2 a, .masinfo-desa-cursos a{
        font-size: var(--lmsti-txt-href-size-mw967);
    }
    .log-platforms {
        width: 100%;
    }
    #img-ti{
        width: 41.6%;
    }      
}

@media (max-width: 767px){
    .txt-hr {
        font-size: var(--lmsti-txt-hr-size-mw767);
    }
    .title-lms-lms, .title-lms-ti2, .title-desa-cursos{
        font-size: var(--lmsti-txt-title-size-mw767);
    }
    .log-platforms{
        width: 50%;
    }
}