h1 {
  font-family: sans-serif;
  text-align: center;
  font-weight: bold;
  text-align: center;
}

h1.linea {
  position: relative;
  z-index: 1;
}

h1.linea:before {
  border-top: 10px solid var(--clr);
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}

h1.linea span {
  background: #fff;
  padding: 0 15px;
}

.titulos {
  font-size: 44px;
  margin: 10px 0px 22px 0px !important;
}

.titulos_largos {
  margin: -55px 0px 44px 0px;
}

.div_Mapa_PYS g {
  stroke: #d8dcfd;
  stroke-width: 2px;
}

#HATCH:hover,
#HATCH-2:hover,
#HATCH-3:hover,
#HATCH-4:hover,
#HATCH-5:hover,
#HATCH-6:hover,
#HATCH-7:hover,
#HATCH-8:hover,
#HATCH-9:hover,
#HATCH-10:hover,
#HATCH-11:hover,
#HATCH-12:hover,
#HATCH-13:hover,
#HATCH-14:hover,
#HATCH-15:hover,
#HATCH-16:hover,
#HATCH-17:hover,
#HATCH-18:hover,
#HATCH-19:hover,
#HATCH-20:hover {
  fill: #522e92;
}

#HATCH:active,
#HATCH-2:active,
#HATCH-3:active,
#HATCH-4:active,
#HATCH-5:active,
#HATCH-6:active,
#HATCH-7:active,
#HATCH-8:active,
#HATCH-9:active,
#HATCH-10:active,
#HATCH-11:active,
#HATCH-12:active,
#HATCH-13:active,
#HATCH-14:active,
#HATCH-15:active,
#HATCH-16:active,
#HATCH-17:active,
#HATCH-18:active,
#HATCH-19:active,
#HATCH-20:active {
  fill: #522e92;
}

#HATCH-D1:hover,
#HATCH-D2:hover,
#HATCH-D3:hover,
#HATCH-D4:hover,
#HATCH-D5:hover,
#HATCH-D6:hover,
#HATCH-D7:hover,
#HATCH-D8:hover,
#HATCH-D9:hover,
#HATCH-D10:hover,
#HATCH-D11:hover,
#HATCH-D12:hover,
#HATCH-D13:hover,
#HATCH-D14:hover,
#HATCH-D15:hover,
#HATCH-D16:hover,
#HATCH-D17:hover,
#HATCH-D18:hover,
#HATCH-D19:hover,
#HATCH-D20:hover {
  fill: #522e92;
}

#HATCH-D1:active,
#HATCH-D2:active,
#HATCH-D3:active,
#HATCH-D4:active,
#HATCH-D5:active,
#HATCH-D6:active,
#HATCH-D7:active,
#HATCH-D8:active,
#HATCH-D9:active,
#HATCH-D10:active,
#HATCH-D11:active,
#HATCH-D12:active,
#HATCH-D13:active,
#HATCH-D14:active,
#HATCH-D15:active,
#HATCH-D16:active,
#HATCH-D17:active,
#HATCH-D18:active,
#HATCH-D19:active,
#HATCH-D20:active {
  fill: #522e92;
}

#HATCH-R1,
#HATCH-R2,
#HATCH-R3,
#HATCH-R4,
#HATCH-R5,
#HATCH-R6,
#HATCH-R7,
#HATCH-R8,
#HATCH-R9,
#HATCH-R10,
#HATCH-R11,
#HATCH-R12,
#HATCH-R13,
#HATCH-R14,
#HATCH-R15,
#HATCH-R16,
#HATCH-R17,
#HATCH-R18,
#HATCH-R19,
#HATCH-R20 {
    fill:#8E8C98;
}

#HATCH-R1:hover,
#HATCH-R2:hover,
#HATCH-R3:hover,
#HATCH-R4:hover,
#HATCH-R5:hover,
#HATCH-R6:hover,
#HATCH-R7:hover,
#HATCH-R8:hover,
#HATCH-R9:hover,
#HATCH-R10:hover,
#HATCH-R11:hover,
#HATCH-R12:hover,
#HATCH-R13:hover,
#HATCH-R14:hover,
#HATCH-R15:hover,
#HATCH-R16:hover,
#HATCH-R17:hover,
#HATCH-R18:hover,
#HATCH-R19:hover,
#HATCH-R20:hover {
  fill: #522e92;
}

#HATCH-R1:active,
#HATCH-R2:active,
#HATCH-R3:active,
#HATCH-R4:active,
#HATCH-R5:active,
#HATCH-R6:active,
#HATCH-R7:active,
#HATCH-R8:active,
#HATCH-R9:active,
#HATCH-R10:active,
#HATCH-R11:active,
#HATCH-R12:active,
#HATCH-R13:active,
#HATCH-R14:active,
#HATCH-R15:active,
#HATCH-R16:active,
#HATCH-R17:active,
#HATCH-R18:active,
#HATCH-R19:active,
#HATCH-R20:active {
  fill: #522e92;
}

.cls-1 {
  stroke: #fff;
  stroke-miterlimit: 10;
  fill-rule: evenodd;
}

#HATCH,
#HATCH-2,
#HATCH-4,
#HATCH-5,
#HATCH-6,
#HATCH-13,
#HATCH-14,
#HATCH-15,
#HATCH-17,
#HATCH-19,
#HATCH-20 {
  fill: #94252c;
}

#HATCH-9,
#HATCH-16,
#HATCH-18 {
  fill: #8fbf2b;
}

#HATCH-8,
#HATCH-12 {
  fill: #005ba6;
}

#HATCH-3 {
  fill: #f18217;
}

#HATCH-7 {
  fill: #f7e829;
}

#HATCH-10 {
  fill: #d60d2f;
}

#HATCH-11 {
  fill: #e66fa7;
}

#HATCH-D1,
#HATCH-D2,
#HATCH-D3,
#HATCH-D4,
#HATCH-D6,
#HATCH-D9,
#HATCH-D10,
#HATCH-D12,
#HATCH-D14,
#HATCH-D15,
#HATCH-D16,
#HATCH-D18 {
  fill: #94252c;
}

#HATCH-D11,
#HATCH-D13 {
    fill: #f7e829;
}

#HATCH-D5,
#HATCH-D8 {
    fill: #e66fa7;
}

#HATCH-D7,
#HATCH-D17 {
  fill: #8fbf2b;
}

.datosG {
  font-weight: bold;
  margin: 4px 10px !important;
  font-size: 13px;
  color: #000;
}

.datosM {
  font-weight: bold;
  margin: 4px 10px !important;
  font-size: 22px;
  color: #000;
}

.datosS {
  font-weight: bold;
  margin: 4px 10px !important;
  font-size: 22px;
  color: #6a6a6a;
}

.datosG span {
  font-weight: 500;
  color: #6a6a6a;
}

.grafica tspan {
  font-size: 12px;
}

.logos {
    height: 40px;
    width: 40px;
    border-radius: 10%;
}

.logosGanadores {
    height: 60px;
    width: 60px;
    border-radius: 10%;
}