@font-face {
  font-family: LibreFranklin;
  src: url('../fonts/librefranklin-light.ttf');
}

@font-face {
  font-family: LibreFranklin-bold;
  src: url('../fonts/librefranklin-bold.ttf');
}

@font-face {
  font-family: LibreFranklin-medium;
  src: url('../fonts/librefranklin-medium.ttf');
}

@font-face {
  font-family: GothamCondensed-Black;
  src: url('../fonts/GothamCond-Bold.otf');
}

@font-face {
  font-family: LeagueSpartanBold;
  src: url('../fonts/leaguespartan-bold.ttf');
}

body {
  margin: 0px;
  font-family: LibreFranklin;
}

#header {
  margin-bottom: 55px
}

#content {
  max-width: 1150px;
  width: 95%;
  margin: auto;
}

.greenLine {
  width: 96px;
  height: 9px;
  margin-bottom: 45px;
  background-color: #86b200;
}

.noMargin {
  margin-bottom: 0px !important;
}

.princiTit {
  font-family: 'LeagueSpartanBold';
  text-align: center;
  font-size: 31px;
  line-height: 1;
  margin-bottom: 20px !important;
}

h1 {
  font-family: 'LeagueSpartanBold';
  text-align: center;
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 25px !important;
}

p {
  margin-top: 0px;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 8px;
}

.queso-img {
  width: 85%;
  margin-top: -61%;
  margin-left: 4%;
  position: relative;
  z-index: -1;
}

.queso-img2 {
  margin-top: -62%;
  margin-left: 1%;
  position: relative;
  z-index: -1;
}

.queso-img3 {
  width: 90%;
  margin-top: -71%;
  margin-left: 3%;
  position: relative;
  z-index: -1;
}

div>p:last-child {
  margin-bottom: 0px;
}

.section {
  margin-top: 125px
}

.tittle {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: left;
}

.button {
  margin-bottom: 15px;
  padding: 8px 15px;
  font-size: 18px;
  text-align: left;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
}

img {
  width: 100%;
}

.map {
  width: 40% !important;
}

.button:hover {
  cursor: pointer;
}

.subtitle {
  font-family: LibreFranklin-Bold;
  text-align: center;
}

#mont {
  border: 2px solid #836b57;
  color: #836b57;
}

#terr {
  border: 2px solid #cd5b4b;
  color: #cd5b4b;
}

#bosq {
  border: 2px solid #94b101;
  color: #94b101;
  margin-bottom: 0px;
}

#zari {
  border: 2px solid #f2937a;
  color: #f2937a;
}

#ince {
  border: 2px solid #de3236;
  color: #de3236;
}

#edif {
  border: 2px solid #007095;
  color: #007095;
}

#trans {
  border: 2px solid #3e87c9;
  color: #3e87c9;
}

#fores {
  border: 2px solid #836b57;
  color: #836b57;
}

#ecol {
  border: 2px solid #90ca81;
  color: #90ca81;
}

#carg {
  border: 2px solid #d1a23f;
  color: #d1a23f;
}

.margin-60 {
  margin-bottom: 60px !important;
}

.margin-40 {
  margin-bottom: 40px !important;
}

#bocadillo-especial .cls-1 {
  fill: none;
  stroke: #86b200;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

#bocadillo-especial .cls-2 {
  fill: #434343;
}

#bocadillo-especial {
  margin-top: 5px;
  margin-bottom: 0px;
}

.bocadillo {
  margin: 60px 0;
  padding: 30px;
  border: 3px solid #86b200;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}

button {
  border-radius: 5px;
}

/*#bocadillo::after {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 30px solid #f80;
    border-bottom: 20px solid transparent;
    margin: 10px 0 0 ­32px;
}*/

.twoCol {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 60px;
}

.twoCol>div {
  width: 48%;
  border: 1px solid #86b200;
  border-radius: 15px;
}

.colHeader {
  text-align: center;
  background-color: #86b200;
  border: 2px solid #86b200;
  padding: 15px;
  color: white;
  border-radius: 10px 10px 0px 0px;
  margin-top: 0px;
  font-family: 'LibreFranklin-bold';
}

.twoCol .colText {
  padding: 15px;
}

.twoCol p {
  font-family: LibreFranklin;
}

span {
  font-family: LibreFranklin-bold;
}

.noLine {
  border: 0px solid !important;
}

.greenStrong {
  font-family: LibreFranklin-bold;
  color: #86b200;
}

h3 {
  color: #86b200;
  font-family: LibreFranklin-bold;
}

.miniText {
  margin-top: 0;
  margin-bottom: 0px;
}

#circuloVici .cls-1,
#svgVic .cls-1 {
  fill: #fff;
}

#circuloVici .cls-1:hover {
  cursor: pointer;
}

#svgVir .cls-1 {
  fill: #fff;
}

#svgVir .cls-2 {
  letter-spacing: .01em;
}

#svgVir .cls-3 {
  letter-spacing: .01em;
}

#svgVir .cls-4 {
  letter-spacing: -.02em;
}

#svgVir .cls-5 {
  font-family: LibreFranklin-medium, 'Libre Franklin';
  font-size: 13.7px;
  font-weight: 500;
}

#svgVir .cls-5,
#svgVir .cls-6 {
  fill: #3fa535;
}

#svgVir .cls-7 {
  letter-spacing: .01em;
}

#svgVir .cls-8 {
  letter-spacing: 0em;
}

