/*
Theme Name: silencio x Dragoon x Álvaro González
Version: 1.0
Author: silencio
Theme URI: https://silencio.es
Description: silencio x Dragoon x Álvaro González
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.cdnfonts.com/css/arkhip');
@font-face {
  font-family: 'Thunder-Light';
  src: url('/wp-content/themes/alvaro/assets/fonts/Thunder-LightLC.otf') format('otf'), url('/wp-content/themes/alvaro/assets/fonts/Thunder-LightLC.woff2') format('woff2');
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Thunder';
  src: url('/wp-content/themes/alvaro/assets/fonts/Thunder-LC.otf') format('otf'), url('/wp-content/themes/alvaro/assets/fonts/Thunder-LC.woff2') format('woff2');
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Thunder-Bold';
  src: url('/wp-content/themes/alvaro/assets/fonts/Thunder-BoldLC.otf') format('otf'), url('/wp-content/themes/alvaro/assets/fonts/Thunder-BoldLC.woff2') format('woff2');
  font-style: normal;
  font-stretch: normal;
}
/*************PRELOAD***************/
#desktop{
	display: none;
}
#preloader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 999999999;
  background: white;
  transition: 1s ease;
}
#preloader.off {
  opacity: 0;
  pointer-events: none;
}
/*************COOKIES***************/
/*************GENERALES***************/
* {
  margin: 0;
  padding: 0;
}
:root {
  --texto: 4.5vw;
  --principal: #262626;
  --ocre: #b38b59;
}
body {
  font-family: 'Light';
  font-size: var(--p1);
  color: #fff;
  user-select: none;
  background: white;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  width: 100%;
  height: auto;
}
p {
  color: var(--principal);
  font-family: 'Thunder-Light';
  font-weight: lighter;
  font-size: var(--texto);
}
section {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
h1 {
  color: var(--principal);
  text-transform: uppercase;
  font-family: Arkhip;
  font-size: 15vw;
  width: 100vw;
  text-align: center;
  font-weight: lighter;
  line-height: 1;
}
/*************Header***************/
header {
  position: fixed;
  top: 0;
  z-index: 9;
}
#logo {
  width: 20vw;
  padding: 6vw;
}
#menu {
  width: 10vw;
  height: 3vw;
  margin: 5vw;
  position: absolute;
  left: 40vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  top: 7vw;
}
#menu span {
  width: 10vw;
  height: 0.8vw;
  background: var(--ocre);
  position: relative;
  display: block;
}
#idioma {
  width: 12vw;
  height: 7.5vw;
  margin: 5vw 5vw;
  position: absolute;
  left: 40vw;
  top: 0;
}
#menu-idioma {
  color: var(--principal);
  display: flex;
  font-family: 'Thunder';
}
#menu-idioma li {
  padding: 0 2vw;
}
#menu-idioma li:first-child {
  border-right: 1px solid;
}
.current-language-menu-item {
  font-family: 'Thunder-Bold';
}
.translatepress-es_ES #menu-idioma {
  flex-direction: row-reverse;
}
.translatepress-es_ES #menu-idioma li {
  padding: 0 2vw;
  border-right: 1px solid;
}
.translatepress-es_ES #menu-idioma li:first-child {
  border-right: 0px solid;
}
.translatepress-en_GB #menu-idioma {
	position: relative;
	left: -2vw;
}
#menu-home {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  transition: 1.5s ease;
  transform: translateY(-100vh);
  background: url(/wp-content/themes/alvaro/assets/img/menubg.jpg);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
