.home {
  overflow: hidden;
}

.home #footer {
  display: none;
}

.home.countries .header a {
  color: #FFF;
  border-bottom: solid 1px #FFF;
}

.home.countries .header .logo {
  border: none;
}

.home__selector {
  bottom: 5%;
  display: flex;
  position: absolute;
  right: 5%;
  z-index: 20;
}

.home__selector div {
  border: solid 1px black;
  font-family: 'Variable_Black';
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
}

.home.countries #ubicacion {
  background: #000;
  color: #FFF;
}

.home.countries .home__description {
  background: transparent;
  display: block;
  color: #000;
  z-index: 40;
}

.home.nodes #temas {
  background: #000;
  color: #FFF;
}

.home #countries {
  align-items: center;
  justify-content: center;
  display: flex;
  background: #E03326;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.country_name {
  cursor: pointer;
}

.home .country_main {
  border-radius: 50%;
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-family: 'Variable_Black';
  text-align: center;
  height: 88%;
  width: 88%;
  margin: 6%;
  justify-content: center;
  hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}

.home .country_main p {
  font-size: 1.6rem;
  margin: 0;
}

.home .country_main.small p {
  font-size: 1.2rem;
}

.home .country_main .go-back {
  align-items: center;
  display: flex;
  font-size: 0.9rem;
  font-family: 'Variable_Bold';
}

.home .country_main .go-back img {
  filter: brightness(0);
  height: 0.6rem;
  margin-right: 5px;
}

.home .country_main:hover {
  background: #FFF;
  color: #E03326;
}

.home .country_main:hover .go-back img {
  filter: brightness(1);
}

.home #countries .chart-item {
  cursor: pointer;
  stroke: #FFF;
}

.home #countries .chart-text {
  fill: #000;
  cursor: pointer;
  font-size: 0.9rem
}

.home #countries .chart-text.font-150 {
  font-size: 0.7rem;
}

.home #countries .chart-item.active {
  stroke: #000;
}

.home #countries .chart-text.active {
  fill: #FFF;
}

.node {
  cursor: pointer;
}

.node.root,
.node.main {
  text-transform: uppercase;
}

.node {
  stroke: transparent;
}

.node__content.color0 {
  background: #CF4433;
  background: #000000;
}

.node__content.color0 * {
  color: #FFF;
}

.node__content.color1 {
  background: #FF934B;
  background: #A5A5A4
}

.node__content.color1 * {
  color: #FFF;
}

.node__content.color2 {
  background: #FFBE3E;
}

.node__content.color2 * {
  color: #000;
}

.node__content.color3 {
  background: #fceF7c;
}

.node__content.color3 * {
  color: #000;
}

.node__content.color4 {
  background: #A5A5A4;
  background: #FF934B;
}

.node__content.color4 * {
  color: #000;
}

.node__content.color5 {
  background: #000000;
  background: #CF4433;
}

.node__content.color5 * {
  color: #FFF;
}

.node.root .node__content,
.node.main .node__content {
  background: #FFF;
  border: solid 1px #E03326;
  color: #E03326;
}

.node.root .node__content *,
.node.main .node__content * {
  color: #E03326;
}

.node circle {
  fill: #fff;
}

.node__content {
  box-sizing: border-box;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.node__content .node__info {
  align-items: center;
  border-radius: 50%;
  display: flex;
  box-sizing: border-box;
  hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  justify-content: center;
  padding: 10%;
  height: 100%;
  width: 100%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.node__content.image {
  background: #FFF;
  overflow: hidden;
  margin: 0;
  width: 100%;
  height: 100%;
}

.node__content.image img {
  object-fit: contain;
  height: 90%;
  width: 90%;
}

.node__content p {
  hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  overflow: hidden;
  margin: 0;
  max-width: 90%;
}

.node text {
  font: 12px sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.node--internal text {
  text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}

.link {
  fill: none;
  stroke: #e7e7e7;
  stroke-width: 1px;
  transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.link.enable {
  fill: none;
  stroke: #E03326;
  stroke-width: 1px;
}

.link.hidden {
  fill: none;
  stroke: transparent;
  stroke-width: 1px;
}

path.link {
  fill: #000;
  stroke: #000;
  stroke-width: 3px;
}

path.link.hidden {
  fill: #FFF;
  stroke: #FFF;
  stroke-width: 3px;
}

.node__content.disable,
.node__content.disable .node__info {
  background: #F0EFEF !important;
  border: #F0EFEF !important;
  color: #BEBDBD !important;
}

.node.root .node__content *,
.node.root .node__content.disable {
  background-color: #FFF !important;
  border: #CF4433 !important;
}

.node__content.disable * {
  color: #BEBDBD !important;
}

svg#archiva-graph:hover {
  cursor: grab;
}

svg#archiva-graph:active {
  cursor: grabbing;
}

.circle-item,
.main-circle {
  transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  /* easeInOutQuart */

  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  /* easeInOutQuart */
  opacity: 0;
}

#countries,
.node {
  transition: opacity 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  /* easeInOutQuart */

  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  /* easeInOutQuart */
}

.node,
.link {
  opacity: 0;
}

.circle-item {
  transform: rotate(180deg);
  transform-origin: center center;
}

.circle-item.left {
  animation: rotation 50s infinite linear;
  transform-origin: center center;
}

.circle-item.right {
  animation: rotationRight 50s infinite linear;
  transform-origin: center center;
}


@keyframes rotation {
  from {
    transform: rotate(-180deg);
  }

  to {
    transform: rotate(180deg);
  }
}

@keyframes rotationRight {
  from {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(-180deg);
  }
}

.not-clickeable {
  pointer-events: none;
  cursor: not-allowed;
}

.home__description {
  background: #FFF;
  font-size: 1.2rem;
  display: none;
  color: #CDCDCD;
  position: absolute;
  left: 5%;
  bottom: 4%;
  z-index: -1;
  width: 30%;
}

.home__description p {
  margin: 0;
}

@media screen and (max-width: 768px) {

  .home .country_main p {
    font-size: 0.8rem;
  }

  .home .country_main.small p {
    font-size: 0.5rem;
  }

  .home .country_main .go-back {
    font-size: 0.5rem;
  }

  .home .country_main .go-back img {
    height: 0.4rem;
    margin-right: 5px;
  }

  .home.countries .header {
    background: transparent;
  }

  .home.countries .burger-menu img {
    filter: brightness(0);
  }

  .main-circle img {
    margin: 10%;
    height: 80%;
    width: 80%;
  }

  .home__selector {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 5%;
  }

  .home .country_main {
    font-size: 0.9rem;
  }

  .home .country_main.small {
    font-size: 0.7rem;
  }

  .home .home__description {
    display: none !important;
  }

  textPath {
    font-size: 8px;
  }

  .home__description {
    background: #FFF;
    font-size: 1.2rem;
    color: #CDCDCD;
    position: absolute;
    left: 10%;
    bottom: 5%;
    z-index: -1;
    width: 80%;
  }
}

@media screen and (min-width: 769px) {
  .home .header .logo {
    opacity: 0;
    pointer-events: none;
  }

  .popup-visible .header .logo {
    opacity: 1;
    pointer-events: all;
  }
}