/*Estilos solo para la pagina: totara.php*/

/*Variables totara.php*/
:root {
    --totara-txt-title-size:42px;
    --totara-txt-subtitle-size:24px;
    --totara-txt-gral-size:22px;
    --totara-txt-gral-color:#FFFFFF;   
    --totara-href-color:#3179C2;

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

    --totara-txt-title-size-mw767:xx-large;
    --totara-txt-subtitle-size-mw767:x-large;
    --totara-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; 
}
.titletotara-div1,.h2-title-cont{
    font-family: "HelveticaBold";
}
#ptxt-totara,.p-txt,.masinfo-gral a,#ptxt-totaraengage{
    font-family: "HelveticaNormal";
}

#pag-totara{
    background: #000000;
}

/*cambios menu main, solo pag Totara*/
#pag-totara #ac-globalnav-mtaec{
    background: #000000;
}
#pag-totara #ac-globalnav-mtaec .ac-gn-linkmtaec-taec{    
    background-image: url(../menu/img_menu/main-menu/taec_logo.png);    
}
#pag-totara #ac-globalnav-mtaec .ac-gn-linkmtaec{
    color: #FFFFFF;
}
#pag-totara .ac-gn-menuicon-bread-mtaec-crust {
    background: #FFFFFF;
}
#pag-totara #ac-gn-menustate-mtaec:checked ~ #ac-globalnav-mtaec{
    background: #000000;
}
#pag-totara #ac-globalnav-mtaec .services,#topmenu span a{
    color:#FFFFFF !important;
}

/*menu descriptivo*/
#pag-totara .ac-localnav-scrim#ac-localnav.ac-localnav-dark .ac-ln-background{
    background-color:#000000;
}
#pag-totara #ac-localnav.ac-localnav-dark .ac-ln-title a,#pag-totara #servicedesktop, #pag-totara #servicemovile{
    color:#FFFFFF;
}
#pag-totara #ac-localnav.ac-localnav-dark .ac-ln-menu-link.current, #pag-totara #ac-localnav.ac-localnav-dark .ac-ln-menu-link {
    color: #FFFFFF;
    opacity: 1;
}
#pag-totara #ac-localnav.ac-localnav-dark .ac-ln-menu-link:hover{
    color:#3179C2;
}
#pag-totara #ac-localnav.ac-localnav-dark .ac-ln-menucta-chevron::before, 
#pag-totara #ac-localnav.ac-localnav-dark .ac-ln-menucta-chevron::after,
#pag-totara #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-menucta-chevron::before,
#pag-totara #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-menucta-chevron::after{
    background: #FFFFFF;
}
#pag-totara #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-background{
    background: #000000;
}
#pag-totara #ac-localnav.ac-localnav-dark .ac-ln-background:after{
    background: #000000;
}

/*Crea experiencias de aprendizaje*/
.titletotara-div1{
    font-size: var(--totara-txt-title-size);        
    color: var(--totara-txt-gral-color);
}
#img-totara-logo{
    width:30%;
    margin-top: 5%;
}
#ptxt-totara{
    font-size: var(--totara-txt-gral-size);   
    color: var(--totara-txt-gral-color); 
}

/*Todo en uno*/
#img-team-logo{
    width:50%;
    margin-top: 5%;
}
#img-totaralearng{
    width: 65%;
}
.h2-title-cont{
    font-size: var(--totara-txt-subtitle-size);
    color: var(--totara-txt-gral-color);
}
.p-txt{
    font-size: var(--totara-txt-gral-size);
    color: var(--totara-txt-gral-color);
    text-align-last: end; 
    text-align: justify;
}
.masinfo-gral{    
    padding: 2%;       
}
.masinfo-gral a{
    font-size: var(--totara-txt-gral-size);
    color: var(--totara-href-color);
}
#div-img-hidden{
    display: none;
}
#img-totaraengage{
    width: 65%;
}
#ptxt-totaraengage{
    font-size: var(--totara-txt-gral-size);
    color: var(--totara-txt-gral-color);
}
#div-img-visible{
    text-align: right;   
    margin: auto;
}
#img-totaraperform{
    width: 65%;
}

/*Otros Servicios*/
#pag-totara .txt-hr{
    background-color: #000000;
    color: var(--totara-txt-gral-color);
    padding: 0px 30px 0px 30px;
}
#pag-totara #hr-div{    
    height: 20px; 
    border-bottom: 2px solid #FFFFFF; 
    text-align: center;
}

/* responsive */
@media (max-width: 1400px){    
    #img-team-logo {
        width: 35%;        
    }
}

@media (max-width: 967px){
    .titletotara-div1{
        font-size: var(--totara-txt-title-size-mw967);
    }
    #ptxt-totara,.p-txt,.masinfo-gral a,#ptxt-totaraengage{
        font-size: var(--totara-txt-gral-size-mw967);
    }
    .h2-title-cont{
        font-size: var(--totara-txt-subtitle-size-mw967);
    }
    #img-team-logo,#img-totara-logo{
        width: 40%;
    }     
    #img-totaralearng,#img-totaraengage,#img-totaraperform {
        width: 75%;
    }
    #pag-totara #hr-div{
        width: 100%;         
    }
}

@media (max-width: 767px){  
    #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-menu-link.current{
        color: #FFFFFF;
        font-weight: bold;
        opacity: 1 !important;
    } 
    .titletotara-div1 {
        font-size: var(--totara-txt-title-size-mw767);
    }
    #ptxt-totara, .p-txt, .masinfo-gral a, #ptxt-totaraengage{
        font-size: var(--totara-txt-gral-size-mw767);
    }
    .h2-title-cont{
        font-size: var(--totara-txt-subtitle-size-mw767);
    }
    #img-totara-logo {
        width: 70%;
    }    
    #img-team-logo{
        width: 50%;
    }
    #img-totaralearng{
        margin-top: 15%;
    }
    #ptxt-totara br{
        display: none;
    }
    #div-img-hidden {
        display: inherit;     
    }
    #img-totaraengage{
        margin: auto;
    }
    #div-img-visible {     
        display: none;
    }
}