@charset "utf-8";
/* BASE CSS Document */

*{
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	outline: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	cursor: url('cursor.png'), auto!important;		
}

body{
    font-family: 'caroniregular';
	text-transform: uppercase
}

body.active{
	overflow: hidden;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 26, 2022 */

@font-face {
    font-family: 'digital_handwritingregular';
    src: url('webfonts/digitalhandwriting-regular.ttf-webfont.woff2') format('woff2'),
         url('webfonts/digitalhandwriting-regular.ttf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mungilregular';
    src: url('webfonts/mungil-regular-webfont.woff2') format('woff2'),
         url('webfonts/mungil-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'texta_altbold';
    src: url('webfonts/textaaltbold-webfont.woff2') format('woff2'),
         url('webfonts/textaaltbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'texta_altitalic';
    src: url('webfonts/textaaltit-webfont.woff2') format('woff2'),
         url('webfonts/textaaltit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'texta_altregular';
    src: url('webfonts/textaaltregular-webfont.woff2') format('woff2'),
         url('webfonts/textaaltregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gochi_handregular';
    src: url('webfonts/gochihand-regular-webfont.woff2') format('woff2'),
         url('webfonts/gochihand-regular-webfont.woff') format('woff'),
         url('webfonts/gochihand-regular-webfont.svg#gochi_handregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'caroniregular';
    src: url('webfonts/caroni-regular-webfont.woff2') format('woff2'),
         url('webfonts/caroni-regular-webfont.woff') format('woff'),
         url('webfonts/caroni-regular-webfont.svg#caroniregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.cuadrada:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}

.icon{
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
}

.icon-tiktok:before {
    content: '\e07b';
    font-family: "Font Awesome 6 Brands";
}

.icon-opensea{
	vertical-align: bottom;
}
.icon-opensea:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 16px;
	background-image: url("opensea.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*HEADER*/

header{
	position: relative;
	z-index: 9;
}

header .top{
	background-color: #5958fd;
}

header .logo{
	display: block;
	width: 305px;
	height: 140px;
	float: left;
	background-image: url("logo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

header .options{
	list-style: none;
}

header .options a{
	font-family: 'caroniregular';
	color: #414141;
	text-transform: uppercase;
	text-decoration: none;
}

header .options a:hover{
	color: #5958fd;
}

header .options a:last-child{
	margin-right: 0px;
}

	
	header .options li.idioma a{
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	header .options li.idioma.espanol a{
		background-image: url("../img/idiomaESP.png");
	}
	
	header .options li.idioma.ingles a{
		background-image: url("../img/idiomaENG.png");
	}


	header .redes, header .optIcons{
		line-height: normal;
		height: auto;
	}	


/*Hamburger*/
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: #414141;
}

/*home*/
.hero, .carousel-item{
	display: block;
	width: 100%;
	position: relative;
	background-image: url("pintura-home-web.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80vh;
}

.hero .textTrigger, .carousel .textTrigger{
	opacity: .5;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	background-image: url("https://s2.svgbox.net/loaders.svg?color=ffffff&ic=rings");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25%;
	z-index: 5;
}

.hero .textTrigger.inactive, .carousel  .textTrigger.inactive{
	opacity: 0;
	z-index: -1;
}

.hero img{
	display: block;
	width: 100%;
}

.homeText, .bioText, .carousel-caption, .yo .texto{
	width: 53%;
	background-color: rgba(255,255,255,.9);
	border-radius: 12px;
	padding: 30px;	
}

.homeText, .carousel-caption{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	z-index: 0;
	transition: all .5s;
}

.homeText p, .bioText p, .carousel-caption p, .yo .texto p{
    font-family: 'caroniregular';
	font-size: 1.125rem;
	text-transform: uppercase;
}

.carousel-caption h2, .carousel-caption p strong, .homeText h2, .homeText p strong, .bioText h2, .bioText p strong, .yo .texto h2, .yo .texto p strong, h1, .carrito h2, .contacto > .container h2{
    font-family: 'gochi_handregular';
	text-transform: uppercase;
}

.homeText h2, .bioText h2, .yo .texto h2, .carousel-caption h2, h1, .carrito h2, .contacto > .container h2{
	color: #5958fd;
	font-size: 2.188rem;
	font-weight: bolder;
	margin-bottom: 25px;
}

.homeText em, .carousel-caption em, .bioText em, .yo .texto em{
	font-style: normal;
	background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=f6fc9c&ic=brush-9);
}

.homeText p strong, .bioText p strong, .carousel-caption p strong, .yo .texto p strong{
	font-size: 2rem;
	margin-bottom: 0;
}

.homeText.active, .carousel-caption.active{
	opacity: 1;
	z-index: 10;
	color: #414141;
	max-height: 65vh;
	height: 65vh;
	overflow: auto;
	overflow-x: hidden;
	text-align: left;
}

.homeText.active + .mask, .carousel-caption.active + .mask{
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 1;
}

/*galeria*/
.galeria{
	padding: .75% 0;
	background-color: #4d4cd9;
}
.grid.container{
	padding: 0;
}

.productos a.grid-item {
    position: relative;	
    font-size: 1rem;	
  float: left;
  width: 23.52%;
	margin: .75%;
  height:auto;
background-color: #ffffff;
	padding: 15px;
	text-align: center;
	transition: all .3s;
	text-decoration: none;
	text-transform: uppercase;
}

.listadoProductos a .imagen img, .productos a .imagen img{
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	margin-bottom: 0;
}

.listadoProductos a .texto, .listadoCategorias a .texto, .productos a .texto{
	padding: 24px 24px 0;
}

.grid-item img{
	width: 100%;
	margin-bottom: 24px;
}

.grid-item p{
	font-size: 1.5rem;
	font-family: 'caroniregular';	
	color: #000;
	margin-bottom: 6px;
	line-height: 1;
}

/*Yo*/
.breadcrumbs, .autorShare{
	display: none;
}


.yo{
	padding-top: 90px;
	padding-bottom: 114px;
	/*background-image: url("../img/pintura-home-web.jpg");*/
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}

.yo .bioText, .yo .texto{
	padding: 60px;
	width: 52.41%;
	float: right;
	background-color: rgba(255,255,255,1);
	box-shadow: 7px 19px 49px 0px rgba(0, 0, 0, 0.11);
}


/*footer*/
footer{
	font-family: 'texta_altregular';
	color: #5e5e5e;
	text-transform: uppercase;
	text-align: center;
	display: block;
	width:100%;
	padding: 45px 0 50px;
	background-color: #ffffff;
}

footer > a{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 12px;
	margin-bottom: 18px;
}

footer > a:last-of-type{
	margin-right: 0;
}

footer .redes a{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

footer a.whatsapp{
	background-image: url("whatsapp.png");
}

footer  a.instagram{
	background-image: url("instagram.png");
}

footer  a.opensea{
	background-image: url("OpenSea_icon.svg");
}

footer  a.tiktok{
	background-image: url("tiktok_icon.png");
}

footer .redes a:before{
	display: none;
}

footer .redes a.email{
	background-color: #5958fd;
	border-radius: 100%;
}

footer .redes a.email:before{
	display: inline-block;
	color: #ffffff;
}

footer p{
	font-size: 0.750rem;
	margin-bottom: 0;
}

footer .links{
	display: none;
}
/*Obra*/

.obra, .contacto{
	position: relative;
	padding-top: 0;
}

.back{
	position: absolute;
	top:30px;
	left: 30px;
	width: 32px;
	height: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("back.png")
}

.obra .obraTexto{
	display: block;
	float: right;
	width: 37%;
}

.obra .obraTexto p, .datosProducto p{
	font-family: 'caroniregular';
	font-size: 1.4rem;
	color: #414141;
	text-transform: uppercase;
}

.obra .imagen{
	display: block;
	width: 60%;
	float: left;	
}

.obra .imagen img{
	width: 100%;
}

.obra .btn-call{
	margin-bottom: 25px;
}

.btn-call{
	background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=93f856&ic=brush-9);
	color: #FFFFFF;
	padding: 10px 26px 4px;
	border-radius: 0;
	font-size: 1.5rem;
	font-family: 'caroniregular';
	text-transform: uppercase;
}

.btn-call:hover{
	color: #FFFFFF;
}

.form-floating>textarea.form-control{
	height: 100px;
}

form .form-control{
	border: 4px dotted #ddd;
}

.linkObraDigital em, .linkPinturas em{
	font-style: normal;
	padding: 5px 10px;	
}

.linkObraDigital em{
	background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=fefb52&ic=brush-6);

}

.linkPinturas em{
	background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=2bf4fb&ic=brush-5);
}


/*contacto redes*/
.contacto ul{
	list-style: none;
	padding: 0;
}

.contacto ul li{
	margin-bottom: 5px;
}
.contacto ul li .icon, .contacto ul li p{
	display: inline-block;
	vertical-align: middle;
	line-height: 35px;
	height: 35px;
}

.contacto ul li .icon{
	width: 35px;
	margin-right: 5px;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.contacto ul li .icon.mail{
	background-image: url("email.png");
}

.contacto ul li .icon.whatsapp{
	background-image: url("whatsapp.png");
}

.contacto ul li .icon.instagram{
	background-image: url("instagram.png");
}

.contacto ul li .icon.opensea{
	background-image: url("OpenSea_icon.svg");
}

.contacto ul li a{
	color: #5958fd;
	text-decoration: none;
}

.carousel-item:after{
	background-color: rgba(0,0,0,0);
}

header + section.destacadosTienda{
	padding-top: 15px;
	background-color: #4d4cd9;
	margin-top: 0;
	padding-bottom: 30px;
	margin-bottom: 0;
}

header + section.destacadosTienda h2{
	display: none;
}

.registroPaginacion{
	margin-top: 15px;
	width: 100%;
	text-align: center;
	color: #ffffff;
}
.registroPaginacion p{
	text-align: center;
}

.registroPaginacion form{
	display: inline-block;
}
.productos .pagination a{
	border-radius: 12px;
	background-color: #4343bf;
	color: #ffffff;
}

.productos .pagination a.current, .productos .pagination a:hover{
	background-color: #ffffff;
	color: #31318c;
}

.destacadosTienda .producto .nombreProducto{
	font-weight: normal;
}

.destacadosTienda .producto .detalleProducto, .thumbs{
	display: none;
}

.producto .carousel-item{
	position: relative;
	width: 100%;
	height: auto;
	top: auto;
	left: auto;
	transform: none;
}

.datosProducto .precioOriginal{
	font-size: 2rem;
}
	
section.producto{
	margin-bottom: 0
}

.carrito h2{
	margin-bottom: 5px;
}

.carrito{
	margin-bottom: 60px;
}

.carrito .listaCarrito.vacio{
	display: none;
}

li a.borrarProducto{
	color: #a6a6a6;
}

li a.borrarProducto:hover{
	color: #93f856;
}

.totales a{
	white-space: inherit;	
	padding: 15px;
	width: 100%;
    font-size: 1rem;
    font-family: 'caroniregular';	
	color: #ffffff;
    background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=a6a6a6&ic=brush-9);
}

.totales input.btn{
	width: 100%;
	padding: 15px;
	font-size: 1.25rem;
	white-space: inherit;
}

.finalizarCompra .form-group.col-md-6, .carrito .finalizarCompra  input[type="text"]{
	width: 100%;
}

.carrito .finalizarCompra input[type="text"], .carrito .finalizarCompra input[type="tel"]{
	width: 100%;
	background-color: transparent;
}

.carrito .finalizarCompra input[type="tel"]{
	margin-bottom: 5px;
}

.contacto > .fotoContacto{
    display: block;
    width: 50%;
	height: 80vh;
    float: left;
    background-position: top left;
    background-image: url(fondoContacto.jpg);
    background-size: cover;
    background-repeat: no-repeat;	
}

.contacto > .container{
	display: block;
	float: left;
	width: 50%;
	padding: 30px;
}

.contacto .btn-primary{
	border: none;
	background-color: transparent;
}

.contacto form .form-control{
	text-transform: uppercase;
}

.yo .galeria{
	background-color: transparent;
}


::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	border-radius: 12px;
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {

	border-radius: 12px;	
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.producto .datosProducto .formas{
	display: none;
}

.carousel-indicators, .carousel-control-prev, .carousel-control-next{
	display: none;
}


/*Translator*/

.google_translate_flags{
	display: none;
}

.options .google_translate_flags{
	display: inline-block;
	padding: 0;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
}

.google_translate_flags > a{
    display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    border-radius: 100%;
    vertical-align: middle;
}

header .google_translate_flags > a{
	display: none;
} 

.google_translate_flags > a.en, .google_translate_flags > a.es{
	display: inline-block;
} 

.google_translate_flags > a:last-of-type{
    margin-right: 0;
}

header > #google_translate_element{
	display: none;
}

#google_translate_element{
	padding: 5px 5%;
	background-color: #00379d;
	text-align: left;
}

#google_translate_element .goog-te-gadget{
	color: #ffffff;
}

#google_translate_element .goog-logo-link{
	color: #4c8bff;
}

#google_translate_element .goog-logo-link:hover{
	color: #ff8b00;
}

#google_translate_element .goog-te-gadget > div:first-child{
	display: inline-block;
	margin-right: 5px;
}

header .buscar{
	display: none;
}

footer .footReg .realizado{
	background-image: url(https://default.contactopuro.com/inc/img/realizadoNegro.svg);
}

@media only screen and (max-width : 479px) {


	/*header*/	
	
	#header > .container{
		padding-top: 0;
	}	
	header .logo{
		position: absolute;
		margin-top: 10px;
		width: 194px;
		height: 89px;
	}	
	
	header.inside .logo{
		position: relative;
		margin-top: 10px;
		width:117px;
		height: 54px;
	}	
	
	header .hamburger{
		float: right;
		padding: 28px 0;
		height: 64px;
	}

	header nav, header ul.options{
		float: left;
		width: 100%;
		text-align: center;
		height: 0;
		padding-top: 0;		
		transition: height 0.1s ease-out;
		overflow: hidden;
	}	
	
	header.inside nav{
		padding-top: 10px;		
	}	
	
	header nav.active, header ul.options.active{
		height: calc(100vh - 64px);
		padding-top: 64px;		
	}	

	header  ul.options{
		font-size: 2rem;
		padding: 0;
		margin-bottom: 0;
		opacity: 0;		
	}	
	
	header .options.active{
		opacity: 1;
		transition: opacity .75s .3s;		
	}	
	
	header .options.active a:hover, header .options.active a:active{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=f6fc9c&ic=brush-9);
	}	
	
	header .options a, header .options p{
		font-size: 2rem;
	}	
	
	header ul.options > li{
		line-height: 1.5;
		text-align: center;
	}	
	
	header .options.active{
		opacity: 1;
		transition: opacity .75s .3s;		
	}	
	
	header .options.active a:hover, header .options.active a:active{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=f6fc9c&ic=brush-9);
	}	
	
	header ul.options > li:nth-child(2) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=fefb52&ic=brush-6);
	}	
	
	header ul.options > li:nth-child(3) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=2bf4fb&ic=brush-5);
	}	
		
	
	
	/*bio*/
	
	.hero .textTrigger, .carousel .textTrigger{
		background-size: 50%;
	}
	
	.homeText, .carousel-caption{
		overflow: scroll;
		max-height: 80vh;
	}

	.carousel-caption.active{
		max-height: 80vh;
		height: 80vh;
		z-index: 10;
	}

	
	.homeText, .carousel-caption, .yo .bioText, .yo .texto{
		width: 90%;
	}
	
	.yo .bioText, .yo .texto{
		padding: 30px;
		float: none;
		margin: auto;
	}
	
	.homeText h2, .carousel-caption h2, .carousel-caption h1, .bioText h2, .yo .texto h2{
		font-size: 1.25rem;
	}	
	
	.homeText p, .carousel-caption p, .bioText p, .yo .texto p	{
		font-size: .879rem;
	}
	
	.yo .bioText, .yo .texto {
	width: 100%;
	margin-top: calc(50vh - 60px);
	}
	
