html {
	font-size: 20px;
}
.scrollmandatory {
  scroll-snap-type: y mandatory;
}
.scrollproximity {
  scroll-snap-type: y proximity;
}
#menu.conlogo #btlogo {
	animation: entrada-izquierda .4s forwards;
}
#menu ul#ulmenu {
	display: flex;
	transform: translateX(100vw);
}
#menu.conlogo #ulmenu {
	animation: entrada-derecha .4s forwards;
}

#menu.completo .menuint ul li {
	animation: entrada-derecha .3s forwards;
}
#menu .menuint ul li a {
	color: black;
    padding: 10px 30px;
    margin: 0 5px;
    text-decoration: none;
    border-radius: 90px;
    transition: all .5s;
}
.loader {
	top: calc(50vh + 130px);
}
#home .content {
	width: 80%;
}
#home #tag {
	font-size: 4.5em;
	font-weight: 700;
	line-height: 95px;
	transform: translateX(-100vw);
}
body.listo #home #tag {
	animation: entrada-izquierda .4s forwards;
}
body.listo #home.saliendo #logo {
	animation: entrada-izquierda .4s reverse;
	transform: translateX(100vw);
}
body.listo #home.saliendo #tag {
	animation: entrada-derecha .4s reverse;
}
.secuencia#animentrada {
	height: 300vh;
	position: relative;
}
.secuencia > .int{
	position: sticky;
	top: 0;
	height: 100vh;
}
.secuencia img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}
#experiencia .container {
    width: 100%;
    margin: 0 10px 0 5vw;
}
.txttipoexp {
	position: absolute;
	bottom: 0;
	z-index: 3;
	height: 100vh;
	display: flex;
	align-items: center;
}
.txttipoexp .int {
	width: calc(27vw - 20px);
	color: white;
}
#franja  {
	position: fixed;
	top: 0;
	width: 0;
	height: 100vh;
	background: var(--verde);
	z-index: 2;
}
.timeline {
	position: relative;
	z-index: 3;
}
.timeline .conttit {
	padding: 0 0 150px 0;
}
.timeline h3 {
	position: absolute;
	width: 40vw;
	left: calc(50% + 20px);
}
.timeline .momento {
	position: relative;
	display: flex;
	margin: -3vw 0;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.museo #franja {
	width: 33vw;
	height: 100vh;
    left: 0px;
    top: 0px;
    opacity: 1;
}
.museo .timeline {
	padding-bottom: 30vh;
}
.museo .timeline .momento {
	margin: 0;
}
.museo .timeline .momento .texto {
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
}
.museo .timeline .momento .foto {
	margin: -1vw 0;
}
.museo .timeline .texto h5 {
    font-size: 2em;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    color: white;
}
.timeline .fecha {
	font-family: 'Oswald', sans-serif;
	font-size: 3em;
	line-height: 1em;
	font-weight: 700;
	color: #ffffff73;
}
.timeline .icono {
	width: 110px;
	margin: auto;
	padding-bottom: 50px;
}
.timeline .texto h4 {
	font-size: 1.7em;
}
.raiz {
    color: #ffffff30;
    padding-left: 50%;
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-size: 35em;
    letter-spacing: -0.15em;
}
#animproporciones {
	height: 1100vh;
	position: relative;
}
#animproporciones h3 {
	width: 40%;
	padding-top: 100px;
}
#animproporciones > .int {
	position: sticky;
	top: 0;
	height: 100vh;
	z-index: 0;
}
#animproporciones > .int.prop {
	z-index: 2;
}
#animproporciones img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}
#animproporciones .svg {
	position: absolute;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