#svgVir .cls-9 {
  letter-spacing: .01em;
}

#svgVir .cls-10 {
  letter-spacing: 0em;
}

#svgVir .cls-11 {
  letter-spacing: .01em;
}

#svgVir .cls-12 {
  letter-spacing: 0em;
}

#svgVir .cls-13 {
  letter-spacing: .02em;
}

#svgVir .cls-14 {
  letter-spacing: .01em;
}

#svgVir .cls-15 {
  clip-path: url(#clippath);
}

#svgVir .cls-16 {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2.74px;
}

#svgVir .cls-16,
#svgVir .cls-17 {
  fill: none;
}

#svgVir .cls-18 {
  letter-spacing: .02em;
}

#svgVir .cls-19 {
  letter-spacing: 0em;
}

#svgVir .cls-20 {
  letter-spacing: 0em;
}

#svgVir .cls-21 {
  letter-spacing: 0em;
}



/* Time line */

#timeline {
  margin-bottom: 75px;
}

#timeline .cls-1 {
  letter-spacing: 0em;
}

#timeline .cls-2 {
  font-family: LibreFranklin, 'Libre Franklin';
  letter-spacing: .01em;
}

#timeline .cls-3 {
  letter-spacing: .01em;
}

#timeline .cls-4 {
  letter-spacing: .02em;
}

#timeline .cls-5 {
  letter-spacing: 0em;
}

#timeline .cls-6 {
  letter-spacing: 0em;
}

#timeline .cls-7,
#timeline .cls-8,
#timeline .cls-9 {
  fill: #94b101;
}

#timeline .cls-7,
#timeline .cls-10,
#timeline .cls-11 {
  font-family: LibreFranklin-Bold, 'Libre Franklin';
}

#timeline .cls-7,
#timeline .cls-10,
#timeline .cls-11,
#timeline .cls-9 {
  font-weight: 700;
}

#timeline .cls-7,
#timeline .cls-12 {
  font-size: 49.32px;
}

#timeline .cls-13 {
  fill: none;
  stroke: #94b101;
  stroke-miterlimit: 10;
  stroke-width: 4.11px;
}

#timeline .cls-14 {
  letter-spacing: .05em;
}

#timeline .cls-15 {
  letter-spacing: .01em;
}

#timeline .cls-16 {
  letter-spacing: .01em;
}

#timeline .cls-17 {
  letter-spacing: 0em;
}

#timeline .cls-18 {
  letter-spacing: .05em;
}

#timeline .cls-19 {
  letter-spacing: 0em;
}

#timeline .cls-20 {
  font-family: LibreFranklin, 'Libre Franklin';
  letter-spacing: .01em;
}

#timeline .cls-21 {
  letter-spacing: .01em;
}

#timeline .cls-22 {
  letter-spacing: .05em;
}

#timeline .cls-23 {
  letter-spacing: .01em;
}

#timeline .cls-24 {
  letter-spacing: .05em;
}

#timeline .cls-25 {
  letter-spacing: 0em;
}

#timeline .cls-26 {
  letter-spacing: 0em;
}

#timeline .cls-10,
#timeline .cls-11,
#timeline .cls-27 {
  font-size: 27.4px;
}

#timeline .cls-10,
#timeline .cls-12,
#timeline .cls-27,
#timeline .cls-28 {
  fill: #454545;
}

#timeline .cls-11 {
  fill: #1d1d1b;
}

#timeline .cls-29 {
  letter-spacing: -.01em;
}

#timeline .cls-30 {
  letter-spacing: .01em;
}

#timeline .cls-31 {
  letter-spacing: 0em;
}

#timeline .cls-32 {
  letter-spacing: 0em;
}

#timeline .cls-33 {
  letter-spacing: .04em;
}

#timeline .cls-34 {
  font-family: 'LibreFranklin-bold';
  letter-spacing: .01em;
}

#timeline .cls-35 {
  letter-spacing: -.02em;
}

#timeline .cls-36 {
  letter-spacing: 0em;
}

#timeline .cls-37 {
  letter-spacing: .05em;
}

#timeline .cls-38 {
  letter-spacing: 0em;
}

#timeline .cls-39 {
  letter-spacing: 0em;
}

#timeline .cls-12,
#timeline .cls-27 {
  font-family: LibreFranklin-Light, 'Libre Franklin';
  font-weight: 300;
}

#timeline .cls-40 {
  letter-spacing: 0em;
}

#timeline .cls-9 {
  font-family: 'LeagueSpartanBold';
  font-size: 30.14px;
}

#timeline .cls-41 {
  letter-spacing: 0em;
}

#timeline .cls-42 {
  letter-spacing: .02em;
}

#timeline .cls-43 {
  letter-spacing: .04em;
}

#timeline .cls-44 {
  letter-spacing: 0em;
}

#timeline .cls-45 {
  letter-spacing: .01em;
}

#timeline .cls-46 {
  letter-spacing: 0em;
}

#timeline .cls-47 {
  letter-spacing: -.05em;
}

#timeline .cls-48 {
  letter-spacing: 0em;
}

#timeline .cls-49 {
  letter-spacing: 0em;
}

#timeline .cls-50 {
  letter-spacing: .05em;
}

#timeline .cls-51 {
  letter-spacing: .01em;
}

#timeline .cls-52 {
  letter-spacing: .05em;
}

#timeline .cls-53 {
  letter-spacing: 0em;
}

#timeline .cls-54 {
  letter-spacing: .05em;
}

