@charset 'UTF-8';

/* Tipografías */

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.eot');
    font-weight: normal;
    font-style: normal;
}

/* Estilos generales */
:focus{
	outline:0px !important;
}
.t-center {
  text-align: center;
}

body {
  padding-top: 80px;
}

.titulo-dato {
  color: #000;
  font-family: "Georama", Sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: .5em;
}

.valor-dato {
  color: #000;
  font-family: "Georama", Sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 1em;
}

/* Cabecera de página */

#main-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.home {
  padding-top: 0 !important;
}

.home #main-header.active-fix {
  background: transparent !important;
}
.home #main-header.active-fix #logo-header img {
  filter: invert(1);
}
.home #main-header.active-fix a, .home #main-header.active-fix a:hover {
  color: #FFF !important;
}

.home #main-header.active-fix .menu-btn .line,
.home #main-header.active-fix .menu-btn .line::after,
.home #main-header.active-fix .menu-btn .line::before {
  background-color: #FFF;
  display: block;
  height: 2px;
  width: 30px;

}

.home #main-header.active-fix .menu-btn--is-active .line::after,
.home #main-header.active-fix .menu-btn--is-active .line::before {
  background-color: #FFF;
}
.home #main-header .menu-btn--is-active .line {
  transition: none !important;
}
.home #main-header .menu-btn--is-active .line {
  background-color: transparent !important;
}

body.opened #main-header {
  background: transparent !important;
}
body.opened #main-header #logo-header img {
  filter: invert(1);
}
body.opened #main-header a, body.opened #main-header a:hover {
  color: #FFF !important;
}

body.opened #main-header .menu-btn .line,
body.opened #main-header .menu-btn .line::after,
body.opened #main-header .menu-btn .line::before {
  background-color: #FFF;
  display: block;
  height: 2px;
  width: 30px;
}

body.opened #main-header .menu-btn--is-active .line::after,
body.opened #main-header .menu-btn--is-active .line::before {
  background-color: #FFF;
}

body.opened #main-header .menu-btn--is-active .line {
  background-color: transparent !important;
}

body:not(.home).opened #main-header {
  background: #000 !important;
}
body:not(.home).opened #main-header #logo-header img {
  filter: invert(1);
}
body:not(.home).opened #main-header a, .body:not(.home) #main-header a:hover {
  color: #FFF !important;
}

/* Pie de página */

@media (max-width: 767px) {
  #primary {
    max-width: 100vw;
    overflow-x: hidden;
  }
}