/*YO*/
	


	header + section.yo{
		padding-top: 0;
	}
	.yo .bioText, .yo .texto {
	width: 100%;
    margin-top: 0;
		float: left;
	}
	
	.yo:before{
		content: "";
		display: block;
		width: 100%;
		height: 45vh;
		background-image: url("fondoYo.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
	}	
	
	.yo .imagenEpigrafe, .yo .galeria{
		width: 100%;
		height: 60vh;
		margin: 0;
		background-size: auto 95%;
		background-repeat: no-repeat;
		background-image: url("nacho993.png");
		background-position: center bottom;
	}		
		
	.yo .container{
		position: relative;
		z-index: 2;
	}
	.yo .fondo{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 50vh;
		background-image: url("fondoYo.jpg");
		background-position: center;
		background-size: cover;
	}	
	
	.yo .nacho{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    background-image: url("nacho480.png");
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
	}		
	
/*galeria*/
.grid-item, .productos a.grid-item{
  width: 48.5%;
	padding: 5px;
}

.grid-item img{
	margin-bottom: 5px;
}

.grid-item p{
	font-size: 1rem;
	margin-bottom: 0px;
	line-height: 1;
}	
	
.grid-item p, .productos a.grid-item p{
	font-size: 1rem;
	margin-bottom: 0px;
	line-height: 1;
	padding: 0 0;
}	
	
	.listadoProductos a .texto, .listadoCategorias a .texto, .productos a .texto{
		padding: 5px 0 0;
	}		
	
.obra .obraTexto, .obra .imagen{
	width: 100%;
}	

.obra h1 {
	margin-bottom: 10px;	
} 

	/*contacto*/
	.contacto{
		
	}
	
	.contacto .fondo{
		display: block;
		width: 100%;
		height: 50vh;
		float: left;
		background-position: top left;
		background-image: url("fondoContacto.jpg");
		background-size: cover;;
		background-repeat: no-repeat;
	}
	
	.contacto .contactoTexto{
		display: block;
		width: 100%;
		float: right;
		padding: 30px;
	} 
	
	.contacto .contactoTexto{
		font-family: 'caroniregular';
		text-transform: uppercase;
	} 	
	
	header .options li.idioma{
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-right: 12px;
	}
	
	header .options li.idioma:last-of-type{
		margin-right: 0px;
	}
	
	header .options li.idioma a{
		width: 100%;
		height: 100%;
		display: block;		
	}
	
	section.producto{
		padding-top: 15px;
	}	
	
	header .options a, header .options p{
		margin-left: 0;
	}
	
	.contacto > .fotoContacto{
		width: 100%;
		height: 50vh;
		background-size: cover;
	}
	
	.contacto > .container{
		width: 100%;
	}		
	
	.google_translate_flags{
		padding-top: 15px;
	}
	.google_translate_flags > a{
		width: 40px;
		height: 40px;
	}			
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) and (max-width : 767px) {

	/*header*/	
	header .logo{
		position: absolute;
		margin-top: 15px;
		width: 222px;
		height: 102px;
	}	
	
	header.inside .logo{
		position: relative;
		margin-top: 10px;
		width:174px;
		height: 80px;
	}	
	
	header .hamburger{
		float: right;
		padding: 33px 0;
		height: 90px;}

	header nav, header ul.options{
		float: left;
		width: 100%;
		text-align: center;
		height: 0;
		padding-top: 0;		
		transition: height 0.1s ease-out;
		overflow: hidden;
	}	
	
	header.inside nav{
		padding-top: 10px;		
	}	
	
	header nav.active, header ul.options.active{
		height: calc(100vh - 90px);
		padding-top: 90px;		
	}	

	header .options{
		font-size: 3rem;
		padding: 0;
		margin-bottom: 0;
		opacity: 0;		
	}	
	
	header .options.active{
		opacity: 1;
		transition: opacity .75s .3s;		
	}	
	
	header .options.active a:hover, header .options.active a:active{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=f6fc9c&ic=brush-9);
	}	
	

	header .options a, header .options p{
		font-size: 3rem;
	}	
	
	header ul.options > li{
		line-height: 1.5;
		text-align: center;
	}	
	
	header .options.active{
		opacity: 1;
		transition: opacity .75s .3s;		
	}	
	
	header .options.active a:hover, header .options.active a:active{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=f6fc9c&ic=brush-9);
	}	
	
	header ul.options > li:nth-child(2) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=fefb52&ic=brush-6);
	}	
	
	header ul.options > li:nth-child(3) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=2bf4fb&ic=brush-5);
	}	
		
	
	/*bio*/
	.hero .textTrigger, .carousel .textTrigger{
		background-size: 50%;
	}
	
	.homeText, .carousel-caption, .yo .bioText, .yo .texto	{
		width: 90%;
	}
	
	.yo .bioText, .yo .texto{
		padding: 30px;
		float: none;
		margin: auto;
	}
	
	.homeText h2, .carousel-caption h2, .bioText h2, .yo .texto h2{
		font-size: 2rem;
	}	
	
	.homeText p, .carousel-caption p, .bioText p, .yo .texto p	{
		font-size: 1rem;
	}
	

	.yo .bioText, .yo .texto {
	width: 100%;
	margin-top: calc(50vh - 60px);
	}