#timeline .cls-55 {
  letter-spacing: .04em;
}

#timeline .cls-56 {
  letter-spacing: 0em;
}

#timeline .cls-57 {
  letter-spacing: 0em;
}

#timeline .cls-58 {
  letter-spacing: .04em;
}

#timeline .cls-59 {
  letter-spacing: .01em;
}

.animate {
  animation-duration: 0.75s;
  animation-name: animate-fade;
  animation-delay: 0.5s;
  animation-fill-mode: backwards;
}

#line2 {
  animation-delay: 1s;
}

#line3 {
  animation-delay: 2s;
}

#line4 {
  animation-delay: 3s;
}

#line5 {
  animation-delay: 9s;
}

.strokeLine {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation-delay: 6s !important;
  animation: dash 3s linear forwards;
}

/*.strokeGraf {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dash 2s linear forwards;
}

.strokeGraf2 {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dash 2s linear forwards;
}*/

.aniQue1,
.aniQue2,
.aniQue3 {
  display: none;
  animation-duration: 1s;
  animation-name: animate-fade;
  animation-delay: 0.5s;
  animation-fill-mode: backwards;
}

.que2 {
  animation-delay: 1s
}

.que3 {
  animation-delay: 2s
}

.que4 {
  animation-delay: 3s
}

.que5 {
  animation-delay: 4s
}

@keyframes dash {
  from {
    stroke-dashoffset: 1;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes animate-fade {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

#svgInce {
  margin-top: -12%;
  opacity: 0;
}

.animateSVG {
  animation-duration: 0.75s;
  animation-name: animate-fade;
  animation-delay: 0.25s;
  animation-fill-mode: backwards;
}

#incendios {
  animation-delay: 1.5s;
}

#granIncendio {
  animation-delay: 3s;
}

#svgInce .cls-1 {
  fill: #656c6a;
  opacity: 0.5;
}

#svgInce .cls-2 {
  fill: #43a57d;
}

#svgInce .cls-3 {
  fill: #3fa535;
}

#svgInce .cls-4 {
  fill: #f8ad42;
}

#svgInce .cls-5 {
  fill: #eb5b35;
}

#svgInce .cls-6 {
  fill: #9fc419;
}

#svgInce .cls-7 {
  fill: #1b311d;
}

#svgInce .cls-8 {
  fill: #8d6b56;
}

#svgInce .cls-9 {
  fill: #006239;
}

#svgInce .cls-10 {
  fill: #809654;
}

#svgInce .cls-11 {
  fill: none;
  stroke: #87b326;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

#svgInce .cls-12 {
  font-size: 36px;
  fill: #87b326;
}

#svgInce .cls-12,
#svgInce .cls-13 {
  font-family: 'LibreFranklin-Bold';
  font-weight: 700;
}

#svgInce .cls-13,
#svgInce .cls-18,
#svgInce .cls-23,
#svgInce .cls-26 {
  font-size: 20px;
  fill: #444;
}

#svgInce .cls-14,
#svgInce .cls-23 {
  letter-spacing: 0.01em;
}

#svgInce .cls-15,
#svgInce .cls-18 {
  letter-spacing: 0.01em;
}

#svgInce .cls-16,
#svgInce .cls-26 {
  letter-spacing: 0.01em;
}

#svgInce .cls-17 {
  letter-spacing: 0.02em;
}

#svgInce .cls-18,
#svgInce .cls-23,
#svgInce .cls-26 {
  font-family: 'LibreFranklin';
}

#svgInce .cls-19 {
  letter-spacing: 0em;
}

#svgInce .cls-20 {
  fill: #d1412e;
}

#svgInce .cls-21 {
  letter-spacing: 0.02em;
}

#svgInce .cls-22 {
  letter-spacing: 0em;
}

#svgInce .cls-24 {
  fill: #5e6a64;
}

#svgInce .cls-25 {
  letter-spacing: 0.01em;
}

#svgInce .cls-27 {
  letter-spacing: 0em;
}

#svgVic .cls-1 {
  letter-spacing: 0em;
}

#svgVic .cls-2 {
  letter-spacing: -.02em;
}

#svgVic .cls-3 {
  fill: #fff;
}

#svgVic .cls-4 {
  letter-spacing: .01em;
}

#svgVic .cls-5 {
  letter-spacing: -.02em;
}

#svgVic .cls-6 {
  letter-spacing: .01em;
}

#svgVic .cls-7 {
  letter-spacing: -.03em;
}

#svgVic .cls-8 {
  letter-spacing: 0em;
}

#svgVic .cls-9 {
  letter-spacing: -.03em;
}

#svgVic .cls-10 {
  letter-spacing: -.01em;
}

#svgVic .cls-11 {
  letter-spacing: .01em;
}

#svgVic .cls-12 {
  letter-spacing: 0em;
}

#svgVic .cls-13 {
  letter-spacing: -.02em;
}

#svgVic .cls-14 {
  letter-spacing: 0em;
}

#svgVic .cls-15 {
  letter-spacing: 0em;
}

#svgVic .cls-16 {
  letter-spacing: 0em;
}

#svgVic .cls-17 {
  font-family: LibreFranklin-medium, 'Libre Franklin';
  font-size: 13.7px;
  font-weight: 500;
}

#svgVic .cls-17,
#svgVic .cls-18 {
  fill: #de3236;
}

#svgVic .cls-19 {
  letter-spacing: 0em;
}

#svgVic .cls-20 {
  letter-spacing: .01em;
}

