svg.distribuidores{width: 100%;height:auto;}
/*svg.distribuidores path{fill:#606060;}*/
svg.distribuidores path:hover{fill:var(--rojo);cursor:pointer;}
.cobertura{}
.cobertura .panel-group{}
.cobertura .panel-group .panel {
    padding: 17px 10px;
}
.cobertura .panel-group .panel .panel-heading{}
.cobertura .panel-group .panel .panel-heading h4{}
.cobertura .panel-group .panel .panel-heading h4 a{
    border-bottom: 1px solid #d7d7d7;
}
.cobertura .panel-group .panel-collapse {}
.cobertura .panel-group .panel-collapse .panel-body{
    padding-top: 25px;
}
.cobertura .panel-group .panel-collapse .panel-body .agente{}
.cobertura .whats-icon {
    font-size: 24px;
    background: #fff;
    color: #25d366;
    padding: 2px 7px;
    border-radius: 4px;
    position: relative;
    top: 2px;
}
.cobertura svg.distribuidores a path{fill:var(--rojo);transition: all .6s;stroke: #fff;stroke-width: .5px;}
.cobertura svg.distribuidores a:hover path{fill:#e6e2dc;stroke: #5f5f5f;transition: all .6s;}
.cobertura .btn-collapse{
    float: right;
}
.cobertura .panel-heading .btn-collapse svg{
    transform: rotate(0deg);
    width: 15px;
    height: 15px;
    transition: all .6s;
}
.cobertura .panel-heading .collapsed .btn-collapse svg{
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    transition: all .6s;
}

.cobertura .panel-heading .btn-collapse svg path{fill:var(--rojo);}