#menu-home.on {
  transform: translateY(0);
}
#menu-home #logomenu {
  filter: invert(1);
  opacity: .15;
  position: absolute;
  bottom: 0;
  transform: translateY(80vw);
  transition: 1s ease;
}
#menu-home.on #logomenu {
  transform: translateY(0);
}
#titulos {
  font-family: 'Thunder';
  font-size: 14vw;
  text-transform: uppercase;
  padding: 5vw;
  margin-top: 35vw;
  position: relative;
  line-height: .9;
  perspective: 100vw;
}
#titulos li {
  transform: rotate3d(1, 0, 0, -90deg);
  transition: 1s ease;
  transition-delay: 400ms;
}
#menu-home.on #titulos li {
  transform: rotate3d(0, 0, 0, -90deg);
}
#iconos {
  display: flex;
  width: 48vw;
  position: relative;
  margin-left: 3vw;
}
.cerrar {
  position: absolute;
  z-index: 999;
  margin: 5vw;
  width: 10vw;
  height: 10vw;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cerrar span {
  width: 10vw;
  position: absolute;
  height: 1vw;
  background: var(--ocre);
  transform: rotate(45deg);
}
.cerrar span:first-child {
  transform: rotate(-45deg);
}
/*************First***************/
#background {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  z-index: 99999;
  mix-blend-mode: lighten;
  top: 0;
  opacity: 1;
  background-size: cover;
  background-position: center;
  filter: saturate(0.5);
  pointer-events: none;
}
#background iframe {
  width: 100vw;
  height: calc(100vw * (9/16));
  min-height: 100vh;
  min-width: calc(100vh * (16/9));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .5s ease;
}
#background.on iframe {
  opacity: 1;
}
#first p {
  width: 40vw;
  padding: 5vw;
  top: 40vw;
  position: absolute;
}
#alv, #gonz {
  color: var(--ocre);
  font-family: 'Thunder-Light';
  font-weight: lighter;
  text-transform: uppercase;
  position: absolute;
  top: 97vw;
  left: 5vw;
  letter-spacing: 4vw;
	    height: 5vw;
    padding-top: 1.2vw;
}
#gonz {
  top: 104vw;
  left: 13vw;
}
#principal {
  position: absolute;
  left: -40vw;
  width: 273vw;
  top: -10vw;
  pointer-events: none;
  transform: translateX(100vw);
  transition: 1s ease;
}
#principal.on {
  transform: translateX(0);
}
#fondo {
  z-index: -1;
  position: fixed;
  width: 300vw;
  animation: lineas 15s infinite linear;
}
@keyframes lineas {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-164.2vw);
  }
}
#particles {
  position: absolute;
  width: 130vw;
  left: -50vw;
  top: 98vw;
  opacity: .2;
  opacity: .5;
  z-index: 9;
}
#particles img {
  transform: translateX(-50vw);
  transition: 1s ease;
}
#particles.on img {
  transform: translateX(0);
}
#first {
  height: 210vw;
  position: fixed;
  top: 0;
}
#first h1 {
  top: 150vw;
  position: absolute;
  transform: translateY(60vw);
  transition: 1s ease;
}
#first h1.on {
  transform: translateY(0);
}
#alv, #gonz, #logo, #first p {
  opacity: 0;
  transition: 1s opacity ease;
}
#alv.on, #gonz.on, #logo.on, #first.on p {
  opacity: 1;
}
/*************Second***************/
#second {
  height: 163vw;
  overflow: visible;
  position: relative;
  margin-top: 210vw;
}
#secondbg {
  height: 163vw;
  width: 100vw;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  z-index: 9;
}
#secondbginner {
  height: 180vw;
  width: 100vw;
  position: absolute;
  background: url(/wp-content/themes/alvaro/assets/img/actually_fondo.jpg);
  background-size: cover;
  background-position: center;
  transform: translateY(-24vw)
}
#aplauso {
  width: 82vw;
  left: 0;
  position: absolute;
  top: -19vw;
  z-index: 99999;
  overflow: hidden;
  height: 182vw;
  pointer-events: none;
}
#aplauso img {
  left: -23vw;
  position: absolute;
  transform: translateX(-50vw);
}
#second h1 {
  position: relative;
  color: white;
  transform: translateX(40vw);
}
#secondtit {
  width: 100vw;
  overflow: hidden;
  height: 20vw;
  position: relative;
  top: 20vw;
  z-index: 9;
}
#secondcontent {
  position: absolute;
  width: 40vw;
  padding: 5vw;
  left: 50vw;
  top: 59vw;
  z-index: 9;
}
#alescudo {
  width: 16vw;
  position: absolute;
  top: -22vw;
  right: 5vw;
}
#second h2 {
  font-family: 'Thunder-Bold';
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 10vw;
  margin-bottom: 2vw;
}
#second p {
  color: white;
}
#secondcontent ul {
  display: flex;
  margin-top: 2vw;
  left: -3.5vw;
  position: relative;
  width: 44vw;
}
#secondcontent .link {
  font-family: 'Thunder-Bold';
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 9vw;
  width: 50vw;
  left: -5vw;
  position: relative;
  margin-top: 3vw;
  color: var(--ocre);
}
#secondcontent .link span {
  font-family: system-ui;
  color: white;
}
/*************Third***************/
#third {
  background: #0b0b0b;
  z-index: 99999;
  height: 196vw;
}
#sep {
  position: absolute;
  top: -3vw;
  z-index: 999;
}
#teles {
  mix-blend-mode: lighten;
  z-index: -1;
  position: absolute;
  animation: teles 3s infinite;
  transform: translateY(-35vw);
}
@keyframes teles {
  0% {
    opacity: 1;
  }
  10% {
    opacity: .3;
  }
  15% {
    opacity: .6;
  }
  20% {
    opacity: .8;
  }
  30% {
    opacity: .3;
  }
  50% {
    opacity: .5;
  }
  55% {
    opacity: .1;
  }
  70% {
    opacity: .3;
  }
  80% {
    opacity: .6;
  }
  95% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cara {
  0% {
    filter: brightness(1.2);
  }
  10% {
    filter: brightness(.6);
  }
  15% {
    filter: brightness(.8);
  }
  20% {
    filter: brightness(1);
  }
  30% {
    filter: brightness(.6);
  }
  50% {
    filter: brightness(.8);
  }
  55% {
    filter: brightness(.6);
  }
  70% {
    filter: brightness(.6);
  }
  80% {
    filter: brightness(.8);
  }
  95% {
    filter: brightness(.8);
  }
  100% {
    filter: brightness(1.2);
  }
}
#teles img {
  width: 144vw;
  left: -22vw;
  position: relative;
}
#third h1 {
  color: var(--ocre);
  text-align: left;
  padding: 4vw;
  width: 92vw;
  position: absolute;
  top: 70vw;
  transform: translateY(-50vw);
}
#business1 {
  position: absolute;
  top: 27vw;
  width: 100vw;
  right: -27vw;
  animation: cara 3s infinite;
}
#business2 {
  position: absolute;
  top: 22vw;
  width: 165vw;
  right: -11vw;
  z-index: -1;
  animation: cara 3s infinite;
}
#business2 div {
  width: 100%;
  background: linear-gradient(0deg, #0b0b0b, transparent);
  height: 40vw;
  position: absolute;
  bottom: 0;
}
#thirdtext {
  width: 50vw;
  padding: 5vw;
  position: absolute;
  top: 102vw;
}
#thirdtext p {
  color: white;
}
/***************GALERY***************/
#gallery {
  background: url(/wp-content/themes/alvaro/assets/img/textura_gallery_optimizada.jpg);
  background-size: contain;
  background-position: center center;
  z-index: 9;
  height: 197vw;
  perspective: 100vw;
  -webkit-transform: translate3d(0, 0, 0);
}
.img {
  width: 80vw;
  margin: 10vw;
  height: 142vw;
  transition: .5s ease;
  -webkit-transition: .5s ease;
  position: absolute;
  z-index: 9;
  top: 45vw;
  background-size: cover;
  background-position: center;
  transform-style: preserve-3d;
}
#imgprin {
  transform: translate3d(-152vw, -83vw, -247vw) rotate3d(0, 1, 0, 45deg) scale(.5);
  -webkit-transform: translate3d(-152vw, -83vw, -247vw) rotate3d(0, 1, 0, 45deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/principal.jpg);
}
#img1 {
  transform: translate3d(-152vw, -72vw, 0) rotate3d(0, 1, 0, 45deg) scale(.25) scale(.5);
  -webkit-transform: translate3d(-152vw, -266vw, -247vw) rotate3d(0, 1, 0, 45deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/1.jpg);
}
#img2 {
  transform: translate3d(152vw, -144vw, -247vw) rotate3d(0, 1, 0, -45deg) scale(.5);
  -webkit-transform: translate3d(152vw, -144vw, -247vw) rotate3d(0, 1, 0, -45deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/2.jpg);
}
#img3 {
  transform: translate3d(146vw, 46vw, -247vw) rotate3d(0, 1, 0, -45deg) scale(.5);
  -webkit-transform: translate3d(146vw, 46vw, -247vw) rotate3d(0, 1, 0, -45deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/3.jpg);
}
#img4 {
  transform: translate3d(-146vw, 80vw, -247vw) rotate3d(0, 1, 0, 45deg) scale(.5);
  -webkit-transform: translate3d(-146vw, 80vw, -247vw) rotate3d(0, 1, 0, 45deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/4.jpg);
}
#img5 {
  transform: translate3d(-135vw, 235vw, -247vw) rotate3d(0, 1, 0, 45deg) scale(.5);
  -webkit-transform: translate3d(-135vw, 235vw, -247vw) rotate3d(0, 1, 0, 45deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/5.jpg);
}
#img6 {
  transform: translate3d(-18vw, 232vw, -247vw) rotate3d(0, 1, 0, 10deg) scale(.5);
  -webkit-transform: translate3d(-18vw, 232vw, -247vw) rotate3d(0, 1, 0, 10deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/6.jpg);
}
#img7 {
  transform: translate3d(-74vw, 300vw, -247vw) rotate3d(0, 1, 0, -25deg) scale(.5);
  -webkit-transform: translate3d(-74vw, 300vw, -247vw) rotate3d(0, 1, 0, -25deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/7.jpg);
}
#img8 {
  transform: translate3d(89vw, 198vw, -247vw) rotate3d(0, 1, 0, -15deg) scale(.5);
  -webkit-transform: translate3d(89vw, 198vw, -247vw) rotate3d(0, 1, 0, -15deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/8.jpg);
}
#img9 {
  transform: translate3d(128vw, 288vw, -247vw) rotate3d(0, 1, 0, -35deg) scale(.5);
  -webkit-transform: translate3d(128vw, 288vw, -247vw) rotate3d(0, 1, 0, -35deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/9.jpg);
}
#img10 {
  transform: translate3d(89vw, 354vw, -247vw) rotate3d(0, 1, 0, -15deg) scale(.5);
  -webkit-transform: translate3d(89vw, 354vw, -247vw) rotate3d(0, 1, 0, -15deg) scale(.5);
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/10.jpg);
}
.img.on {
  transform: translate3d(0, 0, -15vw) rotate3d(0, 0, 0, 0deg) !important;
  -webkit-transform: translate3d(0, 0, -15v) rotate3d(0, 0, 0, 0deg) !important;
  transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  top: 30vw;
}
#gallery h1 {
  color: var(--ocre);
  margin-top: 12vw;
}
/***************ME***************/
#me {
  height: 150vw;
  z-index: 9;
}
#memas {
  color: white;
  z-index: 99;
  position: absolute;
  font-family: 'Thunder-Bold';
  font-size: 6vw;
  width: 40vw;
  left: 59vw;
  top: 60vw;
