/*custom: Datos de Coronavirus*/
.tituloAltoImpacto {
    display: flex;
    position: relative;
    width: 1290px;
    margin: 0 auto;
    margin-bottom: 6px;
    transition: .3s;
    margin-bottom: 0px;
    text-align: center;
}
.tituloAltoImpacto h2 {
    font-family: 'Darwin Pro SemiBold';
    text-transform: uppercase;
    font-size: 2.6em;
    line-height: 1em;
    color: #151F2C;
    text-align: left;
    padding-top: 16px;
}
.tituloAltoImpacto .tituloDestacado {
    display: block;
    position: relative;
    width: 23%;
    float: left;
}
.tituloAltoImpacto .datosEspecificos {
    display: block;
    position: relative;
    width: 67%;
    background-color: #FFF;
    padding: 2px 6px;
    float: left;
    margin-top: 10px;
    height: 36px;
}
.tituloAltoImpacto .datosEspecificos .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.tituloAltoImpacto .datosEspecificos .box .item {
    display: inline-block;
    position: relative;
    width: 25%;
    margin-right: 2%;
    float: left;
    padding: 0px;
}
.tituloAltoImpacto .datosEspecificos .box .item + .item {
    width: 25%;
    margin-right: 2%;
    float: left;
    padding: 0px 10px 0px 20px;
}
.tituloAltoImpacto .datosEspecificos .box .item + .item + .item {
    width: 25%;
    margin-right: 0%;
    float: left;
    padding: 0px 10px 0px 20px;
}
.tituloAltoImpacto .datosEspecificos .box .item.btn {
    width: 20% !important;
    margin-right: 0%;
    padding: 0px 10px 0px 20px;
}
.tituloAltoImpacto .datosEspecificos .box .item.btn .boton {
    display: block;
    position: relative;
    padding-top: 8px;
}
.tituloAltoImpacto .datosEspecificos .box .item.btn .boton a {
    font-family: 'Darwin Pro Regular';
    text-transform: uppercase;
    font-size: 1.2em;
    color: #151F2C;
}
.tituloAltoImpacto .datosEspecificos .box .item.btn .boton a:hover {
    opacity: 0.75;
}
.tituloAltoImpacto .datosEspecificos .box .item .left {
    width: 50%;
    margin-right: 6%;
    float: left;
    padding-top: 2px;
}
.tituloAltoImpacto .datosEspecificos .box .item .right {
    width: 42%;
    margin-right: 0%;
    float: left;
}
.tituloAltoImpacto .datosEspecificos .box .item .left p {
    font-family: 'Darwin Pro Regular';
    font-size: 1.6em;
    color: #151F2C;
    text-align: left;
}
.tituloAltoImpacto .datosEspecificos .box .item .left p a {
    color: #151F2C;
}
.tituloAltoImpacto .datosEspecificos .box .item .left p span {
    font-family: 'Darwin Pro Bold';
}
.tituloAltoImpacto .datosEspecificos .box .item .left span.linea {
    display: block;
    height: 1px;
    background-color: #ddd;
    width: 100%;
    margin: 2px 0px;
}
.tituloAltoImpacto .datosEspecificos .box .item .left span.linea span {
    display: inline-block;
    position: absolute;
    height: 1px;
    background-color: red;
    background-color: #e82d3f;
    width: 30px;
    z-index: 9;
}
.tituloAltoImpacto .datosEspecificos .box .item .right p {
    font-family: 'Darwin Pro Regular';
    text-transform: uppercase;
    font-size: 1.6em;
    color: #1da78a;
}
.tituloAltoImpacto .datosEspecificos .box .item .right p a {
    color: #1da78a;
}
.tituloAltoImpacto .datosEspecificos .box .item .right p.cifrasHoy {
    font-size: 1.3em;
    color: #EA2F3B;
    margin-top: -4px;
}
.tituloAltoImpacto .datosEspecificos .box .item .left p.fechaUpdate {
    font-size: 1.3em;
    color: #EA2F3B;
    margin-top: -4px;
}

