:root{--circle-center-center-out:circle(0%);--circle-center-center-in:circle(125%);--circle-hesitate:circle(40%);--circle-top-left-out:circle(0% at top left);--circle-top-right-out:circle(0% at top right);--circle-bottom-right-out:circle(0% at bottom right);--circle-bottom-left-out:circle(0% at bottom left);--circle-top-left-in:circle(150% at top left);--circle-top-right-in:circle(150% at top right);--circle-bottom-right-in:circle(150% at bottom right);--circle-bottom-left-in:circle(150% at bottom left);--wipe-in:inset(0 0 0 0);--wipe-bottom:inset(100% 0 0 0);--wipe-left:inset(0 100% 0 0);--wipe-top:inset(0 0 100% 0);--wipe-right:inset(0 0 0 100%);--wipe-top-left-in:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);--wipe-top-right-in:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);--wipe-bottom-left-in:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);--wipe-bottom-right-in:polygon(-50% 0%,200% 0,0 200%,0 -50%);--wipe-top-left-out:polygon(0 0,0 0,0 0,0 50%);--wipe-top-right-out:polygon(50% -50%,150% 50%,150% 50%,50% -50%);--wipe-bottom-left-out:polygon(-50% 50%,50% 150%,50% 150%,-50% 50%);--wipe-bottom-right-out:polygon(150% 50%,150% 50%,50% 150%,50% 150%);--wipe-cinematic-out:inset(100% 0 100% 0);--wipe-cinematic-mid:inset(10% 0 10% 0);--square-hesitate:inset(33% 33% 33% 33%);--square-out:inset(100% 100% 100% 100%);--square-in:var(--wipe-in);--square-top-left-out:inset(0 100% 100% 0);--square-top-right-out:inset(0 0 100% 100%);--square-bottom-left-out:inset(100% 100% 0 0);--square-bottom-right-out:inset(100% 0 0 100%);--diamond-center-in:polygon(-50% 50%,50% -50%,150% 50%,50% 150%);--diamond-center-out:polygon(50% 50%,50% 50%,50% 50%,50% 50%);--diamond-hesitate:polygon(45% 50%,50% 25%,55% 50%,50% 75%);--opposing-corners-in:polygon(0 0,0 100%,100% 100%,100% 0);--opposing-corners-out:polygon(0 0,50% 50%,100% 100%,50% 50%)}[transition-style]{animation-delay:var(--transition__delay,0);animation-duration:var(--transition__duration,2.5s);animation-timing-function:var(--transition__easing,cubic-bezier(.25,1,.3,1));animation-fill-mode:both;will-change:clip-path}@media (prefers-reduced-motion:reduce),print{[transition-style]{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}}@keyframes wipe-out-top{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-top);clip-path:var(--wipe-top)}}[transition-style="out:wipe:top"],[transition-style="out:wipe:up"]{animation-name:wipe-out-top}@keyframes wipe-out-right{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-right);clip-path:var(--wipe-right)}}[transition-style="out:wipe:right"]{animation-name:wipe-out-right}@keyframes wipe-out-bottom{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-bottom);clip-path:var(--wipe-bottom)}}[transition-style="out:wipe:bottom"],[transition-style="out:wipe:down"]{animation-name:wipe-out-bottom}@keyframes wipe-out-left{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-left);clip-path:var(--wipe-left)}}[transition-style="out:wipe:left"]{animation-name:wipe-out-left}@keyframes wipe-in-top{0%{-webkit-clip-path:var(--wipe-top);clip-path:var(--wipe-top)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:down"],[transition-style="in:wipe:top"]{animation-name:wipe-in-top}@keyframes wipe-in-right{0%{-webkit-clip-path:var(--wipe-left);clip-path:var(--wipe-left)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:right"]{animation-name:wipe-in-right}@keyframes wipe-in-bottom{0%{-webkit-clip-path:var(--wipe-bottom);clip-path:var(--wipe-bottom)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:bottom"],[transition-style="in:wipe:up"]{animation-name:wipe-in-bottom}@keyframes wipe-in-left{0%{-webkit-clip-path:var(--wipe-right);clip-path:var(--wipe-right)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:left"]{animation-name:wipe-in-left}@keyframes wipe-in-top-right{0%{-webkit-clip-path:var(--wipe-bottom-left-out);clip-path:var(--wipe-bottom-left-out)}to{-webkit-clip-path:var(--wipe-top-right-in);clip-path:var(--wipe-top-right-in)}}[transition-style="in:wipe:top-right"]{animation-name:wipe-in-top-right}@keyframes wipe-in-top-left{0%{-webkit-clip-path:var(--wipe-bottom-right-out);clip-path:var(--wipe-bottom-right-out)}to{-webkit-clip-path:var(--wipe-top-left-in);clip-path:var(--wipe-top-left-in)}}[transition-style="in:wipe:top-left"]{animation-name:wipe-in-top-left}@keyframes wipe-in-bottom-right{0%{-webkit-clip-path:var(--wipe-top-left-out);clip-path:var(--wipe-top-left-out)}to{-webkit-clip-path:var(--wipe-bottom-right-in);clip-path:var(--wipe-bottom-right-in)}}[transition-style="in:wipe:bottom-right"]{animation-name:wipe-in-bottom-right}@keyframes wipe-in-bottom-left{0%{-webkit-clip-path:var(--wipe-top-right-out);clip-path:var(--wipe-top-right-out)}to{-webkit-clip-path:var(--wipe-bottom-left-in);clip-path:var(--wipe-bottom-left-in)}}[transition-style="in:wipe:bottom-left"]{animation-name:wipe-in-bottom-left}@keyframes wipe-out-top-right{0%{-webkit-clip-path:var(--wipe-bottom-left-in);clip-path:var(--wipe-bottom-left-in)}to{-webkit-clip-path:var(--wipe-top-right-out);clip-path:var(--wipe-top-right-out)}}[transition-style="out:wipe:top-right"]{animation-name:wipe-out-top-right}@keyframes wipe-out-top-left{0%{-webkit-clip-path:var(--wipe-bottom-right-in);clip-path:var(--wipe-bottom-right-in)}to{-webkit-clip-path:var(--wipe-top-left-out);clip-path:var(--wipe-top-left-out)}}[transition-style="out:wipe:top-left"]{animation-name:wipe-out-top-left}@keyframes wipe-out-bottom-right{0%{-webkit-clip-path:var(--wipe-top-left-in);clip-path:var(--wipe-top-left-in)}to{-webkit-clip-path:var(--wipe-bottom-right-out);clip-path:var(--wipe-bottom-right-out)}}[transition-style="out:wipe:bottom-right"]{animation-name:wipe-out-bottom-right}@keyframes wipe-out-bottom-left{0%{-webkit-clip-path:var(--wipe-top-right-in);clip-path:var(--wipe-top-right-in)}to{-webkit-clip-path:var(--wipe-bottom-left-out);clip-path:var(--wipe-bottom-left-out)}}[transition-style="out:wipe:bottom-left"]{animation-name:wipe-out-bottom-left}@keyframes wipe-cinematic-out{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}30%,70%{-webkit-clip-path:var(--wipe-cinematic-mid);clip-path:var(--wipe-cinematic-mid)}to{-webkit-clip-path:var(--wipe-cinematic-out);clip-path:var(--wipe-cinematic-out)}}[transition-style="out:wipe:cinematic"]{animation-name:wipe-cinematic-out}@keyframes wipe-cinematic-in{0%{-webkit-clip-path:var(--wipe-cinematic-out);clip-path:var(--wipe-cinematic-out)}30%,70%{-webkit-clip-path:var(--wipe-cinematic-mid);clip-path:var(--wipe-cinematic-mid)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:cinematic"]{animation-name:wipe-cinematic-in}@keyframes circle-in-hesitate{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}40%{-webkit-clip-path:var(--circle-hesitate);clip-path:var(--circle-hesitate)}to{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}}[transition-style="in:circle:hesitate"]{animation-name:circle-in-hesitate}@keyframes circle-out-hesitate{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}40%{-webkit-clip-path:var(--circle-hesitate);clip-path:var(--circle-hesitate)}to{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}}[transition-style="out:circle:hesitate"]{animation-name:circle-out-hesitate}@keyframes circle-in-center{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}}[transition-style="in:circle:center"]{animation-name:circle-in-center}@keyframes circle-out-center{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}}[transition-style="out:circle:center"]{animation-name:circle-out-center}@keyframes circle-out-top-left{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-top-left-out);clip-path:var(--circle-top-left-out)}}[transition-style="out:circle:top-left"]{--transition__duration:1.5s;animation-name:circle-out-top-left}@keyframes circle-out-top-right{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-top-right-out);clip-path:var(--circle-top-right-out)}}[transition-style="out:circle:top-right"]{--transition__duration:1.5s;animation-name:circle-out-top-right}@keyframes circle-out-bottom-left{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-bottom-left-out);clip-path:var(--circle-bottom-left-out)}}[transition-style="out:circle:bottom-left"]{--transition__duration:1.5s;animation-name:circle-out-bottom-left}@keyframes circle-out-bottom-right{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-bottom-right-out);clip-path:var(--circle-bottom-right-out)}}[transition-style="out:circle:bottom-right"]{--transition__duration:1.5s;animation-name:circle-out-bottom-right}@keyframes circle-in-top-left{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-top-left-in);clip-path:var(--circle-top-left-in)}}[transition-style="in:circle:top-left"]{animation-name:circle-in-top-left}@keyframes circle-in-top-right{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-top-right-in);clip-path:var(--circle-top-right-in)}}[transition-style="in:circle:top-right"]{animation-name:circle-in-top-right}@keyframes circle-in-bottom-left{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-bottom-left-in);clip-path:var(--circle-bottom-left-in)}}[transition-style="in:circle:bottom-left"]{animation-name:circle-in-bottom-left}@keyframes circle-in-bottom-right{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-bottom-right-in);clip-path:var(--circle-bottom-right-in)}}[transition-style="in:circle:bottom-right"]{animation-name:circle-in-bottom-right}@keyframes square-in-hesitate{0%{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}40%{-webkit-clip-path:var(--square-hesitate);clip-path:var(--square-hesitate)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:hesitate"]{animation-name:square-in-hesitate}@keyframes square-out-hesitate{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}40%{-webkit-clip-path:var(--square-hesitate);clip-path:var(--square-hesitate)}to{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}}[transition-style="out:square:hesitate"]{animation-name:square-out-hesitate}@keyframes square-in-center{0%{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:center"]{animation-name:square-in-center}@keyframes square-out-center{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}}[transition-style="out:square:center"]{animation-name:square-out-center}@keyframes square-out-top-left{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-top-left-out);clip-path:var(--square-top-left-out)}}[transition-style="out:square:top-left"]{--transition__duration:1.5s;animation-name:square-out-top-left}@keyframes square-out-top-right{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-top-right-out);clip-path:var(--square-top-right-out)}}[transition-style="out:square:top-right"]{--transition__duration:1.5s;animation-name:square-out-top-right}@keyframes square-out-bottom-left{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-bottom-left-out);clip-path:var(--square-bottom-left-out)}}[transition-style="out:square:bottom-left"]{--transition__duration:1.5s;animation-name:square-out-bottom-left}@keyframes square-out-bottom-right{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-bottom-right-out);clip-path:var(--square-bottom-right-out)}}[transition-style="out:square:bottom-right"]{--transition__duration:1.5s;animation-name:square-out-bottom-right}@keyframes square-in-top-left{0%{-webkit-clip-path:var(--square-bottom-right-out);clip-path:var(--square-bottom-right-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:top-left"]{animation-name:square-in-top-left}@keyframes square-in-top-right{0%{-webkit-clip-path:var(--square-bottom-left-out);clip-path:var(--square-bottom-left-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:top-right"]{animation-name:square-in-top-right}@keyframes square-in-bottom-left{0%{-webkit-clip-path:var(--square-top-right-out);clip-path:var(--square-top-right-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:bottom-left"]{animation-name:square-in-bottom-left}@keyframes square-in-bottom-right{0%{-webkit-clip-path:var(--square-top-left-out);clip-path:var(--square-top-left-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:bottom-right"]{animation-name:square-in-bottom-right}@keyframes polygon-in-opposing-corners{0%{-webkit-clip-path:var(--opposing-corners-out);clip-path:var(--opposing-corners-out)}to{-webkit-clip-path:var(--opposing-corners-in);clip-path:var(--opposing-corners-in)}}[transition-style="in:polygon:opposing-corners"]{--transition__duration:1.5s;animation-name:polygon-in-opposing-corners}@keyframes polygon-out-opposing-corners{0%{-webkit-clip-path:var(--opposing-corners-in);clip-path:var(--opposing-corners-in)}to{-webkit-clip-path:var(--opposing-corners-out);clip-path:var(--opposing-corners-out)}}[transition-style="out:polygon:opposing-corners"]{--transition__duration:1.5s;animation-name:polygon-out-opposing-corners}@keyframes diamond-in-center{0%{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}to{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}}[transition-style="in:diamond:center"]{--transition__duration:1.5s;animation-name:diamond-in-center}@keyframes diamond-out-center{0%{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}to{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}}[transition-style="out:diamond:center"]{--transition__duration:1.5s;animation-name:diamond-out-center}@keyframes diamond-in-double-scale{0%{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}40%{-webkit-clip-path:var(--diamond-hesitate);clip-path:var(--diamond-hesitate)}to{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}}[transition-style="in:diamond:hesitate"]{--transition__duration:1.5s;animation-name:diamond-in-double-scale}@keyframes diamond-out-double-scale{0%{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}40%{-webkit-clip-path:var(--diamond-hesitate);clip-path:var(--diamond-hesitate)}to{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}}[transition-style="out:diamond:hesitate"]{--transition__duration:1.5s;animation-name:diamond-out-double-scale}
@keyframes circle-in-hesitate {
	0% {
	  clip-path: circle(0%);
	}
	40% {
	  clip-path: circle(40%);
	}
	100% {
	  clip-path: circle(125%);
	}
}
[transition-style="in:circle:hesitate"] {
	animation: 1s cubic-bezier(.25, 1, .30, 1) circle-in-hesitate both;
  }

@keyframes circle-out-hesitate {
	0% {
	  clip-path: circle(125%);
	}
	40% {
	  clip-path: circle(40%);
	}
	100% {
	  clip-path: circle(0%);
	}
}
.out-animation {
	animation: 1s cubic-bezier(.25, 1, .30, 1) circle-out-hesitate both;
}
.out-animation2 {
	animation: .5s cubic-bezier(.25, 1, .30, 1) circle-out-hesitate both;
}

@font-face {
	font-family: 'chopin-medium-italic';
	src: url('/Chopin-Trial-MediumItalic.9a497d1b.otf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'chopin-extralight';
	src: url('/Chopin-Trial-ExtraLight.c4ed5e0a.otf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'chopin-medium';
	src: url('/Chopin-Trial-Medium.fd0a4508.otf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'chopin';
	src: url('/Chopin-Trial-Regular.dad2ff09.otf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'josefin-light';
	src: url('/JosefinSans-Light.30dac6e0.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'josefin';
	src: url('/JosefinSans-Regular.a0978ad3.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

body {
	--color-text: #4a525e;
	--color-bg: #121a27;
	--color-link: #b2366f;
	--color-link-hover: #fff;
	--color-gallery-title: #4a525e;
	--color-gallery-number: #e92525;
	--color-gallery-link: #fff;
	--color-gallery-link-bg: red;
	--color-gallery-link-hover: red;
	--color-gallery-link-bg-hover: #fff;
	--color-gallery-text: #e95499;
	--cursor-stroke: none;
	--cursor-fill: #79e2e6;
	--cursor-stroke-width: 1px;

	transition: all 3s;
}

.home {
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 100vw;
	height: 100vh;
}
.home-img-content{
	display: flex;
	position: absolute;
	top: 5vh;
	width: 100%;
	justify-content: center;
}
.home-img {
	width: 30%;
	margin: 0 auto;
}
.img-fondo {
	position: fixed;
	width: 100vw;
	height: auto;
	transform: scale(1.4, 1.4);
	transition: transform 5s ease-out, filter .5s ease-out;
}
.img-fondo-end {
	transform: scale(1.2, 1.2);
}
.home-info {
	width: 100vw;
	height: 100%;
	padding: 19vh 20% 30px 30px;
	/* background-color: rgba(0, 0, 0, .5); */
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1));
}
.home-title {
	width: 40%;
	font-family: chopin-extralight;
	font-size: 4rem;
	color: aliceblue;
	text-shadow: .05em .05em 0 hsl(0, 0%, 0%);
}
.home-text {
	width: 40%;
	padding-top: 15px;
	color: aliceblue;
	font-family: josefin-light;
	font-size: 1.7rem;
	transform: translate(0, -100px);
	
}
.tope {
	width: 100vw;
	height: 100vh;
	transition: .7s all ease;
	animation:bounce-right .9s linear both;
}
.tope2 {
	width: 20vw;
	height: 100vh;
}

svg{
	margin: 0;
	padding: 0;
  width: 600px;
  height: 100px;
  display: block;
  position: relative;
  overflow: hidden; 
  margin: 0 auto;
  transform: translate(0, -100px);
}

/* Menú hamburguesa */
.top-nav {
	position: fixed;
	right: 10px;
	top: 5vh;
	width: 25%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	/* background-color: #00BAF0; */
	/* background: linear-gradient(to left, #f46b45, #eea849); */
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #FFF;
	height: 50px;
	padding: 1em;
	z-index: 100000;
  }
  
  .menu {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	margin-top: 50px;
	left: 0;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
  }
  
  #menu-toggle ~ .menu a {
	  height: 0;
	  margin: 0;
	  padding: 0;
	  border: 0;
	  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	#menu-toggle:checked ~ .menu a {
	  border: 1px solid #333;
	  height: 3em;
	  padding: 0.5em;
	  transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
	}
  
  .menu > a {
	overflow: hidden;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 5em 0;
	width: 100%;
	color: white;
	background-color: #222;
	cursor: pointer;
	font-family: chopin-medium;
	font-size: 1.2rem;
  }

  .menu > a:hover {
	background-color: #ed5d5d;
  }
  
  
  .menu-button-container {
	position: relative;
	right: 0;
	display: flex;
	height: 100%;
	width: 30px;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }
  
  #menu-toggle {
	display: none;
  }
  
  .menu-button,
  .menu-button::before,
  .menu-button::after {
	display: block;
	background-color: #fff;
	position: absolute;
	height: 4px;
	width: 30px;
	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 2px;
  }
  
  .menu-button::before {
	content: '';
	margin-top: -8px;
  }
  
  .menu-button::after {
	content: '';
	margin-top: 8px;
  }
  
  #menu-toggle:checked + .menu-button-container .menu-button::before {
	margin-top: 0px;
	transform: rotate(405deg);
  }
  
  #menu-toggle:checked + .menu-button-container .menu-button {
	background: rgba(255, 255, 255, 0);
  }
  
  #menu-toggle:checked + .menu-button-container .menu-button::after {
	margin-top: 0px;
	transform: rotate(-405deg);
  }
  
  .menu > a:not(:last-child) {
	  border-bottom: 1px solid #444;
	}
  
  @media (max-width: 700px) {

	.top-nav {
		right: 0px;
		top: 10vh;
		width: 100%;
	}

	.menu > a {
		font-size: 1.5rem;
	}

	
   
  }
  /* Fin menú hamburguesa */

.gallery {
	display: flex;
	padding-top: 47vh;
	padding-right: 12vw;
}

.gallery__item {
	margin: 0 3vw;
	display: grid;
	grid-template-areas: '... gallery-title' 
						 '... gallery-image'
						 '... ...' ;
	grid-template-columns: 8rem 21vmax;
	grid-template-rows: 4rem 28vmax 3rem;
}

.gallery__item-img {
	grid-area: gallery-image;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	transform-origin: 50% 100%;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px, rgba(0, 0, 0, 0.5) 0px 6px 6px;
	border-radius: 20px;
}

.gallery__item-imginner {
	position: relative;
	background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 100%;
	background-color:#121a27;
}
.img-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1.3);
	transition: all .2s ease-in-out;
}
.list-themes {
	padding: 0;
	margin: 0;
	font-family: josefin-light;
	font-size: 2rem;
	color: aliceblue;
	list-style: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50px;
	left: 0;
	overflow: hidden;
	filter: opacity(0%);
	transition: all .25s ease-in-out;
}

.gallery__item-caption {
	grid-area: gallery-title;
}

.gallery__item-number {
	grid-area: gallery-number;
	font-size: 6rem;
	font-size: clamp(2.5rem,9vw,6.5rem);
	justify-self: end;
	padding-right: 2rem;
	color: var(--color-gallery-number);
}

.gallery__item-title {
	grid-area: gallery-title;
	margin: 0;
	font-size: 3rem;
	/* font-size: clamp(2rem,5vw,4rem); */
	color: var(--color-link-hover);
	width: 50%;
}

.gallery__item-number,
.gallery__item-title,
.gallery__text {
	font-family: chopin-medium-italic;
	font-weight: 800;
	font-style: italic;
	align-self: center;
}

.gallery__item-link:focus,
.gallery__item-link:hover {
	background: var(--color-gallery-link-bg-hover);
	color: var(--color-gallery-link-hover);
	text-decoration: none;
}

.gallery__item-tags {
	grid-area: gallery-tags;
	justify-self: end;
	font-size: 1.2rem;
	display: grid;
	grid-auto-flow: column;
	grid-gap: 1rem;
	font-family: josefin;
	color: aliceblue;
}

.gallery__text {
	font-size: 3vw;
	line-height: 0.8;
	margin: 0 10vw 0 14vw;
	text-transform: lowercase;
	font-family: josefin;
	font-style: normal;
	color: aliceblue;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.75);
	/* color: transparent; */
	/* -webkit-text-stroke: 1px var(--color-gallery-text); */
	/* text-stroke: 1px var(--color-gallery-text); */
	/* -webkit-text-fill-color: transparent; */
	/* text-fill-color: transparent; */
}

.gallery__text-inner {
	display: block;
}

.container-menu {
	position: fixed;
	left: 10px;
	top: 5vh;
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 1em;
	text-align: center;
	z-index: 1000;
	transition: filter .5s ease-out;
}
 .btn {
	 color: #fff;
	 cursor: pointer;
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 45px;
	 margin: 0 1.5em;
	 max-width: 160px;
	 position: relative;
	 text-decoration: none;
	 text-transform: uppercase;
	 width: 10vw;
	 transition: all .6 ease;
}
 .btn:hover {
	 text-decoration: none;
}
 .btn-4 {
	 border: 1px solid;
	 overflow: hidden;
	 position: relative;
}
 .btn-4 span {
	 z-index: 1020;
}
 .btn-4:after {
	 background: #fff;
	 content: "";
	 height: 155px;
	 left: -75px;
	 opacity: 0.2;
	 position: absolute;
	 top: -50px;
	 transform: rotate(35deg);
	 transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	 width: 50px;
	 z-index: 990;
}
 .btn-4:hover:after {
	 left: 120%;
	 transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 700px){
	body {
		width: 100vw;
		height: 100vh;
		position: absolute;
		overflow: scroll;
	}
	.container-menu {
		transition: all 1s ease-in-out;
	}
	.tope {
		width: 100vw;
		height: 90vh;
	}
	.img-fondo {
		transition: all 1s ease-in-out;
	}
    .gallery {
		display: flex;
		flex-direction: column;
		padding: 0;
	}

	.gallery__item {
		margin: 0 10vw;
		display: grid;
		grid-template-areas: 'gallery-title gallery-title' 
							 'gallery-image gallery-image'
							 '... ...' ;
		grid-template-columns: 50% 50%;
		grid-template-rows: 4rem 60vh 3rem;
		height: 80vh;
	}

	.gallery__item-title {
		grid-area: gallery-title;
		margin: 0;
		font-size: 2rem;
		/* font-size: clamp(2rem,5vw,4rem); */
		color: var(--color-link-hover);
		width: 100%;
	}

	.home {
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		transition: all 1s ease-in-out;
	}
	.home-info {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		height: 100%;
		padding: 15vh 5vw 0;
	}
	.home-img {
		width: 90%;
	}
	.home-title {
		width: 100%;
		text-align: center;
		position: relative;
		font-size: 10vw;
		margin: 0;
	}
	svg {
		margin: auto;
		position: relative;
		width: 80%;
		height: auto;
		/* left: 18%; */
		transform: translate(0, 0);
		/* top: -10%; */
	}
	.home-text {
		width: 100%;
		text-align: center;
		font-size: 3.3vh;
		position: relative;
		transform: translate(0, 4vh);
	}

	/* menu */
	.container-menu {
		width: 100%;
		right: 0;
		top: 9rem;
		padding: 0;
		 align-items: center;
		 display: flex;
		 justify-content: center;
		 padding: 1em;
		 text-align: center;
		 z-index: 1000;
	}
	 .btn {
		 color: #fff;
		 cursor: pointer;
		 font-size: 16px;
		 font-weight: 400;
		 line-height: 45px;
		 margin: 0 1.5em;
		 max-width: 160px;
		 position: relative;
		 text-decoration: none;
		 text-transform: uppercase;
		 width: 25vw;
		 transition: all .6 ease;
	}
	 .btn:hover {
		 text-decoration: none;
	}
	 .btn-4 {
		 border: 1px solid;
		 overflow: hidden;
		 position: relative;
		 width: 50%;
	}
	 .btn-4 span {
		 z-index: 1020;
	}
	 .btn-4:after {
		 background: #fff;
		 content: "";
		 height: 155px;
		 left: -75px;
		 opacity: 0.2;
		 position: absolute;
		 top: -50px;
		 transform: rotate(35deg);
		 transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		 width: 50px;
		 z-index: 990;
	}
	 .btn-4:hover:after {
		 left: 120%;
		 transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	}

	.gallery__text {
		font-size: 15vw;
		text-align: center;
	}
}

/* transiciones entre htmls */
/* body{
	margin: 0px;
	transition: all .3s;
}
body::after{
	content: '';
	width:100%;
	height: 100%;
	position: fixed;
	top: -100vw;
	left: 0;
	background: #fff;
	transition: all .3s;
}
.loading::after{
	top: 0;
} */

/*# sourceMappingURL=/demo4.7fb5a017.css.map */