#svgVic .cls-21 {
  letter-spacing: 0em;
}

#svgVic .cls-22 {
  letter-spacing: .02em;
}

#svgVic .cls-23 {
  letter-spacing: 0em;
}

#svgVic .cls-24 {
  letter-spacing: .01em;
}

#svgVic .cls-25 {
  letter-spacing: 0em;
}

#svgVic .cls-26 {
  clip-path: url(#clippath);
}

#svgVic .cls-27 {
  letter-spacing: 0em;
}

#svgVic .cls-28 {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2.74px;
}

#svgVic .cls-28,
#svgVic .cls-29 {
  fill: none;
}

#svgVic .cls-30 {
  letter-spacing: .02em;
}

#svgVic .cls-31 {
  letter-spacing: 0em;
}

#svgVic .cls-32 {
  letter-spacing: -.02em;
}

#svgVic .cls-33 {
  letter-spacing: 0em;
}

#svgVic .cls-34 {
  letter-spacing: 0em;
}

#svgVic .cls-35 {
  letter-spacing: -.02em;
}

#svgVic .cls-36 {
  letter-spacing: 0em;
}

.animatedVic .cls-3,
.animatedVic .cls-1 {
  animation-duration: 0.5s;
  animation-name: animate-Vic;
  animation-fill-mode: both;
}

.animatedVic .cls-17,
.animatedVic .cls-18 {
  animation-duration: 0.5s;
  animation-name: animate-ColorRedVic;
  animation-fill-mode: both;
}

.animatedVic .cls-13 {
  animation-duration: 0.5s;
  animation-name: animate-ColorGreenVic;
  animation-fill-mode: both;
}

#animatedVic1 .cls-3,
#animatedVic1 .cls-17 {
  animation-delay: 1s;
}

#animatedVic2 .cls-3,
#animatedVic2 .cls-17 {
  animation-delay: 2s;
}

#animatedVic3 .cls-3,
#animatedVic3 .cls-17 {
  animation-delay: 3s;
}

#animatedVic4 .cls-3,
#animatedVic4 .cls-17,
#animatedVic4 .cls-18 {
  animation-delay: 4s;
}

#animatedVic5 .cls-3,
#animatedVic5 .cls-17 {
  animation-delay: 5s;
}

/**/

#animatedVic1 .cls-1,
#animatedVic1 .cls-13 {
  animation-delay: 6s;
}

#animatedVic2 .cls-1,
#animatedVic2 .cls-13 {
  animation-delay: 7s;
}

#animatedVic3 .cls-1,
#animatedVic3 .cls-13 {
  animation-delay: 8s;
}

#animatedVic4 .cls-1,
#animatedVic4 .cls-13 {
  animation-delay: 9s;
}

#animatedVic5 .cls-1,
#animatedVic5 .cls-13 {
  animation-delay: 10s;
}

@keyframes animate-ColorRedVic {
  0% {
    fill: #de3236;
  }

  100% {
    fill: #fff
  }
}

@keyframes animate-ColorGreenVic {
  0% {
    fill: #3fa535;
  }

  100% {
    fill: #fff
  }
}

@keyframes animate-Vic {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* Map 3 */

#divMap1 {
  display: none;
  position: absolute;
  top: 0;
  text-align: left;
  max-width: 300px;
  color: #3e87c9
}

#divMap2 {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  text-align: left;
  max-width: 300px;
  color: #836b57
}

#divMap3 {
  display: none;
  position: absolute;
  bottom: 0;
  text-align: left;
  max-width: 300px;
  color: #90ca81
}

#divMap4 {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: left;
  max-width: 300px;
  color: #d1a23f
}

.titMap {
  font-family: 'LibreFranklin-bold';
  font-size: 17px;
  margin-top: 0;
  border-bottom: 2px solid;
}

/*#titMap:after {
  display: block;
  content: "";
  transform: rotate(66deg);
  width: 100px;
  position: absolute;
  border: 1px solid;
  top: 49%;
  right: -28%;
}*/

.textMap {
  font-size: 12px;
  line-height: 20px;
  max-width: 250px;
}

@media screen and (max-width: 780px) {
  #divMap1, #divMap2, #divMap3, #divMap4 {
    position: relative;
    text-align: left;
    max-width: 100%;
  }

  .titMap {
    width: fit-content;
  }

  .textMap {
    max-width: 100%;
  }
}

#queso1 .cls-1 {
  stroke: #93b001;
}

#queso1 .cls-1,
#queso1 .cls-2 {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

#queso1 .cls-3 {
  letter-spacing: -.04em;
}

#queso1 .cls-4,
#queso1 .cls-5 {
  fill: #8c6b56;
}

#queso1 .cls-4,
#queso1 .cls-6,
#queso1 .cls-7 {
  font-family: LibreFranklin, 'Libre Franklin';
  font-size: 12px;
  font-weight: 300;
}

#queso1 .cls-8 {
  letter-spacing: .04em;
}

#queso1 .cls-5 {
  font-size: 62px;
}

#queso1 .cls-5,
#queso1 .cls-9,
#queso1 .cls-10 {
  font-family: GothamCondensed-Black, 'Gotham Condensed';
  font-weight: 800;
}

#queso1 .cls-9,
#queso1 .cls-10 {
  font-size: 24px;
}

#queso1 .cls-9,
#queso1 .cls-6 {
  fill: #006239;
}

#queso1 .cls-10 {
  fill: #93b023;
}