/*YO*/

	header + section.yo{
		padding-top: 0;
	}
	.yo .bioText, .yo .texto {
	width: 100%;
    margin-top: 0;
		float: left;
	}
	
	.yo:before{
		content: "";
		display: block;
		width: 100%;
		height: 45vh;
		background-image: url("fondoYo.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
	}	
	
	.yo .imagenEpigrafe, .yo .galeria{
		width: 100%;
		height: 60vh;
		margin: 0;
		background-size: auto 95%;
		background-repeat: no-repeat;
		background-image: url("nacho993.png");
		background-position: center bottom;
	}		
	
	.yo .container{
		position: relative;
		z-index: 2;
	}
	.yo .fondo{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 50vh;
		background-image: url("fondoYo.jpg");
		background-position: center;
		background-size: cover;
	}	
	
	.yo .nacho{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    background-image: url("nacho480.png");
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
	}		
	
/*galeria*/
.grid-item, .productos a.grid-item {
	  width: 31.83333333333333%;
	}

.grid-item img{
	margin-bottom: 5px;
}

.grid-item p, .productos a.grid-item p{
	font-size: 1rem;
	margin-bottom: 0px;
	line-height: 1;
	padding: 0 0;
}	
	
	.listadoProductos a .texto, .listadoCategorias a .texto, .productos a .texto{
		padding: 15px 0 0;
	}	
	
/*OBRA*/	
.obra .obraTexto, .obra .imagen{
	width: 100%;
}	

.obra h1 {
	margin-bottom: 10px;	
} 
	
	/*contacto*/
	.contacto{
		
	}
	
	.contacto .fondo{
		display: block;
		width: 100%;
		height: 50vh;
		float: left;
		background-position: top left;
		background-image: url("fondoContacto.jpg");
		background-size: cover;;
		background-repeat: no-repeat;
	}
	
	.contacto .contactoTexto{
		display: block;
		width: 100%;
		float: right;
		padding: 30px;
	} 
	
	.contacto .contactoTexto{
		font-family: 'caroniregular';
		text-transform: uppercase;
	} 	
	

	header .options li.idioma{
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-right: 12px;
	}
	
	header .options li.idioma:last-of-type{
		margin-right: 0px;
	}
	
	header .options li.idioma a{
		width: 100%;
		height: 100%;
		display: block;		
	}	
	
	.contacto > .fotoContacto{
		width: 100%;
		height: 50vh;
		background-size: cover;
	}
	
	.contacto > .container{
		width: 100%;
	}	
	

	header .options a, header .options p{
		margin-left: 0;
	}	
	

	.google_translate_flags{
		padding-top: 15px;
	}
	.google_translate_flags > a{
		width: 50px;
		height: 50px;
	}		
}



