/*  Scss  */
/*  Variables  */
/*  Fuentes  */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;900&display=swap");
@font-face {
  font-family: "LaRoja Ancha";
  src: url("../fonts/LaRoja-AnchaBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/LaRoja-AnchaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/LaRoja-AnchaBold.woff2") format("woff2"), url("../fonts/LaRoja-AnchaBold.woff") format("woff"), url("../fonts/LaRoja-AnchaBold.ttf") format("truetype"), url("../fonts/LaRoja-AnchaBold.svg") format("svg"); /* Legacy iOS */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "LaRoja Estrecha Bold";
  src: url("../fonts/LaRoja-EstrechaBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/LaRoja-EstrechaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/LaRoja-EstrechaBold.woff2") format("woff2"), url("../fonts/LaRoja-EstrechaBold.woff") format("woff"), url("../fonts/LaRoja-EstrechaBold.ttf") format("truetype"), url("../fonts/LaRoja-EstrechaBold.svg") format("svg"); /* Legacy iOS */
  font-weight: 800;
  font-style: bold;
}
@font-face {
  font-family: "LaRoja Estrecha Semibold";
  src: url("../fonts/LaRoja-EstrechaSemibold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/LaRoja-EstrechaSemibold.eot?#iefix") format("embedded-opentype"), url("../fonts/LaRoja-EstrechaSemibold.woff2") format("woff2"), url("../fonts/LaRoja-EstrechaSemibold.woff") format("woff"), url("../fonts/LaRoja-EstrechaSemibold.ttf") format("truetype"), url("../fonts/LaRoja-EstrechaSemibold.svg") format("svg"); /* Legacy iOS */
  font-weight: 400;
  font-style: normal;
}
/*  Estilos globales  */
body {
  -webkit-font-smoothing: antialiased;
  color: #333333;
  font-family: "LaRoja Estrecha Semibold";
  font-weight: 400;
  background: url("../img/fondo-bandera-escudo.jpg") no-repeat;
  background-position: center right;
  background-size: cover;
  padding: 0px;
}

footer {
  padding: 0px;
}

.back-timeline {
  position: absolute;
  z-index: 300;
  display: flex;
  justify-content: space-between;
  width: 100vw;
  height: 5.556vh;
  top: 3.889vh;
  right: 0;
  left: 0;
  padding: 0px 3.333vw;
  align-items: center;
}
.back-timeline .logo svg,
.back-timeline .back svg {
  height: 5.556vh;
}

#block-personalizado-local-tasks {
  position: absolute;
  z-index: 600;
  bottom: 0vh;
  height: 6vh;
  max-height: 7.407vh;
}
#block-personalizado-local-tasks .tabs-primary {
  margin: 0px;
  display: flex;
  align-items: flex-end;
  flex-direction: row !important;
  height: 6vh;
  max-height: 7.407vh;
}
#block-personalizado-local-tasks .tabs-primary ul {
  border-color: #FFC845;
  flex-direction: row !important;
}
#block-personalizado-local-tasks .tabs-primary ul .dropdown-toggle {
  display: none !important;
}
#block-personalizado-local-tasks .tabs-primary ul li {
  background: transparent;
  height: 5vh;
  max-height: 7.407vh;
}
#block-personalizado-local-tasks .tabs-primary ul li a {
  background: transparent;
  font-size: 1.481vh;
  font-family: "LaRoja Ancha";
  height: 5vh;
  max-height: 7.407vh;
  display: flex;
  align-items: center;
  padding: 1.111vh 1.25vw;
  color: #ffffff;
  border: solid 0.093vh transparent;
  border-bottom: solid 0.37vh transparent;
}
#block-personalizado-local-tasks .tabs-primary ul li a:hover {
  color: #FFC845;
  border: solid 0.093vh transparent;
  border-bottom: solid 0.37vh #FFC845;
}
#block-personalizado-local-tasks .tabs-primary ul li.active {
  background: transparent;
  height: 5vh;
  max-height: 7.407vh;
  border: solid 0.093vh transparent;
  border-bottom: solid 0.37vh transparent;
}
#block-personalizado-local-tasks .tabs-primary ul li.active a {
  background: #ffffff;
  font-size: 1.481vh;
  font-family: "LaRoja Ancha";
  height: 5vh;
  max-height: 7.407vh;
  display: flex;
  align-items: center;
  padding: 1.111vh 1.25vw;
  color: #333333;
  border: solid 0.093vh transparent;
  border-bottom: solid 0.37vh transparent;
}