#queso1 .cls-11 {
  letter-spacing: .01em;
}

#queso1 .cls-12 {
  letter-spacing: .05em;
}

#queso1 .cls-13 {
  letter-spacing: .02em;
}

#queso1 .cls-14 {
  letter-spacing: .04em;
}

#queso1 .cls-15 {
  letter-spacing: .05em;
}

#queso1 .cls-16 {
  letter-spacing: .01em;
}

#queso1 .cls-17 {
  letter-spacing: .05em;
}

#queso1 .cls-18 {
  letter-spacing: 0em;
}

#queso1 .cls-19 {
  letter-spacing: 0em;
}

#queso1 .cls-20 {
  letter-spacing: .02em;
}

#queso1 .cls-21 {
  letter-spacing: .01em;
}

#queso1 .cls-22 {
  letter-spacing: 0em;
}

#queso1 .cls-23 {
  letter-spacing: .04em;
}

#queso1 .cls-24 {
  letter-spacing: .01em;
}

#queso1 .cls-7 {
  fill: #93b21a;
}

#queso1 .cls-25 {
  letter-spacing: -.01em;
}

#queso1 .cls-26 {
  letter-spacing: .04em;
}

#queso1 .cls-27 {
  letter-spacing: -.04em;
}

#queso1 .cls-28 {
  letter-spacing: .01em;
}

#queso1 .cls-29 {
  letter-spacing: 0em;
}

#queso1 .cls-30 {
  letter-spacing: 0em;
}

#queso1 .cls-31 {
  letter-spacing: -.02em;
}

#queso1 .cls-32 {
  letter-spacing: .01em;
}

#queso1 .cls-33 {
  letter-spacing: .01em;
}

#queso1 .cls-34 {
  letter-spacing: .05em;
}

#queso1 .cls-35 {
  letter-spacing: .04em;
}

#queso1 .cls-36 {
  letter-spacing: .01em;
}

#queso1 .cls-37 {
  letter-spacing: -.02em;
}

#queso1 .cls-2 {
  stroke: #006239;
}

#queso1 .cls-38 {
  letter-spacing: .04em;
}

#queso2 .cls-1,
#queso2 .cls-20,
#queso2 .cls-22,
#queso2 .cls-29,
#queso2 .cls-38,
#queso2 .cls-39,
#queso2 .cls-40,
#queso2 .cls-45,
#queso2 .cls-52,
#queso2 .cls-53,
#queso2 .cls-59 {
  font-size: 12px;
  font-family: LibreFranklin, 'Libre Franklin';
}

#queso2 .cls-1,
#queso2 .cls-15 {
  fill: #8b6b55;
}

#queso2 .cls-2,
#queso2 .cls-52,
#queso2 .cls-59 {
  letter-spacing: 0.02em;
}

#queso2 .cls-20,
#queso2 .cls-3,
#queso2 .cls-38,
#queso2 .cls-39 {
  letter-spacing: 0.01em;
}

#queso2 .cls-4 {
  letter-spacing: 0.01em;
}

#queso2 .cls-5 {
  letter-spacing: 0.01em;
}

#queso2 .cls-6 {
  letter-spacing: -0.01em;
}

#queso2 .cls-7 {
  letter-spacing: 0.01em;
}

#queso2 .cls-8 {
  letter-spacing: 0.01em;
}

#queso2 .cls-9 {
  letter-spacing: 0.01em;
}

#queso2 .cls-10 {
  letter-spacing: 0em;
}

#queso2 .cls-11 {
  letter-spacing: 0.01em;
}

#queso2 .cls-12 {
  letter-spacing: -0.01em;
}

#queso2 .cls-13 {
  letter-spacing: 0.02em;
}

#queso2 .cls-14 {
  letter-spacing: 0em;
}

#queso2 .cls-15 {
  font-size: 62px;
}

#queso2 .cls-15,
#queso2 .cls-23,
#queso2 .cls-32,
#queso2 .cls-42,
#queso2 .cls-50,
#queso2 .cls-56 {
  font-family: GothamCondensed-Black, 'Gotham Condensed';
}

#queso2 .cls-16 {
  letter-spacing: 0.04em;
}

#queso2 .cls-17 {
  letter-spacing: 0.04em;
}

#queso2 .cls-18 {
  letter-spacing: 0.04em;
}

#queso2 .cls-19 {
  letter-spacing: 0.04em;
}

#queso2 .cls-20,
#queso2 .cls-22 {
  fill: #63852a;
}

#queso2 .cls-21 {
  letter-spacing: 0em;
}

#queso2 .cls-23,
#queso2 .cls-32,
#queso2 .cls-42,
#queso2 .cls-50,
#queso2 .cls-56 {
  font-size: 24px;
}

#queso2 .cls-23 {
  fill: #6a8d00;
}

#queso2 .cls-24,
#queso2 .cls-32 {
  letter-spacing: 0.05em;
}

#queso2 .cls-25 {
  letter-spacing: 0.04em;
}

#queso2 .cls-26 {
  letter-spacing: 0.05em;
}

#queso2 .cls-27 {
  letter-spacing: 0.05em;
}

#queso2 .cls-28,
#queso2 .cls-37,
#queso2 .cls-44,
#queso2 .cls-51,
#queso2 .cls-58 {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

#queso2 .cls-28 {
  stroke: #63852a;
}

#queso2 .cls-29,
#queso2 .cls-32,
#queso2 .cls-38 {
  fill: #009c73;
}