/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {
	/*header*/	
	header .logo{
		position: absolute;
		margin-top: 10px;
		width: 309px;
		height: 142px;
	}	
	
	header.inside .logo{
		position: relative;
		margin-top: 10px;
		width:174px;
		height: 80px;
	}	
	
	header .hamburger{
		float: right;
		padding: 33px 0;
		height: 90px;}

	header nav, header ul.options{
		float: left;
		width: 100%;
		text-align: center;
		height: 0;
		padding-top: 0;		
		transition: height 0.1s ease-out;
		overflow: hidden;
	}	
	
	header.inside nav{
		padding-top: 10px;		
	}	
	
	header nav.active, header ul.options.active{
		height: calc(100vh - 90px);
		padding-top: 90px;
	}	

	header .options{
		font-size: 3.5rem;
		padding: 0;
		margin-bottom: 0;
		opacity: 0;		
	}	
	

	header .options a, header .options p{
		font-size: 3.5rem;
	}	
	
	header ul.options > li{
		line-height: 1.5;
		text-align: center;
	}	
	
	header .options.active{
		opacity: 1;
		transition: opacity .75s .3s;		
	}	
	
	header .options.active a:hover, header .options.active a:active{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=f6fc9c&ic=brush-9);
	}	
	
	header ul.options > li:nth-child(2) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=fefb52&ic=brush-6);
	}	
	
	header ul.options > li:nth-child(3) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=2bf4fb&ic=brush-5);
	}	
	
	
	/*bio*/
	
	.hero .textTrigger, .carousel .textTrigger{
		background-size: 50%;
	}	
	
	.homeText, .carousel-caption{
		width: 90%;
	}