transition: 1s ease;
}
#memas.out {
	transform: translateX(-100vw);
}
#mas {
  color: var(--ocre);
  font-size: 17vw;
  margin-top: 4vw;
  font-family: 'Thunder';
}
#mebg {
  background: url(/wp-content/themes/alvaro/assets/img/ME_fondo.jpg);
  background-position: -110%;
  background-size: cover;
  height: 180vw;
  position: absolute;
  top: 0;
  width: 100vw;
  transform: translateY(-30vw);
}
#sillon {
  position: absolute;
  width: 100vw;
  z-index: 9;
  transform: translateX(-20vw);
  top: 13vw;
}
#me h1 {
  position: absolute;
  z-index: 9;
  color: var(--ocre);
}
#meaux {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  z-index: 999999;
  background: #000000ad;
  transform: translateX(100vw);
  transition: 1s ease;
}
#meaux.on {
  transform: translateX(0);
}
#meauxin{
    color: white;
    width: 45vw;
    left: 50vw;
    position: absolute;
    top: 22vw;
}
#meauxin p{
	color: white;
}
#origen{
	    color: var(--ocre);
    font-family: 'Thunder-Bold';
    font-size: 12vw;
    margin-top: 10vw;
    margin-bottom: 3vw;
}
/***************RRSS***************/
#rrss {
  background: url(/wp-content/themes/alvaro/assets/img/RRSS_1.jpg);
  height: 65vw;
  background-position: center;
  background-size: cover;
  overflow: visible;
  z-index: 9;
}
#sep2 {
  position: absolute;
  top: -3vw;
}
#rrss h1 {
  position: absolute;
  width: auto;
  bottom: 0;
  right: 0;
  padding: 5vw;
  line-height: 0.6;
  color: var(--ocre);
}
#rrss ul {
  position: absolute;
  display: flex;
  width: 40vw;
  bottom: 18vw;
  right: 4vw;
}
/***************Footer***************/
#links {
  height: 110vw;
  overflow: hidden;
  background: white;
}
#logobg {
  position: absolute;
  opacity: .05;
  width: 130vw;
  top: -7vw;