#queso2 .cls-30 {
  letter-spacing: 0em;
}

#queso2 .cls-31 {
  letter-spacing: 0.01em;
}

#queso2 .cls-33 {
  letter-spacing: -0.01em;
}

#queso2 .cls-34 {
  letter-spacing: 0.04em;
}

#queso2 .cls-35 {
  letter-spacing: 0.05em;
}

#queso2 .cls-36 {
  letter-spacing: 0em;
}

#queso2 .cls-37 {
  stroke: #009c73;
}

#queso2 .cls-39,
#queso2 .cls-40,
#queso2 .cls-42 {
  fill: #ff7f14;
}

#queso2 .cls-41 {
  letter-spacing: 0em;
}

#queso2 .cls-43 {
  letter-spacing: 0.04em;
}

#queso2 .cls-44 {
  stroke: #ff7f14;
}

#queso2 .cls-45,
#queso2 .cls-50,
#queso2 .cls-52 {
  fill: #ffbf00;
}

#queso2 .cls-46 {
  letter-spacing: 0.01em;
}

#queso2 .cls-47 {
  letter-spacing: 0.01em;
}

#queso2 .cls-48 {
  letter-spacing: 0.01em;
}

#queso2 .cls-49 {
  letter-spacing: 0.01em;
}

#queso2 .cls-51 {
  stroke: #ffbf00;
}

#queso2 .cls-53,
#queso2 .cls-59 {
  fill: #85b300;
}

#queso2 .cls-54 {
  letter-spacing: 0em;
}

#queso2 .cls-55 {
  letter-spacing: -0.02em;
}

#queso2 .cls-56 {
  fill: #86b200;
  letter-spacing: 0.05em;
}

#queso2 .cls-57 {
  letter-spacing: 0.05em;
}

#queso2 .cls-58 {
  stroke: #86b200;
}

#queso3 .cls-1 {
  letter-spacing: 0em;
}

#queso3 .cls-2 {
  stroke: #00766e;
}

#queso3 .cls-2,
#queso3 .cls-3,
#queso3 .cls-4 {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

#queso3 .cls-5 {
  letter-spacing: .04em;
}

#queso3 .cls-6 {
  letter-spacing: .04em;
}

#queso3 .cls-7 {
  letter-spacing: .05em;
}

#queso3 .cls-8 {
  letter-spacing: .05em;
}

#queso3 .cls-9 {
  letter-spacing: -.01em;
}

#queso3 .cls-10 {
  letter-spacing: 0em;
}

#queso3 .cls-11 {
  letter-spacing: .05em;
}

#queso3 .cls-12 {
  letter-spacing: .02em;
}

#queso3 .cls-13 {
  font-size: 62px;
}

#queso3 .cls-13,
#queso3 .cls-14,
#queso3 .cls-15,
#queso3 .cls-16 {
  font-family: GothamCondensed-Black, 'Gotham Condensed';
  font-weight: 800;
}

#queso3 .cls-13,
#queso3 .cls-17 {
  fill: #8d6b56;
}

#queso3 .cls-3 {
  stroke: #94b101;
}

#queso3 .cls-18 {
  letter-spacing: .02em;
}

#queso3 .cls-19 {
  letter-spacing: .01em;
}

#queso3 .cls-14,
#queso3 .cls-15,
#queso3 .cls-16 {
  font-size: 24px;
}

#queso3 .cls-14,
#queso3 .cls-20 {
  fill: #94b101;
}

#queso3 .cls-15,
#queso3 .cls-21 {
  fill: #b8a40e;
}

#queso3 .cls-22 {
  letter-spacing: .04em;
}

#queso3 .cls-23 {
  letter-spacing: .01em;
}

#queso3 .cls-20,
#queso3 .cls-24,
#queso3 .cls-17,
#queso3 .cls-21 {
  font-family: LibreFranklin, 'Libre Franklin';
  font-size: 12px;
  font-weight: 300;
}

#queso3 .cls-24,
#queso3 .cls-16 {
  fill: #00766e;
}

#queso3 .cls-25 {
  letter-spacing: .03em;
}

#queso3 .cls-26 {
  letter-spacing: .04em;
}

#queso3 .cls-27 {
  letter-spacing: 0em;
}

#queso3 .cls-28 {
  letter-spacing: .05em;
}

#queso3 .cls-29 {
  letter-spacing: .01em;
}

#queso3 .cls-30 {
  letter-spacing: 0em;
}

#queso3 .cls-31 {
  letter-spacing: .01em;
}

#queso3 .cls-32 {
  letter-spacing: .02em;
}

#queso3 .cls-4 {
  stroke: #b8a40e;
}

#queso3 .cls-33 {
  letter-spacing: .05em;
}

#queso3 .cls-34 {
  letter-spacing: .01em;
}

/* Graf 1*/

#graf_1 .cls-1 {
  letter-spacing: 0em;
}

#graf_1 .cls-2 {
  stroke: #90ca81;
  stroke-linecap: square;
}

#graf_1 .cls-2,
#graf_1 .cls-3,
#graf_1 .cls-4,
#graf_1 .cls-5,
#graf_1 .cls-6,
#graf_1 .cls-7 {
  stroke-linejoin: round;
}

#graf_1 .cls-2,
#graf_1 .cls-3,
#graf_1 .cls-4,
#graf_1 .cls-5,
#graf_1 .cls-6,
#graf_1 .cls-7,
#graf_1 .cls-8 {
  fill: none;
}