/*YO*/
	

	header + section.yo{
		padding-top: 0;
	}
	.yo .bioText, .yo .texto {
	width: 100%;
    margin-top: 0;
	}
	
	.yo:before{
		content: "";
		display: block;
		width: 100%;
		height: 45vh;
		background-image: url("fondoYo.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
	}	
	
	.yo .imagenEpigrafe, .yo .galeria{
		width: 100%;
		height: 60vh;
		margin: 0;
		background-size: auto 95%;
		background-repeat: no-repeat;
		background-image: url("nacho993.png");
		background-position: center bottom;
	}	
	.yo .container{
		position: relative;
		z-index: 2;
	}
	.yo .fondo{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 50vh;
		background-image: url("fondoYo.jpg");
		background-position: center;
		background-size: cover;
	}	
	
	.yo .nacho{
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url("nacho993.png");
    background-position: top CENTER;
    background-size: 60%;
    background-repeat: no-repeat;
	}			
	
/*galeria*/

.grid-item, .productos a.grid-item {
	  width: 31.83333333333333%;
	}

.grid-item img{
	margin-bottom: 24px;
}

.grid-item p{
	font-size: 1.5rem;
	margin-bottom: 6px;
	line-height: 1;
}		
	
	
.obra .obraTexto, .obra .imagen{
	width: 100%;
}	

.obra h1 {
	margin-bottom: 10px;	
} 
	
	/*contacto*/
	.contacto{
		
	}
	
	.contacto .fondo{
		display: block;
		width: 50%;
		float: left;
		background-position: top left;
		background-image: url("fondoContacto.jpg");
		background-size: cover;;
		background-repeat: no-repeat;
	}
	
	.contacto .contactoTexto{
		display: block;
		width: 50%;
		float: right;
		padding: 30px;
	} 
	
	.contacto .contactoTexto{
		font-family: 'caroniregular';
		text-transform: uppercase;
	} 	
	

	header .options li.idioma{
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-right: 12px;
	}
	
	header .options li.idioma:last-of-type{
		margin-right: 0px;
	}
	
	header .options li.idioma a{
		width: 100%;
		height: 100%;
		display: block;		
	}	
	
	.contacto > .fotoContacto{
		height: 50vh;
		background-position: left top;
		background-size: cover;
	}	
	

	header .options a, header .options p{
		margin-left: 0;
	}		
	

	.google_translate_flags{
		padding-top: 15px;
	}
	.google_translate_flags > a{
		width: 60px;
		height: 60px;
	}		
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {
	/*header*/
		
	header .logo{
		position: absolute;
		margin-top: 10px;
		width: 309px;
		height: 142px;
	}	
	
	header.inside .logo{
		position: relative;
		margin-top: 10px;
		width:174px;
		height: 80px;
	}	
	
	header .hamburger{
		display: block;
		float: right;
		padding: 33px 0;
		height: 90px;}

	header nav, header ul.options{
		float: left;
		width: 100%;
		text-align: center;
		height: 0;
		padding-top: 0;		
		transition: height 0.1s ease-out;
		overflow: hidden;
	}	
	
	header.inside nav, header.inside ul.options{
		padding-top: 10px;		
	}		
	
	header nav.active, header ul.options.active{
		height: calc(100vh - 90px);
		padding-top: 90px;		
	}	

	header .options{
		font-size: 4rem;
		padding: 0;
		margin-bottom: 0;
		opacity: 0;		
	}	
		
	header .options.active{
		opacity: 1;
		transition: opacity .75s .3s;		
	}	
	
	header .options.active a:hover, header .options.active a:active{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=f6fc9c&ic=brush-9);
	}	
	
	header ul.options > li{
		display: block;
		width: 100%;
	}
	
	header ul.options > li a{
		font-size: 4rem;
	}	
	
	header ul.options > li:nth-child(2) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=fefb52&ic=brush-6);
	}	
	
	header ul.options > li:nth-child(3) a{
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=2bf4fb&ic=brush-5);
	}	
	
	/*bio*/
	.homeText, .carousel-caption{
		width: 72.5%;
	}

	.yo .bioText, .yo .texto {
	width: 100%;
    margin-top: calc(50vh - 60px);
	}