.alert {
  position: absolute;
  width: 80vw;
  margin: auto;
  left: 0;
  right: 0;
  top: 11.111vh;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.296vh;
  z-index: 300;
}

a {
  color: #FFC845;
  transition: all 0.3s;
}
a:hover {
  color: #de9c00;
  text-decoration: none;
}
a:link {
  color: #FFC845;
  text-decoration: none;
}

p {
  font-size: 1.296vh;
}

main {
  padding-top: 1.481vh;
}

/*  Home  */
.path-frontpage {
  background: url("../img/fondo-bandera.jpg") no-repeat;
  background-position: center right;
  background-size: cover;
}
.path-frontpage main {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.path-frontpage main article a {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.path-frontpage main article a h1 {
  font-family: "LaRoja Estrecha Semibold";
  color: #FFC845;
  font-size: 8.889vh;
  text-align: center;
}
.path-frontpage main article a img {
  margin: -7vh auto 1.3vw !important;
  display: block;
  max-height: 37.037vh;
}

.path-timeline main #timeline {
  width: 90vw;
  margin: auto;
}
.path-timeline main #timeline .owl-nav {
  position: absolute;
  top: 25.95vh;
  width: 100%;
}
.path-timeline main #timeline .owl-nav .owl-prev {
  opacity: 1;
  position: absolute;
  left: -4.44vh;
  width: 4.44vh;
  height: 4.44vh;
  margin: 0px;
}
.path-timeline main #timeline .owl-nav .owl-prev span {
  font-size: 0px;
  background: url(../img/previous-arrow.svg) no-repeat;
  background-size: 4.44vh;
  width: 4.44vh;
  height: 4.44vh;
  display: block;
  padding: 2.22vh;
  opacity: 1;
  float: left;
}
.path-timeline main #timeline .owl-nav .owl-prev.disabled {
  display: none;
}
.path-timeline main #timeline .owl-nav .owl-next {
  opacity: 1;
  position: absolute;
  right: -4.44vh;
  float: right;
  width: 4.44vh;
  height: 4.44vh;
  margin: 0px;
}
.path-timeline main #timeline .owl-nav .owl-next span {
  font-size: 0px;
  background: url(../img/next-arrow.svg) no-repeat;
  background-size: 4.44vh;
  width: 4.44vh;
  height: 4.44vh;
  display: block;
  padding: 2.22vh;
  opacity: 1;
  float: right;
}
.path-timeline main #timeline .owl-nav .owl-next.disabled {
  display: none;
}
@media (max-width: 767.98px) {
  .path-timeline main #timeline .owl-nav {
    top: 25.2vh;
  }
}
.path-timeline main h1 {
  font-family: "LaRoja Estrecha Semibold";
  color: #FFC845;
  font-size: 4.444vh;
  text-align: center;
  letter-spacing: 0.286vw;
}
.path-timeline main .escudo-timeline {
  text-align: center;
  max-width: auto;
  max-height: 16.481vh;
  margin: 2.3vh auto 0.37vh;
}
.path-timeline main .escudo-timeline img {
  max-width: auto;
  height: 100%;
}
.path-timeline main .subtitulo {
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 2.222vh;
}
.path-timeline main .timeline-item-above {
  margin-bottom: 28.75vh;
  border-bottom: solid 0.37vh #FFC845;
  position: relative;
}
.path-timeline main .timeline-item-above::after {
  content: "";
  width: 4.444vh;
  height: 4.444vh;
  padding: 2.22vh;
  background: url(../img/Ellipse.svg) no-repeat;
  background-size: 4.444vh;
  background-position: center;
  position: absolute;
  margin: -2.22vh auto 0px;
  left: 0;
  right: 0;
}
.path-timeline main .timeline-item-above .wrapper-contenido {
  padding-bottom: 7.2vh;
}
.path-timeline main .timeline-item-above .wrapper-contenido span {
  bottom: 2.22vh;
}
.path-timeline main .timeline-item-below {
  margin-top: 28.75vh;
  border-top: solid 0.37vh #FFC845;
}
.path-timeline main .timeline-item-below::before {
  content: "";
  width: 4.444vh;
  height: 4.444vh;
  padding: 2.22vh;
  background: url(../img/Ellipse.svg) no-repeat;
  background-size: 4.444vh;
  background-position: center;
  position: absolute;
  margin: -2.22vh auto 0px;
  left: 0;
  right: 0;
}
.path-timeline main .timeline-item-below .wrapper-contenido {
  padding-top: 7.2vh;
}
.path-timeline main .timeline-item-below .wrapper-contenido span {
  top: 2.22vh;
}
.path-timeline main .wrapper-contenido {
  height: 28.75vh;
  margin: auto;
  display: block;
  position: relative;
}
.path-timeline main .wrapper-contenido span {
  font-size: 3.703vh;
  font-family: "LaRoja Estrecha Semibold";
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.path-timeline main .wrapper-contenido img {
  max-height: 100%;
  height: 100%;
  width: auto;
  margin: auto;
}

.path-listado-de-jugadores .back-timeline span {
  font-size: 2.222vh;
  font-family: "LaRoja Ancha";
  color: #FFC845;
  letter-spacing: 0.5vw;
  background: url(../img/Rojo.svg) no-repeat;
  background-size: 2.2vw;
  background-position: left center;
  padding-left: 3vw;
  height: 7.407vh;
  display: flex;
  align-items: center;
  padding-top: 1.1vh;
}
@media (max-width: 1199.98px) {
  .path-listado-de-jugadores .back-timeline span {
    font-size: 1.4vh;
    letter-spacing: 0.2vw;
    background: url(../img/Rojo.svg) no-repeat;
    background-size: 3.2vw;
    padding-left: 5vw;
    height: 4.44vh;
    padding-top: 1.1vh;
  }
}
.path-listado-de-jugadores .region-content {
  margin: 10vh auto 0px;
  width: 94vw;
}
.path-listado-de-jugadores .region-content h1 {
  display: none;
}
.path-listado-de-jugadores .region-content .view-listado-de-jugadores-por-fecha-de-debut .views-view-responsive-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.path-listado-de-jugadores .region-content .view-listado-de-jugadores-por-fecha-de-debut .views-view-responsive-grid .views-view-responsive-grid__item {
  padding: 0px 0.833vw 2.963vh;
}
.path-listado-de-jugadores .region-content .view-listado-de-jugadores-por-fecha-de-debut .views-view-responsive-grid .views-view-responsive-grid__item .jugador-teaser {
  width: 7.06vw;
  display: block;
  margin: auto;
}
.path-listado-de-jugadores .region-content .view-listado-de-jugadores-por-fecha-de-debut .views-view-responsive-grid .views-view-responsive-grid__item .jugador-teaser .imagen-jugador {
  filter: grayscale(1);
}
.path-listado-de-jugadores .region-content .view-listado-de-jugadores-por-fecha-de-debut .views-view-responsive-grid .views-view-responsive-grid__item .datos-jugador-listado {
  background: #E4002B;
  font-size: 1.852vh;
  height: 6.944vh;
  padding: 1.481vh 0.833vw;
  width: 7.06vw;
  display: block;
  margin: auto;
  letter-spacing: 0.07vw;
  line-height: 2vh;
}
@media (max-width: 1199.98px) {
  .path-listado-de-jugadores .region-content .view-listado-de-jugadores-por-fecha-de-debut .views-view-responsive-grid .views-view-responsive-grid__item .jugador-teaser {
    width: 11.06vw;
  }
  .path-listado-de-jugadores .region-content .view-listado-de-jugadores-por-fecha-de-debut .views-view-responsive-grid .views-view-responsive-grid__item .datos-jugador-listado {
    padding: 1.481vh 0.833vw;
    width: 11.06vw;
  }
}

.page-node-type-jugadores .back-timeline span {
  font-size: 2.222vh;
  font-family: "LaRoja Ancha";
  color: #FFC845;
  letter-spacing: 0.889vh;
  background: url(../img/Rojo.svg) no-repeat;
  background-size: 2.2vw;
  background-position: left center;
  padding-left: 3vw;
  height: 7.407vh;
  display: flex;
  align-items: center;
  padding-top: 1.1vh;
}
@media (max-width: 1199.98px) {
  .page-node-type-jugadores .back-timeline span {
    font-size: 1.4vh;
    letter-spacing: 0.2vw;
    background: url(../img/Rojo.svg) no-repeat;
    background-size: 3.2vw;
    padding-left: 5vw;
    height: 4.44vh;
    padding-top: 1.1vh;
  }
}
.page-node-type-jugadores .region-content {
  margin: 13vh auto 0px;
  width: 67vw;
}
.page-node-type-jugadores .region-content h1 {
  display: none;
}
.page-node-type-jugadores .region-content .jugadores .content {
  display: flex;
  justify-content: center;
}
.page-node-type-jugadores .region-content .jugadores .content .wrapper-img {
  width: 21vw;
  margin-right: 1.667vw;
}
.page-node-type-jugadores .region-content .jugadores .content .wrapper-img .nombre-jugador {
  letter-spacing: 0.533vh;
  color: #FFC845;
  font-size: 4.444vh;
  background: #E4002B;
  padding: 1.481vh 0.833vw;
  display: block;
  width: 100%;
}
.page-node-type-jugadores .region-content .jugadores .content .wrapper-jugador-info {
  width: 46vw;
}
.page-node-type-jugadores .region-content .jugadores .content .wrapper-jugador-info .nombre-jugador {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  letter-spacing: 0.533vh;
  color: #ffffff;
  font-size: 4.444vh;
  margin-bottom: 1.1vh;
}
.page-node-type-jugadores .region-content .jugadores .content .wrapper-jugador-info span {
  color: #FFC845;
  font-size: 1.042vw;
}
.page-node-type-jugadores .region-content .jugadores .content .wrapper-jugador-info .field {
  color: #ffffff;
  font-size: 2.964vh;
  line-height: 3vh;
  margin-bottom: 0.7vh;
}
@media (max-width: 1199.98px) {
  .page-node-type-jugadores .region-content {
    width: 94vw;
  }
  .page-node-type-jugadores .region-content .jugadores .content .wrapper-img {
    width: 40vw;
  }
  .page-node-type-jugadores .region-content .jugadores .content .wrapper-jugador-info {
    width: 54vw;
  }
}

.path-user main {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.path-user main label {
  color: #ffffff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}
.path-user main #edit-submit {
  color: #333333;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  background: #FFC845;
  border-color: #FFC845;
}
.path-user main .back-timeline span {
  font-size: 2.222vh;
  font-family: "LaRoja Ancha";
  color: #FFC845;
  letter-spacing: 0.5vw;
  background: url(../img/Rojo.svg) no-repeat;
  background-size: 2.2vw;
  background-position: left center;
  padding-left: 3vw;
  height: 7.407vh;
  display: flex;
  align-items: center;
  padding-top: 1.1vh;
}
@media (max-width: 1199.98px) {
  .path-user main .back-timeline span {
    font-size: 1.4vh;
    letter-spacing: 0.2vw;
    background: url(../img/Rojo.svg) no-repeat;
    background-size: 3.2vw;
    padding-left: 5vw;
    height: 4.44vh;
    padding-top: 1.1vh;
  }
}/*# sourceMappingURL=style.css.map */