.cover-two-columns-title-img-graph {
    background-color: #ffffff !important;

}

.cover-two-columns-title-img-graph .contenedor-dos-columnas  {
    display: flex;
    flex-wrap: wrap;
    padding-left: calc(((100vw - 1320px) / 2) + 20px);
    padding-right: calc(((100vw - 1320px) / 2) + 15px);
    font-family: "freight-sans-pro", sans-serif !important;
}
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna h2 {
    color: #000000 !important;
    font-size: 20px;
    font-weight: 800;
    margin-top: 50px;
    margin-right: 40px;
}

.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna  {
    width: calc(60% - 10px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna:nth-child(2) {
    align-items: flex-end;
    text-align: right; 
    width: calc(40% - 10px);
}

.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna:nth-child(2) h2 {
    justify-content: flex-start;
    display: flex;
    width: 100%;
    
} 

.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    padding-right: 65px;
}

.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g{
    cursor: pointer;
}

.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3386,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3397,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3414,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3433,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3434,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3423,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3406,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3385,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3398,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3411,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g.active #Trazado_3424,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3386,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3397,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3414,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3433,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3434,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3423,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3406,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3385,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3398,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3411,
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg g:hover #Trazado_3424 {
    stroke: #286c91;
    stroke-width: 2px;
}



.cover-two-columns-title-img-graph .titulo-general {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
    margin-top: 50px;
    background-color: #276C91;
    padding: 5px 10px;
    display: inline-block;
}
 
.cover-two-columns-title-img-graph .content-general {
    font-size: 20px;
    color: #000000;
    margin-bottom: 20px;
}

.cover-two-columns-title-img-graph .content-wrapper {
    padding-left: calc(((100vw - 1320px) / 2) + 20px);
    padding-right: calc(((100vw - 1320px) / 2) + 15px);
}

.cover-two-columns-title-img-graph .contenedor-dos-columnas,.cover-two-columns-title-img-graph .content-general {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-family: "freight-sans-pro", sans-serif !important;
}

.grafico-puntos {
    display: flex;
    flex-direction: column;
    gap: 0px;
  
}

.grafico-puntos .fila {
    display: flex;
    align-items: center;    
    justify-content: flex-end;
        line-height: 25px;
        position: relative;
        
}

.grafico-puntos .fila:not(.encabezado){
    cursor: pointer;
}

.grafico-puntos .fila:not(.encabezado)::before  {
    content: '';
    position: absolute;
    top: 55%;
    left: 170px; 
    right: 10px;
    height: 1px;
    background-color: #A0A0A0;
    z-index: 0;
}



.grafico-puntos .fila.encabezado {
    font-weight: 500;
    font-size: 11px;
    width: 100%;
    justify-content: flex-end;
}
.grafico-puntos .fila.encabezado .celda.titulo {
   
    background-color: #ffffff;
}


.grafico-puntos .celda {
        margin: 0 6px;
    text-align: center;
    min-width: 20px;
    
}
.grafico-puntos .celda.ola {
    padding: 0px 0px;
    min-width: 11px;
    letter-spacing: 1px;
}
.grafico-puntos .celda.punto {
    padding: 0px 0px;
    min-width: 11px;
    letter-spacing: 1px;
        background-color: #F6F6F6;
}

.grafico-puntos .celda.titulo {
    text-align: left;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    padding: 0 5px;
    color: #286C91;
    background-color: #F6F6F6;
    border-radius: 5PX;
    font-size: 12px;
    font-weight: 800;
    transition: all 0.3s ease;
}

.grafico-puntos .fila.active .celda.titulo,
.grafico-puntos .fila:hover .celda.titulo{
    border: 1px solid #286C91;
}
.grafico-puntos .celda.titulo span {
    margin: -3px 0;
  display: inline-block;
  max-width: 140px; /* 120 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grafico-puntos .fila:not(.encabezado):nth-of-type(1) .celda.punto {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
    background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 50%, #F6F6F6 50%);
}

/* Última fila */
.grafico-puntos .fila:not(.encabezado):last-of-type .celda.punto {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
   background: linear-gradient(to top, rgba(246, 246, 246, 0) 50%, #F6F6F6 50%);
}

.grafico-puntos .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
     position: relative;
    z-index: 1;
     background: currentColor;
}

.grafico-puntos .dot--cut {
clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}


@media screen and (max-width: 1320px) {

    .cover-two-columns-title-img-graph .contenedor-dos-columnas, .cover-two-columns-title-img-graph .content-general {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .cover-two-columns-title-img-graph .titulo-general {
        margin-left: 20px !important;
        margin-right: 20px !important;
    } 
}

@media screen and  (max-width: 1024px) {
.cover-two-columns-title-img-graph .contenedor-dos-columnas .columna   {
        width: 90%!important;
    }
      .cover-two-columns-title-img-graph .contenedor-dos-columnas .columna:nth-child(2) {
        width: calc(90% - 30px) !important;
    }
}


@media screen and (max-width: 615px) {
    .cover-two-columns-title-img-graph .contenedor-dos-columnas .columna, .cover-two-columns-title-img-graph .contenedor-dos-columnas .columna:nth-child(2)   {
        width: 100%!important;
    }
  .grafico-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .grafico-puntos {
    min-width: 600px; 
  }

  .grafico-puntos .fila {
    flex-wrap: nowrap;
  }

  .grafico-puntos .celda {
    flex-shrink: 0;
  }

  .cover-two-columns-title-img-graph .contenedor-dos-columnas .columna svg {
padding-right: 0px; 
}
.grafico-puntos .fila:not(.encabezado)::before  {
    content: '';
    position: absolute;
    top: 55%;
    left: 240px; 
    right: 10px;
    height: 1px;
    background-color: #A0A0A0;
    z-index: 0;
}
}