/*YO*/
	header + section.yo{
		padding-top: 0;
	}
	
	.yo:before{
		content: "";
		display: block;
		width: 100%;
		height: 45vh;
		background-image: url("fondoYo.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
	}	
	
	.yo .container{
		position: relative;
		z-index: 2;
	}
	
	.yo .imagenEpigrafe, .yo .galeria{
		width: 100%;
		height: 60vh;
		margin: 0;
		background-size: auto 95%;
		background-repeat: no-repeat;
		background-image: url("nacho993.png");
		background-position: center bottom;
	}
	
	.yo .fondo{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 50vh;
		background-image: url("fondoYo.jpg");
		background-position: center;
		background-size: cover;
	}	
	
	.yo .nacho{
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url("nacho993.png");
    background-position: top CENTER;
    background-size: 60%;
    background-repeat: no-repeat;
	}	
	
	.yo .texto{
	margin-top: 0;}
	
/*galeria*/
.grid-item, .productos a.grid-item {
	  width: 31.83333333333333%;
	}

.grid-item img{
	margin-bottom: 24px;
}

.grid-item p{
	font-size: 1.5rem;
	margin-bottom: 6px;
	line-height: 1;
}	
	
	/*contacto*/
	.contacto{
		
	}
	
	.contacto .fondo{
		display: block;
		width: 50%;
		float: left;
		background-position: top left;
		background-image: url("fondoContacto.jpg");
		background-size: cover;;
		background-repeat: no-repeat;
	}
	
	.contacto .contactoTexto{
		display: block;
		width: 50%;
		float: right;
		padding: 30px;
	} 
	
	.contacto .contactoTexto{
		font-family: 'caroniregular';
		text-transform: uppercase;
	} 	
	

	header .options li.idioma{
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-right: 12px;
	}
	
	header .options li.idioma:last-of-type{
		margin-right: 0px;
	}
	
	header .options li.idioma a{
		width: 100%;
		height: 100%;
		display: block;		
	}	
	

	header .options a, header .options p{
		margin-left: 0;
	}		
	
	.google_translate_flags > a{
		width: 75px;
		height: 75px;
	}	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px) and (max-width : 1399px) {
	/*header*/
	header .logo{
		top: 46px;
		position: absolute;
	}

	header.inside .logo{
		top:10px;
		width: 109px;
		height: 50px;
		background-size: contain;
		position: relative;
	}

	header .hamburger{
		display: none;
	}
	
	header .options{
		float: right;
		
	}
	
	
	header .options {
		margin-bottom: 0;		
	}
		
	header .options a{		
		font-size: 1.375rem;
	}
	
	header .options li{
		line-height: 70px;
		vertical-align: middle;
		height: 70px;
		margin-right: 25px;	
	}
	
	header .options li:nth-child(2){
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=fefb52&ic=brush-6);		
	}
	
	header .options li:nth-child(3){
		background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=2bf4fb&ic=brush-5);		
	}
	
	header .options li.idioma{
		margin-right: 15px;
	}

	header .options  li.idioma a{
		display: block;
		width: 27px;
		height: 65px;
	}
	
	header .options li:last-child, header .options li.idioma:last-child{
		margin-right: 0px;
	}	
	