#animproporciones .svg text {
	font-family: 'Oswald';
	font-size: 6.5em;
	font-weight: 800;
	transform: translate(370px, 460px);
}
#contruedas {
    width: 76vw;
    height: calc(76vw / (2 * var(--raiz2)));
    left: 50%;
    top: 50%;
    transform: translate(-50%, -6.5vw);
}
#otros {
	padding-top: 100vh;
}
#otros .momento {

}
.timeline#otros .texto {
	width: 35%;
	z-index: 0;
}
.timeline#otros .foto {
	width: 65%;
	z-index: 1;
}
.timeline#otros .texto .int {
	padding: 0 5vw 0 10vw;
	border-bottom: 1px solid #ffffff4a;
}
#otros h4 {
	margin: 0 0 20px;
}
#configurala {
	height: 300px;
	position: relative;
}
#configurala h3 {
	text-align: center;
	width: 100%;
	top: 100%;
	color: #ffffff30;
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-size: 15em;
    text-transform: lowercase;
}
ul.colores {
	padding: 0;
	position: absolute;
	display: flex;
	width: 100%;
	top: calc(100vh - 110px);
	justify-content: center;
	margin: 0;

	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.opcolores img {
	position: absolute;
	height: auto;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
.opcolores .ruedas img {
	transform: translate(calc(50% - 400px), -50%);
}
.opcolores {
	height: 500vh;
	position: relative;
}
.opcolores > .int {
	position: sticky;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 0;
}
#cuero img {
	width: 70%;
}
#cuero h3 {
	padding-top: 70px;
	text-align: right;
}

#baterias {
	height: 400vh;
	position: relative;
}
#textobat {
    width: calc(20vw - 20px);
}
#baterias > .int {
	position: sticky;
	top: 0;
	height: 100vh;
	z-index: 0;
}
#baterias > .int .imgbat {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100vw;
	height: calc(100vh - 60px);
	background-position: center;
	background-size: cover;
}
#baterias > .int .imgbat#bat1 {
	opacity: 1;
}

#detalles {
	position: relative;
	z-index: 6;
}
#detalles .detalle {
	position: sticky;
	top: 0;
	width: 100vw;
	height: calc(100vh - 60px);
	background-position: center;
	background-size: cover;
}
#textodet {
	position: fixed;
	top: 90px;
	left: -50vw;
	padding-left: 5vw;
	width: 39%;
	text-shadow: 3px 3px 13px black;
	color: white;
	z-index: 7;
}
#animfaro {
	height: 300vh;
	position: relative;
}
#animfaro > .int {
	transform: translateX(12vh);
}
#textofaro {
	position: fixed;
	top: 50%;
	left: -50vw;
	transform: translateY(-50%);
	padding-left: 5vw;
	width: calc(20vw - 20px);
	color: white;
	z-index: 3;
}
#acelerador {
	height: 400vh;
	position: relative;
}
#acelerador > .int {
	position: sticky;
	top: 0;
	height: 100vh;
	z-index: 0;
}
#acelerador > .int .imgacelerador {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: calc(100vh - 60px);
	width: auto;
}
#acelerador .num {
	fill: #061445;
	font-family:'ds-digitalbold';
}
#acelerador .numgde {
	font-size:43px;
	text-align: right;
	text-anchor: end;
}
#acelerador .numchico {
	font-size:23px;
	letter-spacing:-0.8;
}
#textoacel {
	right: 5vw;
}
#textoacel .int {
    width: calc(35vw);
    color: black;
    text-align: right;
}
.imgseg {
	display: none;
}
#seguridad {
	height: calc(100vh - 60px);
	background-image: url(imagenes/seguridad.jpg);
	background-size: 70%;
	background-position: top right;
	background-repeat: no-repeat;
	scroll-snap-align: center;
	flex: none;
}
#resumen .intfijo {
	position: sticky;
	top: 0;
	width: 100vw;
	background: var(--cremita);
	z-index: 2;
	padding-bottom: 30px;
}
#resumen .intfijo .int {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 90vw;
	padding-bottom: 10px;
	margin: auto;
	border-bottom: 1px solid;
}
#resumen .intfijo .txt {
	width: 20vw;
}
#resumen .intfijo p {
	margin: 0;
	font-weight: 600;
	font-size: 1.5em;
}
#resumen .intfijo p.precio {
	font-size: 1.2em;
	margin: 0 auto;
}
#resumen .intfijo img {
	width: auto;
	height: auto;
	max-height: 50vh;
	margin: 0 20px 0 0;
}
.configurar .seccion {
	display: none;
}
.configurar .inst {
	margin-bottom: 5px;
	display: flex;
}
.configurar form label.checked {
	color: white;
	background: var(--verde);
}
.configurar .btwa {
    position: absolute;
}