#sticky {
    background-color: transparent;
    color: #232323;
}

.entrada {
    max-width: 100%;
    background: #232323;
    color: #fff;
    padding-bottom:32px;
}

.entrada .entradilla {
    max-width: 446px;
}

.entrada .autores a {
    color: #fff;
}
/*BEFORE TITLE */
.before_title {
    max-width: 100%;
    text-align: center;
    background: #232323;
    margin: 0;
    margin-bottom:0;
    padding-top: 160px;
    padding-bottom: 32px;
    padding-left: 15px;
    padding-right: 15px;
}

.indocumentados, .before_title .caritas {
    width: 100%;
    max-width: 445px;
    margin: 0 auto;
    display: flex;
    padding: 0 13px;
    transform: scaleY(-1);
}

.before_title .caritas {
    transform: scaleY(1);
    position: relative;
}

.before_title .caritas .carita {
    width: 22px;
    position: absolute;
    left: 15px;
    top: -60px;

}

.barchart {
    position: relative;
}

.barchart .leyendita, .barchart .leyendita_eng {
    position: absolute;
    top: 39%;
    left: calc(27% + 7px);
    font-size: 11px;
    text-align: center;
    line-height: 12px;
    font-family: Roboto, sans-serif;
    color: #808080;
}

.barchart .leyendita_eng {
    left: calc(28% + 9px);
}
.barra,.barra_gris {
    width: 100%;
    max-width: 20px;
    height: 90px;
    margin: 0 2px;
}

.barra_gris {
    background: #3d3c3c;
}

.barra_blanca {
    opacity: 0;
    transition: opacity .4s;
}
.barra_orange {
    background: #ff5510;
    opacity: 0;
    transition: opacity .8s;
}
.graphic_ai2 {
    margin: 40px 0;
}
@media screen and (min-width: 768px) {
    .before_title .caritas .carita {
        width: 28px;
    }

    .barchart .leyendita, .barchart .leyendita_eng {
        top: 47%;
        left: calc(30% + 3px);
        font-size: 14px;
        line-height: 16px;
    }
    .barchart .leyendita_eng {
        left: calc(31% + 5px);
    }
    .indocumentados {
        padding: 0 15px;
    }
    .barra {
        margin: 0 3px;
    }
}


.anos {
    display: flex;
    position: relative;
  }
  .ano {
    color: #808080;
    position: absolute;
    top: -18px;
    left: -13px;
    font-size: 11px;
    transform: scaleY(-1);
  }

  .barra {
    position: relative;
  }
  .dbar::before{
    content: '';
    position: absolute;
    width: 4px;
    left: -7%;
    height: 154px;
    border-left: 1px solid #fff;
  }

  @media screen and (min-width: 768px) {
    .dbar::before{
        left: -10%;
    }
    .ano {
        top: -21px;
        left: -16px;
        font-size: 12px;
    }
  }
/*END OF BEFORE TITLE */

.entrada .autores, .entrada .fecha {
    color: #fff;
}

.share {
    padding-bottom: 32px;
    color: #fff;
}

.share .texto {
    color: #fff;
}
.entrada h1 {
    margin-top: 0;
    padding-top: 32px;
}

div.entradilla a {
    color: #ffffff;
    border-bottom: 1px solid #fff;
    padding-bottom:0.02em;
  }

.blob_left {
    width: 100%;
}

.ball {
    opacity: 0;
    transition: opacity 1s;
}
.postit {
    width: 100%;
    position: sticky;
    top: -395px;
}

.postits {
    max-width: 622px;
    margin: 0 auto;
}

.toptext {
    max-width: 270px;
    margin: 32px auto;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
}
.libreta {
    width: 100%;
    max-width: 350px;
    margin-left: 0%;
    z-index:999999;
    position: relative;
}
.libreta .papel_ano {
    position: absolute;
    top: 18px;
    z-index: 999999;
    font-family: "Roboto Slab", serif;
    font-weight: 600;
    left: 228px;
}

.libreta img {
    width: 100%;
    z-index:999999;
}

.papel {
    box-shadow: 2px 2px 9px 2px rgba(0,0,0,0.07);
}
.libreta .papel_texto {
    position: absolute;
    font-family: "Roboto Slab", serif;
    top: 68px;
    font-size: 16px;
    z-index: 999999;
    left: 24px;
    line-height: 26px;
    max-width: 240px;
    font-weight: 400;
}

.libreta .papel_texto span.highlight {
    /* background: rgba(255,255,0,0.8); */
    /* background: rgba(254,222,210);*/
    border-bottom: 2px solid #EF612F;
}

.libreta .papel_texto span.figure {
    color: #EF612F;
    font-size:20px;
}

.libreta2 {
    transform: rotate(4deg);
}

.libreta3 {
    transform: rotate(-4deg);
}
.libreta2 .papel_ano {
    top:50px;
    
}
.libreta2 .papel_texto {
    left: 26px;
}

.libreta img.carita {
    width: 26px;
    padding-right: 4px;
}

.curr_year {
    color: var(--Colors-Palette-Grayscale-900, #000);
    text-align: center;
    padding-bottom:16px;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Roboto Slab";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 81.25% */
}

.lineas_estados {
    max-width: 1048px;
    margin: 0 auto;
}
.y.axis path, .y.axis line {
    display: none;
}

.state_name, .estadito {
    font-size: 20px;
    font-weight: 700;
}
.axis path, .axis line {
    stroke: #808080;
}
.axis text {
    font-size:17px;
    fill: #808080;
}
.curr_amt {
    color: #EF612F;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Roboto Slab";
    font-size: 36px;
    padding-bottom: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 72.222% */
}

.curr_porc {
    color: var(--Colors-Palette-Grayscale-900, #000);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

.rotate1 {
    transform: rotate(0deg);
}
.rotate2 {
    transform: rotate(4deg);
}
.rotate3 {
    transform: rotate(-4deg);
}

.anotacion {
    color: var(--Colors-Palette-Grayscale-600, #808080);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
}

.state_legend {
    font-size: 20px;
    fill: #808080;
}
.leyenda {
    color: var(--Colors-Palette-Grayscale-900, #000);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    max-width: 180px;
    margin: 0 auto 24px;
    position: relative;
}
/* 
.leyenda::before {
    content: '';
    position: absolute;
    left: 87px;
    top: -90px;
    width: 4px;
    height: 90px;
    z-index: -10;
    border-right: 1px solid #000;
} */

.metodologia {
    text-align: left;
    margin: 8px auto;
}
@media screen and (min-width: 768px) {

    .state_legend {
        font-size: 7px;
    }
    .before_title {
        padding-top: 170px;
    }

.state_name, .estadito {
    font-size: 7px;
}

.axis text {
    font-size:.4rem;
}
    .libreta {
        width: 100%;
        margin-left: 60%;
    }

    .libreta .papel_texto {
        top: 78px;
        font-size: 18px;
        left: 30px;
        line-height: 29px;
        max-width: 290px;
    }
    .libreta .papel_ano {
        top: 25px;
        left: 250px;
    }
    .blob_left {
        margin-left: -290px;
        padding-top:0px;

    }

    .postit {

        position: sticky;
        top: 80px;
    }

}