/*home*/

.hero, .carousel-item{
	background-image: url("pintura-home-web.jpg");
	height: 80vh;
}

.hero .textTrigger, .carousel .textTrigger{
	background-size: 25%;
}

.homeText, .carousel-caption, .bioText, .yo .texto{
	width: 54%;
	padding: 30px;	
}

.homeText p, .carousel-caption p, .bioText p, .yo .texto p{
	font-size: 1.125rem;
}

.homeText h2, .carousel-caption h2, .bioText h2, .yo .texto h2{
	font-size: 2.188rem;
	margin-bottom: 25px;
}

.homeText p strong, .carousel-caption p strong, .bioText p strong, .yo .texto p strong{
	font-size: 2rem;
	margin-bottom: 0;
}

/*galeria*/
.grid-item, .productos a.grid-item {
	  width: 31.83333333333333%;
	}

.grid-item img{
	margin-bottom: 24px;
}

.grid-item p{
	font-size: 1.5rem;
	margin-bottom: 6px;
	line-height: 1;
}	
	
/*footer*/
footer{
	padding: 45px 0 50px;
}

footer > a{
	width: 30px;
	height: 30px;
	margin-right: 12px;
	margin-bottom: 18px;
}

footer p{
	font-size: 0.750rem;
	}	
	