animation: logobg 3s infinite ease;
}
@keyframes logobg{
  0% {
    opacity: .05;
  }
  10% {
     opacity: .02;
  }
  15% {
    opacity: .04;
  }
  20% {
    opacity: .01;
  }
  30% {
    opacity: .05;
  }
  50% {
    opacity: .02;
  }
  55% {
    opacity: .03;
  }
  70% {
     opacity: .05;
  }
  80% {
     opacity: .01;
  }
  95% {
    opacity: .03;
  }
  100% {
     opacity: .05;
  }
}
#particles2 {
  width: 140vw;
  position: absolute;
  top: 149vw;
}
#footer {
  width: 100vw;
  height: 14vw;
  background: var(--principal);
  z-index: 9;
  position: relative;
  display: flex;
  font-size: 85%;
}
#footer ul {
  display: flex;
  font-family: 'Thunder-Light';
  align-items: center;
  text-transform: uppercase;
  margin-left: 2vw;
}
#footer li {
  padding: 1vw;
  margin-top: 0.4vw;
}
#links ul {
  color: var(--principal);
  font-family: 'Thunder-Bold';
  font-size: 13vw;
  padding: 10vw 17vw;
  line-height: 1.2;
  z-index: 999;
  position: absolute;
	    display: flex;
    flex-direction: column;
}
#links ul a{
	transform: translateY(80vw);
}
#logo2 {
  width: 12vw;
  position: absolute;
  left: 46vw;
  top: 2vw;
}
#powered {
  position: absolute;
  right: 1vw;
  padding: 2vw;
  font-family: 'Thunder-Light';
  text-transform: uppercase;
  margin-top: 1.5vw;
}
#powered div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#powered img {
  width: 23vw;
  margin-top: 0.5vw;
}
/*************Trayectoria***************/
#traycetoriadeg {
  position: absolute;
  width: 100vw;
  height: 50vw;
  background: linear-gradient(180deg, black, black, transparent);
  top: 97vw;
  opacity: 1;
}
.trayectoria {
  background: url(/wp-content/themes/alvaro/assets/img/fondo_espacio.jpg);
  background-size: 244vw;
  background-position: -50vw -50vw;
}
.trayectoria header {
  position: absolute;
}
#trayectprin {
  height: 97vw;
  width: 100vw;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.camiseta, .camisetab {
  position: absolute;
  top: 0;
  width: 115vw;
  opacity: 0;
  transition: 800ms ease;
  z-index: 9;
}
.camiseta.on {
  opacity: 1;
}
.camisetab {
  opacity: 1;
  z-index: 0;
}
#escudos {
  display: flex;
  position: absolute;
  top: 23vw;
  padding: 4vw;
  flex-direction: column;
  width: 20vw;
  z-index: 99;
}
#escudos div {
  opacity: .3;
  transform: scale(.75);
  transition: 500ms ease;
}
#escudos div.on {
  opacity: 1;
  transform: scale(.9);
}
#contenidoequipos {
  min-height: 95vw;
  position: relative;
  width: 72vw;
  left: 28vw;
  top: -20vw;
}
.contenidoequipo {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 4vw;
  position: absolute;
  overflow: visible;
}
.contenidoequipo h3 {
  font-family: 'Thunder';
  text-transform: uppercase;
  font-size: 12vw;
  z-index: 9;
  text-align: left;
color: white;
}
#desc {
  font-family: 'Thunder';
  position: absolute;
  top: -35vw;
}
.cifra{
	opacity: 0;
}
#maincifras {
  padding: 6vw;
}
#maincifras p, .cifra p {
  padding-top: 0 !important;
  color: var(--ocre) !important;
  text-transform: uppercase;
  width: 19vw !important;
}
#min, #partidos {
  font-size: 20vw;
  font-family: 'Thunder-Bold';
}
#copa {
  width: 9vw;
  position: absolute;
  top: 44.5vw;
  left: 46vw;
}
#copa img {
  margin-bottom: 2vw;
}
#copa p {
  width: 20vw;
}
#cifrasabajo, #cifrasabajo2 {
  display: flex;
  position: relative;
  left: -21vw;
  width: 86vw;
  justify-content: space-between;
}
#landinginfo {
  height: 150vw;
}
.cifra {
  width: 20vw;
}
#cifrasabajo {
  border-top: 1px solid;
  padding-top: 11vw;
  margin-top: -8vw;
}
.year {
  font-family: 'Thunder';
  font-size: 5vw;
  color: var(--ocre);
  z-index: 9;
  margin-top: 2vw;
}
.separador {
  width: 9vw;
  min-height: 2px;
  position: relative;
  background: var(--ocre);
  top: 2vw;
  z-index: 9;
}
.contenidoequipo p {
  color: white;
  text-align: left;
  padding: 7vw;
  padding-left: 0;
  z-index: 9;
  width: 50vw;
  position: relative;
}
.numgrande {
  font-family: 'Thunder-Bold';
  font-size: 23vw;
  color: var(--ocre);
  margin-top: 5vw;
  z-index: 9;
}
.num {
  font-family: 'Thunder-Bold';
  font-size: 9vw;
}
#row {
  display: flex;
  justify-content: space-between;
  width: 57vw;
  margin-top: 2vw;
}
.subt {
  font-family: 'Thunder-Light';
  text-transform: uppercase;
  font-size: 4vw;
  z-index: 9;
  margin-bottom: 10vw;
  width: auto;
  text-align: left;
  position: relative;
}
.trayectoria #footer {
  background: white;
  color: var(--principal);
}
.trayectoria #powered img {
  filter: invert(1);
  opacity: .7;
}
.equipoimg {
  position: absolute;
  top: 46vw;
  width: 30vw;
  right: 0;
  opacity: .7;
}
.numeros {
  display: flex;
  width: 73vw;
  flex-wrap: wrap;
}
.numero {
  display: flex;
  flex-direction: column;
  margin-right: 18vw;
  width: 18vw;
}
.numero.left {
  left: 36vw;
  position: relative;
}
#racingcont {
  height: 130vw;
}
#zaragozacont {
  height: 137vw;
  overflow: hidden;
}
#olympiccont{
	height: 175vw;
}
#seleccgcont {
  height: 120vw;
}
.contenidoequipo.on {
  display: flex;
  position: relative;
}
#seleccgcont .equipoimg {
  top: 83vw;
  width: 46vw;
  right: 25vw;
}
#zaragozacont .equipoimg {
  top: 24vw;
  left: auto;
  right: -15vw;
  width: 59vw;
}
#espanyolcont .equipoimg {
  right: 0;
  left: auto;
  top: 8vw;
  width: 37vw;
}
#villarreallcont .equipoimg {
  top: 92vw;
  width: 51vw;
  left: -22vw;
}
#alnassrcont .equipoimg {
  position: absolute;
  top: 76vw;
  width: 50vw;
  left: auto;
  right: 0;
}
#olympiccont p {
  width: 36vw;
}
.numeros.olymp {
  position: relative;
  left: -18vw;
  width: 90vw;
}
.numeros.olymp .numero {
  margin-right: 15vw;
  width: 15vw;
}
#olympiccont .equipoimg {
  top: 15vw;
  width: 38vw;
}
/***************SWIPER***************/
.swiper {
  padding: 12vw !important;
}
.swiper-cards .swiper-slide {
  background: gray;
  height: 136vw;
  background-size: cover;
  background-position: center;
  filter: grayscale(1);
  border-radius: 2vw;
	box-shadow: 1vw 1vw 1vw #00000029;
}
#simg0 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/principal.jpg);
}
#simg1 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/1.jpg);
}
#simg2 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/2.jpg);
}
#simg3 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/3.jpg);
}
#simg4 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/4.jpg);
}
#simg5 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/5.jpg);
}
#simg6 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/6.jpg);
}
#simg7 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/7.jpg);
}
#simg8 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/8.jpg);
}
#simg9 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/9.jpg);
}
#simg10 {
  background-image: url(/wp-content/themes/alvaro/assets/img/retrato/10.jpg);
}
/***************COOKIES***************/
.cky-notice-des p{
	    line-height: .95;
    font-size: var(--texto);
}
.cky-notice-btn-wrapper{
	font-family: 'arkhip';
}
h5{
	    font-family: 'Thunder-Light';
    color: var(--principal);
    text-transform: uppercase;
    font-size: 8vw;
	padding: 4vw;
}
.wpb-content-wrapper{
	    padding: 4vw;
    width: 92vw;
	height: auto;
}
.wpb-content-wrapper p{
	margin-bottom: 3vw;
}
.wpb-content-wrapper strong{
	display: block;
	font-family: 'Thunder';
	margin-top: 10vw;
}
#logointerior{
	    width: 30vw;
    padding: 4vw;
}
#cerrarint{
	    width: 10vw;
    height: 10vw;
    background: var(--principal);
    position: absolute;
    top: 0;
    right: 0;
    margin: 5vw;
    border-radius: 10vw;
	    display: flex;
    justify-content: center;
    align-items: center;
}
#cerrarint span{
	    width: 6vw;
    height: .7vw;
    position: absolute;
    background: white;
    transform: rotate(45deg);
}
#cerrarint span:first-child{
	transform: rotate(-45deg);
}
/***************IPAD VERTICAL***************/
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {
  :root {
    --p0: 5vw;
    --p1: 2.5vw;
    --grande: 12vw;
    --peque: 2vw;
  }
}
/***ESCRITORIO***/
@media only screen and (min-width: 1200px) {
  :root {
    --p0: 2.5vw;
    --p1: 1vw;
    --peque: .8vw;
    --grande: 6vw;
  }
	#desktop{
	z-index: 9999999999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: black;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/wp-content/themes/alvaro/assets/img/ver_version_movil_2.jpg);
    background-position: center;
    background-size: cover;
	}
	#desktop div{
	font-family: 'arkhip';
    text-transform: uppercase;
    width: 20vw;
    text-align: center;
    margin-top: 28vw;
	}
}
/***MOVIL HORIZONTAL***/
@media screen and (max-device-width:440px) and (orientation: landscape) {}