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

/*Variables one.php*/
:root{    
    --one-txt-title-size:42px;    
    --one-txt-gral-size:22px;
    --one-txt-gral-color:#4E4E4E;
    --one-txt-block-color:#FFFFFF;

    --one-txt-title-size-mw967:34px;    
    --one-txt-gral-size-mw967:medium;
    
    --one-txt-title-size-mw767:xx-large;    
    --one-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; 
}
.titleone-div1{
    font-family: "HelveticaBold";
}
#ptxt-one{
    font-family: "HelveticaNormal";
}

/*Imagina, crea y comparte*/
.titleone-div1{
    font-size: var(--one-txt-title-size);        
    color: var(--one-txt-gral-color);
}
#img-one-logo{
    width:35%;
    margin-top: 5%;
    margin-bottom: 5%;
}
#ptxt-one{
    font-size: var(--one-txt-gral-size);    
    color: var(--one-txt-gral-color);
}
#img-prescolar{
    width:50%;
    margin-top: 5%;
    margin-bottom: 5%;
}

/*Desde preescolar*/
#img-pocket-logo{
    width:30%;
    margin-top: 1%;
    margin-bottom: 5%;
}

/*Beneficios*/
#ultxt{
    font-size: var(--one-txt-gral-size);
    color: var(--one-txt-gral-color);
    list-style: none;
    text-align: center;
}

/*Herramientas por categorías*/
#block-tools1,#block-tools2,#block-tools3{    
    border-radius: 20px;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);    
    background: #FF8D2E;    
}
#block-tools2{     
    background: #231F20;
}
#block-tools3{       
    background: #4BAFD5;
}
.h2-class{
    font-size: 19px;
    padding: 10px 20px 0px 20px;
    color: var(--one-txt-block-color);
    text-align: justify;
}
.pblock{
    font-size: var(--one-txt-gral-size-mw967);
    color: var(--one-txt-block-color);
    padding: 10px 20px 10px 20px;
    text-align: left;
    list-style: none;
}

/* responsive */
@media (max-width: 967px){
    .titleone-div1 {
        font-size: var(--one-txt-title-size-mw967);     
    }
    #ptxt-one,#ultxt{
        font-size: var(--one-txt-gral-size-mw967);
    }
}

@media (max-width: 767px){
    #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-menu-link.current{
        color: #000000;
        font-weight: bold;
        opacity: 1 !important;
    } 
    .titleone-div1{
        font-size: var(--one-txt-title-size-mw767);
    }
    #img-one-logo {
        width: 60%;        
        margin: 5% 0% 5% 0%    
    }
    #ptxt-one, #ultxt,.pblock{
        font-size: var(--one-txt-gral-size-mw767);
    }
}