/*YO*/
	header + section.yo{
		padding-top: 0;
	}
	
	.yo:before{
		content: "";
		display: block;
		width: 100%;
		height: 70vh;
		background-image: url("fondoYo.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
	}
	
	.yo .container{
		position: relative;
		z-index: 2;
	}
	.yo .fondo{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 50%;
		background-image: url("fondoYo.jpg");
		background-position: center;
		background-size: cover;
	}	
	
	.yo .texto{
		float: right;
		margin-top: 90px;
	}
	
	.yo .imagenEpigrafe, .yo .galeria{
		background-image: url("nachoV2.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;	
		margin-top: 90px;
		width: 45%;
		float: left;
	}
	
	.yo .imagenEpigrafe img, .yo .galeria img{
		display: none;
		position: relative;
		transform: none;
		top: auto;
		left: auto;
		object-fit: none;
		height: auto;
	}	
	
	.yo .nacho{
	z-index: 1;
    position: absolute;
	transform: translateY(-50%);
	top: 50%;
    bottom: auto;
    left: 0px;
    width: 50%;
	background-image: url("nachoV2.png");
    background-position: center;
    background-size: 85%;
    background-repeat: no-repeat;
	}	
	
	/*contacto*/
	.contacto{
		
	}
	
	.contacto .fondo{
		display: block;
		width: 50%;
		float: left;
		background-position: top left;
		background-image: url("fondoContacto.jpg");
		background-size: cover;;
		background-repeat: no-repeat;
	}
	
	.contacto .contactoTexto{
		display: block;
		width: 50%;
		float: right;
		padding: 30px;
	} 
	
	.contacto .contactoTexto{
		font-family: 'caroniregular';
		text-transform: uppercase;
	} 
}


/* Extra Large Devices, Wide Screens */
@media only screen and (min-width:1400px){	
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1300px;
	}	
	
	/*header*/
	
	header .logo{
		width: 407px;
		height: 187px;
		top: 25px;
		position: absolute;
	}

	header.inside .logo{
		top:10px;
		width: 183px;
		height: 84px;
		background-size: contain;
		position: relative;
	}

	header .hamburger{
		display: none;
	}
	
	header .options{
		float: right;
	}
	
	header .options{
		margin-bottom: 0;
	}
	
	header .options a{
		font-size: 1.500rem;
	}
	
	header .options li{
		display: inline-block;
		line-height: 104px;
		vertical-align: middle;
		height: 104px;
		margin-right: 40px;		
	}	

	header .options li:nth-child(2){
	background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=fefb52&ic=brush-6);		
	}

	header .options li:nth-child(3){
	background-image: url(https://s2.svgbox.net/pen-brushes.svg?color=2bf4fb&ic=brush-5);		
	}

	
	header .options li.idioma{
		margin-right: 15px;
	}
	
	
	header .options li:last-child, header .options  li.idioma:last-child{
		margin-right: 0px;
	}	
	
	header .options li.idioma a{
		display: block;
		width: 27px;
		height: 99px;
	}

	/*home*/
.hero, .carousel-item{
	background-image: url("pintura-home-web.jpg");
	height: 80vh;
}

.hero .textTrigger, .carousel .textTrigger{
	background-size: 25%;
}

.homeText, .carousel-caption, .bioText, .yo .texto{
	width: 54%;
	padding: 60px;	
}

.homeText p, .carousel-caption p, .bioText p, .yo .texto p{
	font-size: 1.375rem;
}

.homeText h2, .homeText p strong, .carousel-caption h2, .carousel-caption p strong, .bioText h2, .bioText p strong, .yo .texto h2, .yo .texto p strong{
}

.homeText h2, .carousel-caption h2, .bioText h2, .yo .texto h2{
	font-size: 3.188rem;
	margin-bottom: 25px;
}

.homeText p strong, .carousel-caption p strong, .bioText p strong, .yo .texto p strong{
	font-size: 2.563rem;
	margin-bottom: 0;
}

/*YO*/
	
	header + section.yo{
		padding-top: 0;
	}
		
	.yo:before{
		content: "";
		display: block;
		width: 100%;
		height: 70vh;
		background-image: url("fondoYo.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
	}
	
	
	.yo .container{
		position: relative;
		z-index: 2;
	}

	.yo .fondo{
			z-index: 0;	
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 37vh;
		background-image: url("fondoYo.jpg");
		background-position: center;
		background-size: cover;
	}

	.yo .texto{
		float: right;
		margin-top: 90px;
	}
	
	.yo .imagenEpigrafe, .yo .galeria{
		background-image: url("nachoV2.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;	
		margin-top: 90px;
		width: 45%;
		float: left;
	}
	
	.yo .imagenEpigrafe img, .yo .galeria img{
		display: none;
		position: relative;
		transform: none;
		top: auto;
		left: auto;
		object-fit: none;
		height: auto;
	}
	
	.yo .nacho{
	z-index: 1;
    position: absolute;
	transform: translateY(-50%);
	top: 50%;
    bottom: auto;
    left: 0;
    width: 50%;
	background-image: url("nachoV2.png");
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
	}		
	
/*galeria*/
	
.grid-item, .productos a.grid-item {
	  width: 31.83333333333333%;
	}

.grid-item img{
	margin-bottom: 24px;
}

.grid-item p{
	font-size: 1.5rem;
	margin-bottom: 6px;
	line-height: 1;
}	
	
/*footer*/
footer{
	padding: 45px 0 50px;
}

footer > a{
	width: 30px;
	height: 30px;
	margin-right: 12px;
	margin-bottom: 18px;
}

footer p{
	font-size: 0.750rem;
	}
}