*,
*::before,
*::after,
::before,
::after
{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@font-face {
    font-family: 'Anguita Sans Black';
    src: url('../fonts/AnguitaSansBlackItRegular.eot');
    src: url('../fonts/AnguitaSansBlackItRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AnguitaSansBlackItRegular.woff2') format('woff2'),
        url('../fonts/AnguitaSansBlackItRegular.woff') format('woff'),
        url('../fonts/AnguitaSansBlackItRegular.ttf') format('truetype'),
        url('../fonts/AnguitaSansBlackItRegular.svg#AnguitaSansBlackItRegular') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DecimaMonoPro';
    src: url('../fonts/DecimaMonoPro-Bold.eot');
    src: url('../fonts/DecimaMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DecimaMonoPro-Bold.woff2') format('woff2'),
        url('../fonts/DecimaMonoPro-Bold.woff') format('woff'),
        url('../fonts/DecimaMonoPro-Bold.ttf') format('truetype'),
        url('../fonts/DecimaMonoPro-Bold.svg#DecimaMonoPro-Bold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DecimaMonoPro';
    src: url('../fonts/DecimaMonoPro.eot');
    src: url('../fonts/DecimaMonoPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DecimaMonoPro.woff2') format('woff2'),
        url('../fonts/DecimaMonoPro.woff') format('woff'),
        url('../fonts/DecimaMonoPro.ttf') format('truetype'),
        url('../fonts/DecimaMonoPro.svg#DecimaMonoPro') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


html{
    font-size:0.92vw
}

body
{
	font-family: "DecimaMonoPro";
	font-size:1.15rem;
	color:#fff;
	font-weight:400;
	line-height: 1.2;
	position: relative;
}

h1,h2,h3,h4,h5,h6,p
{
	margin: 0;
}

a
{
	display: inline-block;
	text-decoration: none;
}

header
{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	z-index: 3;
}

header .logo
{
	width: 26.1rem;
	height: auto;
	display: block;
}

b, strong
{
	font-weight: 800;
}


.img-fluid
{
	display: block;
	width: 100%;
	height: auto;
}

.container{
	max-width: 90%;
    padding-right:1.2rem;
    padding-left:1.2rem;
    position:relative;
    margin:0 auto
}
.container-fluid{
    width:100%;
    padding-right:1.2rem;
    padding-left:1.2rem;
    position:relative
}
.row{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-1.2rem;
    margin-left:-1.2rem
}
	
.row-vertical
{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.row-centrada{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.row-derecha{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.row-extremos{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.row-centrada-vertical{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.columna
{
    padding-right:1.2rem;
    padding-left:1.2rem;
    position:relative
}

.columna-25
{
	width: 25%;
}

.columna-33
{
	width: 33.33%;
}

.columna-41
{
	width: 41.66%;
}

.columna-50
{
	width: 50%;
}

.columna-58
{
	width: 58.33%;
}

.columna-66
{
	width: 66.66%;
}

.columna-75
{
    width: 75%;
}

.columna-83
{
    width: 83.33%;
}

.columna-91
{
    width: 91.66%;
}

.columna-100
{
	width: 100%;
}

.empujar-33
{
	margin-left: 33.33%;
}

.empujar-41
{
	margin-left: 41.66%;
}

.empujar-58
{
	margin-left: 58.33%;
}

.mt-2
{
	margin-top: 2.4rem;
}

.mb-2
{
	margin-bottom: 2.4rem;
}

.mt-5
{
	margin-top: 5rem;
}

.mt-10
{
	margin-top: 10rem;
}

.mt-28
{
	margin-top: 28rem;
}


.mt-55
{
	margin-top: 55rem;
}

.ta-d
{
	text-align: right;
}

.pr-25
{
	padding-right: 25%;
}

.pl-8
{
	padding-left: 8rem;
}

.pr-10
{
	padding-right: 10rem;
}

.seccion{
    padding-top: 3.8rem;
    padding-bottom: 3.8rem;
}

.boton
{
	font-size: 1rem;
	padding: 0.8rem 1rem;
	line-height: 1;
	border: 0.15rem solid;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-radius: 1.5rem;
	font-weight: 400;
}


.boton:hover
{
	opacity: 0.75;
}

.boton.boton-negro
{
	border-color: #000;
	color: #fff;
	background-color: #000;
}

.boton.boton-blanco
{
	border-color: #fff;
	color: #000;
	background-color: #fff;
}

.boton.boton-transparecnte
{
	border-color: #fff;
	color: #fff;
	background-color: transparent;
}

.boton.boton-vacio
{
	font-size: 1.13rem;
	border-color: #3e3e3e;
	color: #3e3e3e;
}

.boton.boton-transparecnte span
{
	margin-right: 0.9rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.boton.boton-transparecnte span img
{
	display: block;
	width: 0.9rem;
	height: auto;
}
.trama
{
	position: fixed;
	background-color: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}

.trama.open
{
	display: block;
}

.cuerpo-modal
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50%; 
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%);
}

.contenedor-video
{
	position: relative;
  padding-bottom: 58.27%;
  width: 100%;
}

.contenedor-video iframe
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.cerrar-modal
{
  position: absolute;
  font-size: 3rem;
  color: #fff;
  top: -2.5rem;
  right: -1.5rem;
  line-height: 1;
  cursor: pointer;
}

.modulo-360
{
	display: none;
	position: relative;
	padding-bottom: 56.25%;
}

.modulo-360 .product-viewer,
.modulo-360 iframe
{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.modulo-360.open
{
	display: block;
}

.boton-modulo-360.activo
{
	border-color: #fff;
	color: #000;
	background-color: #fff;
}

.solodesktop
{
	display: block;
}

.solomobile
{
	display: none;
}

.w-8 {
  width: 2.5rem;
  margin: 0 auto;
  margin-top: 3rem;
  -webkit-animation: bounce 2s cubic-bezier(.445,.05,.55,.95) infinite;
          animation: bounce 2s cubic-bezier(.445,.05,.55,.95) infinite;
}

@-webkit-keyframes bounce {
		0% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px)
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

@keyframes bounce {
		0% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px)
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

.axigear-inner-box
{
	background-color: transparent !important;
}

#inicio
{
	position: relative;
	height: 100vh;
	overflow: hidden;
}

#inicio .fondo
{
	width: 100%;
	display: block;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

#inicio .bloque-inicio
{
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 8rem;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 39%;
}

#inicio .bloque-inicio h3
{
	margin-bottom: 2rem;
}

#inicio .bloque-inicio h3 br
{
	display: none;
}

#inicio .bloque-inicio p
{
	margin-bottom: 2rem;
}

#inicio .bloque-inicio .logo-yaris
{
	width: 31.3rem;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 3rem;
}

#inicio video
{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

#bloque-2, #bloque-3
{
	position: relative;
	height: auto;
	z-index: 1;
}

#bloque-2
{
	background-color: #000;
}

#presentacion
{
	height: auto;
	position: relative;
	overflow: hidden;
}

#presentacion .fondo
{
	width: 100%;
	height: auto;
}

#presentacion .container
{
	position: absolute;
	left: 0;
	right: 0;
	top: 43%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

#presentacion h1
{
	font-family: 'Anguita Sans Black';
	color: #fff;
	font-size: 5.35rem;
	line-height: 1;
}

#presentacion h1 span
{
	color: #ff0000;
}

#presentacion .bloque-negro
{
	position: absolute;
	top: 15rem;
	width: 29.92rem;
	left: 9%;
}

#presentacion .bloque-rojo
{
	position: absolute;
	top: 0;
	width: 33.6rem;
	left: 32%;
}

#presentacion .auto-1
{
    position: absolute;
    bottom: 10rem;
    left: 0;
    width: 80rem;
}

#experiencia
{
	position: relative;
	height: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#experiencia .bloque-arriba
{
	position: absolute;
	width: 100%;
	right: 0;
	top: -11rem;
}

#experiencia .bloque-abajo
{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

#experiencia h3
{
	font-size: 3rem;
	margin-bottom: 1.5rem;
}

#experiencia h2
{
		font-family: 'Anguita Sans Black';
		line-height: 1;
		position: absolute;
		-webkit-text-stroke-width: 0.1rem;
		-webkit-text-stroke-color: #fff;
		color: transparent;
		font-size: 22rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100%;
		text-align: center;
		top: 10.5%;
}

#experiencia .icono-360
{
    display: block;
    width: 6.85rem;
}

#experiencia .botonera
{
	text-align: center;
	margin-bottom: 7rem;
}

#experiencia .boton
{
	margin: 0 0.5rem;
}

#bloque-3 .fondo
{
	width: 100%;
	display: block;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

#adn
{
	padding-top: 4rem;
	padding-bottom: 4rem;
	position: relative;
}

#adn .auto-2
{
    position: absolute;
    bottom: 4rem;
    left: 16.66%;
    width: 40rem;
}

#adn h2
{
	font-size: 4rem;
	color: #000;
	line-height: 1;
}

#adn h2 span
{
	color: #fff;
	font-size: 3rem;
	display: block;
}

#exterior
{
	padding-top: 10rem;
	padding-bottom: 3rem;
}

#exterior h2,
#interior h2
{
	color: #fff;
	font-size: 3rem;
	line-height: 1;
	margin-bottom: 3rem;
}

.letras-roja
{
	color: #ff0004;
}

.lineas-rojas
{
	color: #ff0004;
	letter-spacing: -1rem;
}

#exterior h3,
#interior h3
{
	color: #fff;
	font-size: 1.7rem;
	line-height: 1;
	margin-bottom: 0.5rem;
}

.exterior-bloque-1
{
    position: relative;
    padding-right: 13rem;
    margin-bottom: 3rem;
}

.exterior-bloque-1 img
{
	position: absolute;
	right: 1.5rem;
	top: 2rem;
	width: 11rem;
	height: auto;
}

.exterior-bloque-2
{
	position: relative;
	padding-right: 13rem;
}

.exterior-bloque-2 img
{
	position: absolute;
	top: 0;
	left: -1rem;
	width: 15.5rem;
}

.bloque-blanco
{
	background-color: rgba(255, 255, 255, 0.65);
	mix-blend-mode: linear-light;
	color: #000;
	margin-top: 3rem;
}

#exterior .bloque-blanco h3
{
	color: #000;
}

.bloque-blanco .cuerpo-bloque
{
	padding: 5rem 5rem 0 3rem;
}

.bloque-blanco .lapiz
{
	width: 100%;
	display: block;
	height: auto;
}

.bloqu-rojo
{
    padding: 3rem 3rem 3rem 7rem;
}

.fondo-rojo-transparente
{
	background-color: rgba(255, 0, 0, 0.9);
	mix-blend-mode: color-burn;
	-webkit-transform: skew(-17deg, 0deg);
	-ms-transform: skew(-17deg, 0deg);
	transform: skew(-17deg, 0deg);
	position: absolute;
	left: 4rem;
	top: 0;
	height: 100%;
	width: calc(100% - 8rem);
}

#exterior .container-final
{
	left: 0;
	right: 0;
	position: absolute;
	bottom: 0;
	-webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%);
	        transform: translateY(50%);
}

#exterior .bloque-fotos-exterior
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 6.5rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

#exterior .bloque-fotos-exterior img
{
    height: auto;
    display: block;
    width: 26.1rem;
    margin-left: -2rem;
}

#bloque-4
{
	background-color: #000;
	position: relative;
}

#bloque-4 .fondo-3
{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: auto;
}

#bloque-4 .fondo-final
{
	position: absolute;
	width: 100%;
	bottom: 3rem;
	left: 0;
	height: auto;
}

#interior
{
	padding-top: 47.5rem;
	overflow: hidden;
}

#interior h2
{
	margin-top: 4rem;
	margin-bottom: 4rem;
}

#interior img
{
	display: block;
	width: 100%;
	height: auto;
}

.bloque-contenido-interior
{
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 8rem;
    margin-bottom: 5rem;
}

.pr-15
{
	padding-right: 15rem;
}

#galeria
{
	color: #fff;
}

#galeria h2
{
	font-size: 3rem;
	line-height: 1;
	font-weight:400;
	margin-bottom: 3rem;
}



.columna-thumbail
{
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 25%;
	right: 0;
	top: 0;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	padding-left: 1.2rem;
}

.mySwiperThumbs
{
	height: 100%;
}

.swiper-button-next::after {
	content: "→"; 
	font-size: 3rem; 
	color: #fff;  
	-webkit-transition: all .3s ease-out;  
	-o-transition: all .3s ease-out;  
	transition: all .3s ease-out;
}

/* Botón anterior */
.swiper-button-prev::after {
	content: "←"; 
	font-size: 3rem; 
	color: #fff;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}


.swiper-button-next,
.swiper-button-prev
{
    line-height: 1;
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    border: 0.10rem solid #fff;
    top: auto;
    bottom: 2rem;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.swiper-button-prev:hover,
.swiper-button-next:hover
{
	background-color: #fff;
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after
{
	color: #000;
}

.swiper-button-prev
{
	left: 2rem;
}

.swiper-button-next
{
	right: 2rem;
}

.swiper-pagination-bullet
{
	background: #989898;
	opacity: 1;
}

.swiper-pagination-bullet-active
{
	background: #ff0000;
	opacity: 1;
}

.swiper-pagination-bullets.swiper-pagination-horizontal
{
    text-align: right;
    bottom: auto;
    top: -3rem;
}


#listo
{
	margin-top: 13rem;
}

#listo .titulo
{
	color: #fff;
	font-family: 'Anguita Sans Black';
	line-height: 1;
	font-size: 3.2rem;
	text-align: center;
	margin-bottom: 4rem;
}

#listo .botonera
{
	text-align: center;
}

hr
{
	margin: 0;
}

#final
{
	margin-top: 12rem;
}

#final .logo-toyota
{
	width: 9rem;
	display: block;
	height: auto;
}

#final .publish
{
	font-size: 1.3rem;
	margin-bottom: 2rem;
}

#final .derechos
{
	font-size: 0.9rem;
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

#final h4
{
	font-size: 1.15rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
}

#final .redes
{
	margin-bottom: 2rem;
}

#final .redes a
{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	border: 0.15rem solid #fff;
	border-radius: 100%;
	font-size: 0.85rem;
	color: #fff;
	text-decoration: none;
	margin-right: 1rem;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


#final .redes a:hover
{
	opacity: 0.75; ;
}

.titulo br
{
	display: none;
}

@media(max-width:1199px)
{
	html{
	    font-size: 0.93vw;
	}

	body {
		font-size: 1.17rem;
	}

	#inicio .bloque-inicio
	{
		bottom: auto;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
	}


}

@media(max-width:991px)
{
	html{
	    font-size:1.35vw;
	}

	.solodesktop
	{
		display: none;
	}

	.solomobile
	{
		display: block;
	}

	.mt-tablet-0
	{
		margin-top: 0;
	}

	.mt-tablet-10
	{
		margin-top: 10rem;
	}


	.columna-tablet-50
	{
		width: 50%;
	}

	.columna-tablet-75
	{
		width: 75%;
	}

	.columna-tablet-100
	{
		width: 100%;
	}

	.empujar-tablet-50
	{
		margin-left: 50%;
	}

	#adn .auto-2 {
    bottom: 0;
    left: 16.66%;
    width: 25rem;
	}

	#exterior
	{
		padding-top: 3rem;
		padding-bottom: 0;
	}

	#exterior .bloque-fotos-exterior img {
	    height: auto;
	    display: block;
	    width: 19rem;
	    margin-left: -2rem;
	}

	.bloque-blanco
	{
		margin-top: 0;
	}

	.bloque-blanco .cuerpo-bloque {
	  padding: 2rem 2rem 0 2rem;
	}

	.bloqu-rojo {
	  padding: 2rem 4rem 3rem 6rem;
	}

	#exterior h2, #interior h2
	{
		font-size: 2.5rem;
	}

	.exterior-bloque-1 {
	    position: relative;
	    padding-right: 4rem;
	    margin-bottom: 2rem;
	}

	.exterior-bloque-1 img
	{
		position: absolute;
		right: 0;
		top: 0;
		width: 8rem;
		height: auto;
	}

	.exterior-bloque-2 {
	    padding-right: 4rem;
	}

	.exterior-bloque-2 img {
	    position: absolute;
	    top: 0;
	    left: -1rem;
	    width: 11rem;
	}

	#exterior .container-final
	{
		  -webkit-transform: translateY(75%);
		      -ms-transform: translateY(75%);
		          transform: translateY(75%);
	}

	#bloque-4 .fondo-final
	{
		 bottom: 16rem;
	}

	#experiencia h2
	{
		font-size: 15rem;
	}

	.modulo-360{
		padding-bottom: 52%;
	}

	#experiencia .bloque-abajo
	{
		bottom: 2rem;
	}

	#experiencia .botonera
	{
		margin-bottom: 3rem;
	}

	#presentacion h1
	{
		 font-size: 3.87rem;
	}

	#presentacion .auto-1
	{
		width: 49rem;
	}

	#presentacion .bloque-rojo
	{
		width: 22rem;
	}

	#presentacion .bloque-negro
	{
    position: absolute;
    top: 9rem;
    width: 20rem;
    left: 10%;
	}
	
}

@media(max-width:767px)
{
	html{
	    font-size:2.75vw;
	}

	body{
		font-size: 1rem;
	}

	header .logo
	{
		 width: 19.4rem;
	}



	.boton
	{
		font-size: 1.35rem;
		padding: 0.65rem 1.5rem;
	}


	.sinpadding-mobile
	{
		padding: 0;
	}

	.columna-mobile-41
	{
		width: 41.66%;
	}

	.columna-mobile-50
	{
		width: 50%;
	}

	.columna-mobile-58
	{
		width: 58.33%;
	}

	.columna-mobile-66
	{
		width: 66.66%;
	}

	.columna-mobile-100
	{
		width: 100%;
	}

	 .empujar-mobile-0
	 {
	 	margin-left: 0;
	 }

	 .empujar-mobile-33
	 {
	 	margin-left: 33.33%;
	 }

	 .empujar-mobile-58
	 {
	 	margin-left: 58.33%;
	 }

	.mt-mobile-0
	{
		margin-top: 0;
	}

	.mt-mobile-1
	{
		margin-top: 1rem;
	}

	.mt-mobile-2
	{
		margin-top: 2.7rem;
	}

	.mt-mobile-7
	{
		margin-top: 7rem;
	}

	.mt-mobile-22
	{
		margin-top: 22rem;
	}

	.mt-mobile-30
	{
		margin-top: 30rem;
	}

	.mb-mobile-1
	{
		margin-bottom: 1rem;
	}

	.pr-mobile-0
	{
		padding-right: 0;
	}

	.pl-mobile-1
	{
		padding-left: 1.2rem;
	}

	
	#inicio .bloque-inicio
	{
    width: 90%;
    padding: 0 1.2rem;
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
	}

	#inicio .bloque-inicio .logo-yaris
	{
		width: 20.8rem;
	}

	#inicio .bloque-inicio h3
	{
		font-size: 1.35rem;
		margin-bottom: 2rem;
	}

	#inicio .bloque-inicio h3 br
	{
		display: block;
	}

	#inicio .bloque-inicio
	{
		font-size: 1.15rem;
	}

	#presentacion h1 {
	    font-size: 2.85rem;
	}

	#presentacion .container
	{
    top: 5rem;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}


	#presentacion .auto-1
	{
		width: 100%;
	}

	#presentacion .bloque-rojo {
	  position: absolute;
	  top: 0;
	  width: 17.6rem;
	  left: auto;
	  right: 7%;
	}

	#presentacion .bloque-negro {
	  position: absolute;
	  top: 13rem;
	  width: 14.92rem;
	  left: 11%;
	}

	#experiencia h3 {
		font-size: 1.15rem;
		margin-bottom: 0.5rem;
	}

	#experiencia .icono-360 {
	    width: 3.2rem;
	}

	#experiencia h2 {
		-webkit-text-stroke-width: 0.05rem;
		font-size: 8rem;
	}

	#experiencia .bloque-arriba {
	  top: -2rem;
	}

	#experiencia .bloque-abajo
	{
    bottom: 4rem;
	}

	#experiencia .botonera
	{
		margin-bottom: 2rem;
	}

	.modulo-360
	{
    padding-bottom: 56.25%;
	}

	#adn h2 {
	  font-size: 1.5rem;
	  color: #ff0000;
	}

	#adn h2 span {
	  font-size: 1.15rem;
	  display: block;
	}

	#adn
	{
		padding-top: 9rem;
		padding-bottom: 5rem;
	}

	#adn .auto-2 {
		position: absolute;
		bottom: auto;
		right: calc(calc(100% - 20rem - 3.2rem));
		width: 20rem;
		top: 3.7rem;
		left: auto;
	}


	.text-mobile-centro
	{
		text-align: center;
	}

	.lineas-rojas
	{
		letter-spacing: -0.5rem;
	}

	#exterior
	{
		padding-top: 0;
		padding-bottom: 3rem;
		overflow: hidden;
	}

	#exterior h2, #interior h2
	{
		font-size: 1.8rem;
		margin-bottom: 1.5rem;
	}

	#exterior h3, #interior h3
	{
		font-size: 1.15rem;
	}

	.exterior-bloque-1
	{
		padding-right: 8rem;
		margin-bottom: 2rem;
	}

	.exterior-bloque-2
	{
		padding-right: 5rem;
	}

	.exterior-bloque-1 img
	{
		width: 8.45rem;
		top: 0;
		right: -1.2rem;
	}

	.exterior-bloque-1	br,
	.exterior-bloque-2	br
	{
		display: none;
	}

	.exterior-bloque-2 img
	{
		width: 8.5rem;
	}

	.bloque-blanco
	{
		margin-top: 19rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-left: -1.2rem;
		margin-right: -1.2rem;
	}

	.bloque-blanco .cuerpo-bloque {
		padding: 1rem 0 1rem 1rem;
		width: 51%;
	}

	.bloque-blanco .imagen-bloque
	{
		width: 49%;
	}

	.bloque-blanco .lapiz
	{
		width: 100%;
	}

	.bloqu-rojo
	{
		 padding: 1.2rem 0 5.27rem 6rem;
	}

	.fondo-rojo-transparente
	{
		left: auto;
		right: -4.5rem;
		width: 100%;
	}

	#exterior .container-final
	{
		max-width: none;
		width: 100%;
		-webkit-transform: translateY(35%);
		    -ms-transform: translateY(35%);
		        transform: translateY(35%);
	}

	#exterior .container-final .columna
	{
		padding-left: 0;
		padding-right: 0;
	}

	#exterior .bloque-fotos-exterior
	{
		padding-right: 0;
		width: 100%;
	}

	#exterior .bloque-fotos-exterior img
	{
		width: 50%;
		margin-left: 0;
	}

	#interior
	{
		padding-top: 22rem;
	}

	#interior h3
	{
		font-size: 1.35rem;
	}

	#interior h3 br
	{
		display: none;
	}

	.bloque-inicio-interior,
	.bloque-contenido-interior
	{
		 margin-bottom: 5rem;
	}

	.bloque-inicio-interior, .bloque-contenido-interior {
        padding-right: 0;
    }


    .columna-thumbail,
    .swiper-pagination
    {
    	display: none;
    }

    #galeria h2
    {
			font-size: 1.8rem;
			margin-bottom: 1,5rem;
    }

    .swiper-button-next, .swiper-button-prev
    {
    	width:3.3rem;
    	height:3.3rem;
    	bottom: 1rem;
    }

    .swiper-button-next {
		    right: 1rem;
		}

		.swiper-button-prev
		{
			left: 1rem;
		}


    .swiper-button-next::after,
    .swiper-button-prev::after
    {
    	font-size: 2rem;
    }

		#listo {
			margin-top: 7.5rem;
		}

		#listo .titulo
		{
			font-size: 2.5rem;
		}

		.titulo br
		{
			display: block;
		}

		#bloque-4 .fondo-final
		{
        bottom: 28rem;
		}


		#final .logo-toyota
		{
			width: 11rem;
		}

		.#final .publish
		{
			text-align: right;
			font-size: 1.35rem;
		}

		#final h4
		{
			font-size: 1.35rem;
		}

		#final .redes a
		{
			margin-right: 0.5rem;
		}

		#final .derechos
		{
			font-size: 1rem;
		}

}