#graf_1 .cls-2,
#graf_1 .cls-3,
#graf_1 .cls-4,
#graf_1 .cls-5,
#graf_1 .cls-7,
#graf_1 .cls-8 {
  stroke-width: 4px;
}

#graf_1 .cls-9 {
  letter-spacing: 0em;
}

#graf_1 .cls-10 {
  letter-spacing: .01em;
}

#graf_1 .cls-11 {
  letter-spacing: .01em;
}

#graf_1 .cls-12 {
  letter-spacing: -.09em;
}

#graf_1 .cls-13 {
  letter-spacing: .01em;
}

#graf_1 .cls-3 {
  stroke-dasharray: 0 0 7.44 2.44;
}

#graf_1 .cls-3,
#graf_1 .cls-4,
#graf_1 .cls-5 {
  stroke: #3e87c9;
}

#graf_1 .cls-14 {
  letter-spacing: .01em;
}

#graf_1 .cls-4 {
  stroke-dasharray: 0 0 11.81 11.81;
}

#graf_1 .cls-15 {
  letter-spacing: -.03em;
}

#graf_1 .cls-16 {
  letter-spacing: .01em;
}

#graf_1 .cls-17 {
  letter-spacing: .02em;
}

#graf_1 .cls-18 {
  letter-spacing: 0em;
}

#graf_1 .cls-19 {
  letter-spacing: -.01em;
}

#graf_1 .cls-20 {
  letter-spacing: .02em;
}

#graf_1 .cls-21 {
  font-size: 10px;
}

#graf_1 .cls-21,
#graf_1 .cls-22 {
  fill: #454545;
  font-family: 'LibreFranklin';
  font-weight: 500;
}

#graf_1 .cls-23 {
  letter-spacing: 0em;
}

#graf_1 .cls-6 {
  stroke: #bdbdbd;
  stroke-width: .78px;
}

#graf_1 .cls-7 {
  stroke: #d1a23f;
}

#graf_1 .cls-24 {
  letter-spacing: .01em;
}

#graf_1 .cls-22 {
  font-size: 10.35px;
}

#graf_1 .cls-8 {
  stroke: #eb5f4f;
}

#graf_1 .cls-25 {
  letter-spacing: 0em;
}

#graf_2 .cls-1 {
  stroke: #90ca81;
  stroke-linecap: square;
}

#graf_2 .cls-1,
#graf_2 .cls-2,
#graf_2 .cls-3,
#graf_2 .cls-4,
#graf_2 .cls-5 {
  fill: none;
}

#graf_2 .cls-1,
#graf_2 .cls-2,
#graf_2 .cls-3,
#graf_2 .cls-5 {
  stroke-linejoin: round;
}

#graf_2 .cls-1,
#graf_2 .cls-2,
#graf_2 .cls-4,
#graf_2 .cls-5 {
  stroke-width: 4px;
}

#graf_2 .cls-6 {
  letter-spacing: 0em;
}

#graf_2 .cls-7 {
  letter-spacing: .01em;
}

#graf_2 .cls-8 {
  letter-spacing: .01em;
}

#graf_2 .cls-9 {
  letter-spacing: .01em;
}

#graf_2 .cls-10 {
  letter-spacing: .01em;
}

#graf_2 .cls-2 {
  stroke-dasharray: 0 0 7.44 2.44;
}

#graf_2 .cls-2,
#graf_2 .cls-5 {
  stroke: #3e87c9;
}

#graf_2 .cls-11 {
  letter-spacing: .01em;
}

#graf_2 .cls-12 {
  letter-spacing: .01em;
}

#graf_2 .cls-13 {
  letter-spacing: .02em;
}

#graf_2 .cls-14 {
  letter-spacing: -.01em;
}

#graf_2 .cls-15 {
  letter-spacing: 0em;
}

#graf_2 .cls-16 {
  letter-spacing: .02em;
}

#graf_2 .cls-17 {
  font-size: 10px;
}

#graf_2 .cls-17,
#graf_2 .cls-18 {
  fill: #454545;
  font-family: 'LibreFranklin';
  font-weight: 500;
}

#graf_2 .cls-3 {
  stroke: #bdbdbd;
  stroke-width: .78px;
}

#graf_2 .cls-19 {
  letter-spacing: .01em;
}

#graf_2 .cls-18 {
  font-size: 10.35px;
}

#graf_2 .cls-4 {
  stroke: #eb5f4f;
}

#graf_2 .cls-5 {
  stroke-dasharray: 0 0 12.13 12.13;
}

#contLegend {
  margin-top: 40px;
  max-width: 690px;
  width: 100%;
}

#legendGraf2 {
  width: 50%;
}

#legendGraf1 .cls-1 {
  letter-spacing: -.01em;
}

#legendGraf1 .cls-2 {
  letter-spacing: 0em;
}

#legendGraf1 .cls-3 {
  stroke: #90ca81;
  stroke-linecap: square;
}

#legendGraf1 .cls-3,
#legendGraf1 .cls-4,
#legendGraf1 .cls-5,
#legendGraf1 .cls-6,
#legendGraf1 .cls-7,
#legendGraf1 .cls-8,
#legendGraf1 .cls-9 {
  fill: none;
}

#legendGraf1 .cls-3,
#legendGraf1 .cls-4,
#legendGraf1 .cls-5,
#legendGraf1 .cls-7,
#legendGraf1 .cls-9 {
  stroke-width: 4px;
}

