:root {
    --colorblack: #2f3337;
    --colorblack01: #0000007a;

    --colorWhite: #fff;

    --colorGray1: #eee;
    --colorGray2: #777;;
    --colorGray3: #a7a7a7;
    --colorGray4: #5a5a5a;
    --colorGray5: #cecece;
    --colorGray6: #383838;
    --colorGray7: #3a3a3a;
    --colorGrayfooter: #3a3a3a;

    --colorGris: #231f20;
    --colorGris-fondo: #231f20;
    --colorGris-filete: #5a5a5a;
    --colorGris-enlace: #457B9D;
    --colorAzul-enlace: #457B9D;

    --colorRed: #E63946;

    --font: Lato, sans-serif;
    --font2: Karla, sans-serif;

    --color-custom1: var(--colorGris);
    --color-custom1-fondo: var(--colorGris-fondo);
    --color-custom1-filete: var(--colorGris-filete);
    --color-custom1-enlace: var(--colorGris-enlace);

    --maxwidth: 117rem;
    
    --padding-general: 0;

}

@media (max-width: 1310px){
    :root {
        --padding-general: 0 4rem;
        --maxwidth: 100%;
    }
}

@media (max-width: 920px){
    :root {
        --padding-general: 0 2.5rem;
    }
}

html {
  font-size: 62.5%;
}

body {
    font-family: var(--font);
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--colorGray6);
}

@media (max-width: 992px) {
    body.menu_movil_active {
        position: fixed;
        overflow: hidden;
        width: 100%;
    }
}

.block-local-tasks-block{
    width: var(--maxwidth);
    margin: 3rem auto 4rem!important;
}

@media (max-width: 1200px) {
    .block-local-tasks-block{
      width: 100%;
    }
  }