/*  320 > 767 pixeles ------------------------------ */
@media (min-width: 320px) and (max-width: 767px) {
    .tituloAltoImpacto {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
    }
    .tituloAltoImpacto h2 {
        font-size: 2em;
        margin-bottom: 0px;
        text-align: center;
        padding-top: 0px;
    }
    .tituloAltoImpacto .tituloDestacado {
        width: 100%;
    }
    .tituloAltoImpacto h2 span.punto {
        width: 6px;
        height: 6px;
    }
    .tituloAltoImpacto h2 span.punto.right {
        top: 6px;
        left: unset;
        right: -18px;
    }
    .tituloAltoImpacto h2 span.punto.left {
        top: 6px;
        left: -18px;
    }
    .tituloAltoImpacto .datosEspecificos {
        width: 96%;
        margin: 0 auto;
        margin-top: 24px;
        padding: 4px 4px 0px 4px;
        height: auto;
        float: unset;
    }
    .tituloAltoImpacto .datosEspecificos .box .item {
        display: block;
        padding: 2px;
        width: 30%;
        margin-left: 6%;
    }
    .tituloAltoImpacto .datosEspecificos .box .item + .item {
        width: 30%;
        margin-left: 0;
    }
    .tituloAltoImpacto .datosEspecificos .box .item + .item + .item {
        margin-left: 0;
    }
    .tituloAltoImpacto .datosEspecificos .box .item.btn {
        position: absolute !important;
        top: -30px !important;
        right: 0px !important;
        text-align: right !important;
        width: 100px !important;
        border-left: 0px !important;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .left {
        width: 100%;
        margin-right: 0;
        padding-top: 0px;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .right {
        width: 100%;
        margin-right: 0;
        margin-top: -2px;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .right p {
        font-size: 1.5em;
        text-align: center;
        color: #1da78a;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .right p.cifrasHoy {
        color: #EA2F3B;;
        font-size: 1.4em;
        margin-top: -4px;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .left p {
        font-size: 1.6em;
        text-align: center;
        border-bottom: 0px solid #ddd;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .left span.linea {
        display: none;
    }
    .tituloAltoImpacto .datosEspecificos .box .item.btn .boton a {
        font-size: 1.1em;
    }
    .fechaUpdate {
        position: absolute;
        left: -24px;
        bottom: 2px;
        color: #EA2F3B;
        font-size: 1.4em;
    }

}

/* 768 > 1023 pixeles  */
@media (min-width: 768px) and (max-width: 1023px) {
    .tituloAltoImpacto {
        display: block;
        width: 720px;
    }
    .tituloAltoImpacto .tituloDestacado {
        display: inline-block;
        width: 100%;
        float: unset;
    }
    .tituloAltoImpacto h2 {
        text-align: center;
    }
    .tituloAltoImpacto .datosEspecificos {
        width: 96%;
        margin: 0 auto;
        margin-top: 10px;
        padding: 4px 4px 0px 4px;
        height: auto;
        float: unset;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .right p {
        font-size: 2em;
    }
    .tituloAltoImpacto .datosEspecificos .box .item .left {
        padding-top: 3px;
    }
}

/* 1024 > 1160 pixeles  */
@media (min-width: 1024px) and (max-width: 1160px) {
    .tituloAltoImpacto {
        display: block;
        width: 1000px;
    }
    .tituloAltoImpacto .tituloDestacado {
        display: inline-block;
        width: 100%;
        float: unset;
    }
    .tituloAltoImpacto .datosEspecificos {
        width: 70%;
        margin: 0 auto;
        margin-top: 10px;
        padding: 4px 4px 0px 4px;
        height: auto;
        float: unset;
    }
    .tituloAltoImpacto h2 {
        text-align: center;
    }
}

/* 1161 > 1289 pixeles  */
@media (min-width: 1161px) and (max-width: 1289px) {
    .tituloAltoImpacto {
        width: 1160px;
    }
    .tituloAltoImpacto .datosEspecificos {
        width: 71%;
    }
    .tituloAltoImpacto h2 {
        font-size: 2.6em;
    }
    .tituloAltoImpacto .tituloDestacado {
        display: block;
        position: relative;
        width: 25%;
    }


}

/*  Iphone 5 ------------------------------ */
@media (min-width: 320px) and (max-width: 330px) {

    .tituloAltoImpacto h2 {
        font-size: 1.6em;
    }

}