#legendGraf1 .cls-3,
#legendGraf1 .cls-4,
#legendGraf1 .cls-7,
#legendGraf1 .cls-8,
#legendGraf1 .cls-9 {
  stroke-linejoin: round;
}

#legendGraf1 .cls-10 {
  letter-spacing: 0em;
}

#legendGraf1 .cls-11 {
  letter-spacing: .01em;
}

#legendGraf1 .cls-12 {
  letter-spacing: .01em;
}

#legendGraf1 .cls-13 {
  letter-spacing: .01em;
}

#legendGraf1 .cls-14 {
  letter-spacing: -.09em;
}

#legendGraf1 .cls-15 {
  letter-spacing: .01em;
}

#legendGraf1 .cls-4 {
  stroke-dasharray: 0 0 7.44 2.44;
}

#legendGraf1 .cls-4,
#legendGraf1 .cls-7 {
  stroke: #3e87c9;
}

#legendGraf1 .cls-16 {
  letter-spacing: -.03em;
}

#legendGraf1 .cls-17 {
  letter-spacing: .02em;
}

#legendGraf1 .cls-5 {
  stroke: #eb5b49;
}

#legendGraf1 .cls-18 {
  clip-path: url(#clippath);
}

#legendGraf1 .cls-19 {
  fill: #454545;
  font-family: LibreFranklin-medium, 'Libre Franklin';
  font-size: 10px;
  font-weight: 500;
}

#legendGraf1 .cls-20 {
  letter-spacing: 0em;
}

#legendGraf1 .cls-8 {
  stroke: #bdbdbd;
  stroke-width: .78px;
}

#legendGraf1 .cls-9 {
  stroke: #d1a23f;
}

#legendGraf1 .cls-21 {
  letter-spacing: .01em;
}

#legendGraf1 .cls-22 {
  letter-spacing: 0em;
}

#legendGraf2 .cls-1 {
  letter-spacing: -.01em;
}

#legendGraf2 .cls-2 {
  stroke: #90ca81;
  stroke-linecap: square;
}

#legendGraf2 .cls-2,
#legendGraf2 .cls-3,
#legendGraf2 .cls-4 {
  stroke-width: 4px;
}

#legendGraf2 .cls-2,
#legendGraf2 .cls-3,
#legendGraf2 .cls-4,
#legendGraf2 .cls-5,
#legendGraf2 .cls-6 {
  fill: none;
}

#legendGraf2 .cls-2,
#legendGraf2 .cls-3,
#legendGraf2 .cls-6 {
  stroke-linejoin: round;
}

#legendGraf2 .cls-7 {
  letter-spacing: 0em;
}

#legendGraf2 .cls-8 {
  letter-spacing: .01em;
}

#legendGraf2 .cls-9 {
  letter-spacing: .01em;
}

#legendGraf2 .cls-10 {
  letter-spacing: .01em;
}

#legendGraf2 .cls-3 {
  stroke: #3e87c9;
  stroke-dasharray: 0 0 7.44 2.44;
}

#legendGraf2 .cls-11 {
  letter-spacing: .02em;
}

#legendGraf2 .cls-4 {
  stroke: #eb5b49;
}

#legendGraf2 .cls-12 {
  clip-path: url(#clippath);
}

#legendGraf2 .cls-13 {
  fill: #454545;
  font-family: LibreFranklin-medium, 'Libre Franklin';
  font-size: 10px;
  font-weight: 500;
}

#legendGraf2 .cls-14 {
  letter-spacing: 0em;
}

#legendGraf2 .cls-6 {
  stroke: #bdbdbd;
  stroke-width: .78px;
}

#legendGraf2 .cls-15 {
  letter-spacing: .01em;
}

#graf1_scene1,
#graf1_scene2,
#graf1_scene3,
#graf2_scene2,
#graf2_scene3 {
  display: none;
}

.graf2Leg:hover,
.graf1Leg:hover {
  cursor: pointer;
}

#circuloVirt .cls-1 {
  fill: #fff;
}

/* Popup */

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.vic:hover,
.vir:hover {
  cursor: pointer
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px
}

th {
  font-family: LibreFranklin-Bold;
  background-color: #86b200;
  padding: 10px;
  border: 1px solid #c7c7c7;
  color: white
}

.firstCol {
  text-align: left;
  font-family: LibreFranklin-Bold;
}

.hiddenTd td {
  padding-top: 20px;
  padding-bottom: 19px;
}

td {
  text-align: center;
  padding: 10px;
  border: 1px solid #c7c7c7;
}

.popup {
  margin: 70px auto;
  padding: 47px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  /* transition: all 5s ease-in-out; */
  display: flex;
  flex-direction: column;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}

.popup .close:hover {
  color: #06D85F;
}

#imgPop {
  width: 100%;
  max-width: 200px;
  align-self: center;
  margin-bottom: 30px;
}

.popup #contentPop {
  max-height: 50%;
  overflow: auto;
}

.popup #contentPop p {
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}

#desp {
  display: flex;
  justify-content: center;
  margin: 60px 0;
}

#desp1 {
  max-width: 35px;
}

#desp1:hover {
  cursor: pointer;
}

#desp1 .cls-1 {
  fill: #fff;
}

#desp1 .cls-2 {
  fill: #86b200;
}

#desp1 .cls-3 {
  clip-path: url(#clippath);
}

#desp1 .cls-4, #desp1 .cls-5 {
  fill: none;
}

#desp1 .cls-5 {
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4px;
}