/*Estilos solo para la pagina: plataforma-elearning.php*/

/*Variables plataforma-elearning.php*/
:root {
    --platformele-txt-title-size:42px;
    --platformele-txt-subtitle-size:24px;
    --platformele-txt-gral-size:22px;
    --platformele-txt-gral-color:#4E4E4E;
    --platformele-bgblack-txt-color:#FFFFFF;
    --platformele-href-color:#3179C2; 

    --platformele-txt-title-size-mw967:34px;
    --platformele-txt-subtitle-size-mw967:larger;
    --platformele-txt-gral-size-mw967:medium;

    --platformele-txt-title-size-mw767:xx-large;
    --platformele-txt-subtitle-size-mw767:x-large;
    --platformele-txt-gral-size-mw767:18px;
}

/*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;
}
.h2-title{
    font-family: "HelveticaBold";
}
.title-superior,#masinfo a, #masinfo-gral a,.ptxt-p,#ptxt-ottolearng,
#ptxt-d2l,.txt-p1{
    font-family: "HelveticaNormal";
}

/*LMS que necesitas*/
.title-superior{
    color: var(--platformele-txt-gral-color);
    font-size: var(--platformele-txt-title-size);
}
#img-totaralearng-logo{
    width:30%;
}
.txt-p1{
    font-size: var(--platformele-txt-gral-size);
    color: var(--platformele-bgblack-txt-color);
    text-align: center;
}
#masinfo{
    display:inline-block;
    margin: 50px 0px 50px 0px;    
}
#masinfo a{
    color: var(--platformele-href-color);
    text-decoration: none;    
    font-size: var(--platformele-txt-gral-size);   
}

/*Moodle*/
#img-moodle{
    width: 80%;
}
.h2-title{
    font-size: var(--platformele-txt-subtitle-size);
    color: var(--platformele-txt-gral-color);
}
.ptxt-p{
    font-size: var(--platformele-txt-gral-size);
    color: var(--platformele-txt-gral-color);
    text-align: left;
}
#masinfo-gral{
    display:inline-block;
    margin: 20px 0px 50px 0px;    
}
#masinfo-gral a{
    text-decoration: none;
    color:var(--platformele-href-color);
    font-size: var(--platformele-txt-gral-size);
}

/*Ottolearn*/
#div-img-hidden{
    display: none;
}
#ptxt-ottolearng{
    font-size: var(--platformele-txt-gral-size);
    color: var(--platformele-txt-gral-color);
    text-align: left;
}
#div-img-visible{
    text-align: right;  
    margin: auto; 
}

/*Rise*/
#img-rise{
    width: 55%;
}

/*D2L*/
#img-d2l{
    width: 50%;
}
#ptxt-d2l{
    font-size: var(--platformele-txt-gral-size);
    color: var(--platformele-txt-gral-color);
}

/*One*/
#img-one{
    width: 85%;
}

/* responsive */
@media (max-width: 967px){
    .title-superior {        
        padding: 4% 0% 6% 0%;
        font-size: var(--platformele-txt-title-size-mw967);
    }
    .txt-p1,#masinfo a,.ptxt-p,#masinfo-gral a,#ptxt-ottolearng,#ptxt-d2l{
        font-size: var(--platformele-txt-gral-size-mw967);
    }
    #img-totaralearng-logo {
        width: 40%;
    }
    .h2-title {
        font-size: var(--platformele-txt-subtitle-size-mw967);     
    }
    #img-moodle{
        width: 85%;
    }
    #div-img-visible {     
        margin: auto;
    }
    #img-ottolearng {     
        width: 85%;
        height: auto;
    }
    #img-rise{
        width: 60%;
    }
    #img-one {
        width: 80%;
    }
    #img-d2l {
        width: 65%;
    }            
}

@media (max-width: 767px){
    .title-superior{            
        padding: 4% 0% 10% 0%;
        font-size: var(--platformele-txt-title-size-mw767);
    } 
    .h2-title{
        font-size: var(--platformele-txt-subtitle-size-mw767)
    } 
    .txt-p1, #masinfo a, .ptxt-p, #masinfo-gral a, #ptxt-ottolearng, #ptxt-d2l{
        font-size: var(--platformele-txt-gral-size-mw767);
    }
    .txt-p1 br{
        display: none;
    }
    .imgcenter{
        text-align: center;
    }
    #img-totaralearng-logo {
        width: 50% !important;
    }
    #div-img-hidden {
        display: inherit;
    }
    #div-img-visible {
        display: none;
    }
    #img-ottolearng {     
        margin: auto;
        width: 80%;
    }
    #img-d2l {     
        margin: auto;
    }
}