/* 
Theme Name: adoscientoscincuentaicuatrolacasa
Theme URL: https://www.carlosgorospe.com/
Description: Tema vacio para utilizar plantillas
Author: Carlos Gorospe
Author URL: https://www.carlosgorospe.com/
Version: 1.0
*/




*, *::before, *::after {margin-top: 0!important;}
html body { margin: 0!important; }

* { box-sizing: border-box; }
get_header();


html {  margin-top: 0px !important;  
}

// <weight>: Use a value from 300 to 800
// <uniquifier>: Use a unique and descriptive class name

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
	background-color:/*#e7e5dd (gris jenart #868279;)*/ white;
	color:  /*#5e5e5e*/ black;
	font-family:  /*'Roboto', sans-serif */"Open Sans", sans-serif;;
	/*font-size: 1.2em;*/

}

div.wpcf7 .ajax-loader{
	display: none!important;
}
.cc-message{color:  /*#5e5e5e*/ black;}

h1 {
	/*color: #4fa4ff !important;*/
	/*font-family: 'DM Serif Display', serif;*/
  	font-size: 2.5em;
  text-align: center;
  font-weight: normal;
}
h2 {
  	font-size: 2em;
  text-align: center;
  font-weight: normal;
}
h3 {
  	font-size: 1.5em;
  text-align: center;
  font-weight: normal;
}
/* VERDE NAVIDAD #1d6831*/
/*-------------------------------PRUEBAS----------------------------------------*/
.relativa{
	position: relative;
}
.boton-estilo{
	position: relative;
	overflow: hidden;
}
.boton-adios{
	position: absolute;
	bottom: 0;
	transition: all 0.5s;
}
.boton-hola{
	position: absolute;
	bottom: -100%;
	transition: all 0.5s;
}
.boton-estilo:hover .boton-adios{
	top: -100%;
}
.boton-estilo:hover .boton-hola{
	bottom: 0;
}

#mensaje textarea{
padding: 10px 50px;
height: 300px!important;
}
.wpcf7-textarea{
	border: 0px;
}

#primary {
    width: 100%;
    padding: 0!important; 
}

.contenido-general{
	width: 100%;
	margin: 0 auto;
}

.site-content{
	min-height: 65vh;
	background-color: transparent;
}

/*---------------------------------------- GENERAL ------------------------------------------*/

a {
	text-decoration: none;
	color:  /*#5e5e5e*/ black;
}

.centrado{ text-align: center; }
.tg-container{
	min-width:100%;
	margin-bottom: 150px;

}
.siguiente-trabajo{
    font-size: 3em;
    color: #00000091;
}

.fondo-pagina{
	width:100%;
	/*margin-bottom:50px;*/
	background-color:/* #e7e5dd   #32373c*/ white;
	/*min-height: 100vh;*/
	overflow: hidden;
	position: relative;
  z-index: 0;
  padding-top: 50px;
}
.fondo-pagina-inicio{
	width:100%;
	/*margin-bottom:50px;*/
	background-color: /*#e7e5dd*/white;
	position: relative;
  z-index: 0;
}
.padding-top-50{
	padding-top: 50px;
}

/*------------------ ADORNOS NAVIDAD---------------------*/
.adorno-arriba-izq, .adorno-arriba-der, .adorno-abajo-izq, .adorno-aabajo-der{
	position: absolute;
}
.adorno-arriba-izq img, .adorno-arriba-der img, .adorno-abajo-izq img, .adorno-aabajo-der img{
	width: 50%;
}

.adorno-arriba-izq{
top: 0;
  left: 0;
  z-index: 99;
}
.adorno-arriba-der{
top: 0;
  right: 0;
  transform: scaleX(-1);
  z-index: 99;
}
.adorno-abajo-izq{
bottom: 0;
  left: 0;
  transform: scaleY(-1);
  z-index: 99;
}
.adorno-aabajo-der{
	bottom: 0;
  right: 0;
  transform: scaleX(-1) scaleY(-1);
  z-index: 99;
}

/*---------------------------------------------*/

.padding10 {padding: 10px;}
.texto-centrado {text-align: center;}
.dos-columnas {
	width: 100%;
	display:grid; 
	grid-template-columns: 1fr 1fr;
	padding: 20px;
    background: white;
    margin-top: 15px!important;
}
.texto-izquierda {text-align: left;}
.texto-derecha {text-align: right;}
.texto-centrado{text-align: center;}
.texto-derecha a{text-align: right;}
.h-centrado{display:flex; justify-content: center;}
.v-centrado{display:flex; align-items: center; justify-content: center!important;}
.h-derecha{display:flex; justify-content: right;}

.fas {
    font-size: 2em;
	color: rgba(0,0,0,0.5);
	padding: 10px;
	
}
.fas:hover{
	color: rgba(0,0,0,1);
}

.salto-linea{display: none;}

#cerrar {color: white; padding-top:10px; font-size: 2em; position: fixed; top; 5px; right: 5px;}

.margin-cero-auto{margin: 0 auto;}
.margin-bottom-20{ margin-bottom: 20px;}

.padding-top-100{padding-top: 100px;}

.visible-en-pequeño{display: none;     margin-top: 10px!important;}
.invisible-en-pequeño{
	display: block;
}

/*----------------------------------------- LEGAL ----------------------------------------------*/
.bloque-legal{
	width: 90%;
	margin: 0 auto;
}
/*-----------------------------------------ERROR 404----------------------------------------------*/
#caja-error-404{
	min-height: calc(100vh - 80px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#logo-error-404{
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
#logo-error-404 img{
	max-width: 100%;
}
.datos-error-404{
	margin: 0 auto;
}
.datos-error-404 h1{
	font-size: 4em!important;
	text-align: center;
}

/*---------------------------------------- Inicio Footer ------------------------------------------*/
footer{
	z-index: -999;
}
#pie_de_pagina {
	width: 100%;
	position: fixed;
	bottom: -40px;
	text-align: center;
	height: 200px;
	z-index: -999;
	line-height: 30px;
	
}
#pie_de_pagina p{
	margin: 0!important;
}
#icono-instagram img{
	height:15px;
	margin-right: 10px;
}
#icono-instagram{
	margin-top: 10px!important;
}
#icono-instagram:hover{
	text-decoration: none;
}
#pie_de_pagina_mobile{
	display: none;
}
.menu-footer a{
    color: #b0afa8;
}
 .menu-footer p{
    color: #b9b8b2;
}
.menu-footer a:hover{
	color: #9f9f9f;
	/*background: black;*/
}
#pie_de_pagina_mobile a:hover,#pie_de_pagina a:hover{
	color: #9f9f9f;
	/*background: black;*/
}
#pie_de_pagina a, #pie_de_pagina_mobile a{
	
	margin-bottom: 30px;
}
#pie_de_pagina img, #pie_de_pagina_mobile img{
	
	width: 15px;
	filter: brightness(0);
}

.resenas{
	background: white;
	padding: 30px;
}
/*---------------------------------------- Inicio Formulario ------------------------------------------*/


 #formu-btn-mensaje{
 	display: none;
 	position: fixed;
 	width: 100%;
 	bottom: -100%;
 	background-color: white;
 	border-top: none;
 	text-align: center;
 	transition: all 1s;
 	padding: 30px 0px 5px;
}


/*---------------------------------------- Inicio Header ------------------------------------------*/

.menu-principal-container a{ /*Texto menuuuu--------------------*/
	transition: none;

	
}


.menu-principal-container a:hover {
	/*background-color:black;
	 color: #00dbff #b0afa8;*/
	 color: #9f9f9f;
	
}
/*----------La pagina seleccionada------*/
.tg-site-menu--default .current_page_item > a, .tg-site-menu--default .current-menu-item > a, .tg-site-menu--default .current_page_ancestor > a, .tg-site-menu--default .current-menu-ancestor > a {

    font-weight: 600;
    border-bottom-color: #16181a;

}

.cenote-mobile-navigation a{
	font-size: 1.5em;
	color: /*#5e5e5e*/ black;
}
.tg-site-header {
    max-width: 3185px;
	width: 95%;
    margin: 0 auto;
	position: sticky;/* Con esto se queda fijo al hacer scrool a la distancia que le des con el top */
    top: 0px;
	z-index: 20;
}

header{
	width: /*95%*/ 100%;
	padding-left: 5%;
	height: 100px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: left;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 999;
	margin: 0 auto;
	background: white;
}
header span{
	text-align: left;
}
header nav {
	position: absolute;
	right: 5%;
	display: grid;
	align-items: center;
	transition: 0.5s;
}
header nav ul{
	list-style:none;
	padding: 0;
}
header nav ul li{
	float: left;
	padding: 0 10px;
}
header nav ul li a{
	color:  /*#5e5e5e*/ black;
	display: block;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
}

/*#menu-item-21{
	background:  #ddd6ce70; 
}
#menu-item-21:hover{
	color: #9f9f9f;
}*/

/*#menu-item-21 a{
	color: black;
	font-weight: bold;
}*/
#menu-item-21 a: hover{
	color: #9f9f9f;
	
}

.logo{
	display: grid;
	grid-template-columns: 1fr 1fr;
	
}
.logo img{
	max-width: 105px;
}
.logo a{
	display: grid;
	align-content: center;
	height: 100%;
	align-items: center;
}
.menu{
	right: 10px;
	margin: 0;
}
.menu-texto{
	display: grid;
	align-items: center;
}
#btn-menu{
	display:none;
}

.bajar{
	height: 60px;
}
.bajar img{
	width: 65px;
}

/*.home .logo{display: none !important;}*/

.home .logo {
    opacity: 0;
    visibility: hidden;
   transition: opacity 0.5s ease;
}

.home header.bajar .logo {
    opacity: 1;
    visibility: visible;
}

/*-------- menu boton----- */


/*-------------------------------FRANJA FIJA-----------------------------------*/
.franja-fija{
	height: 40px;
	padding: 10px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: /*#FFEA00 #e7e5dd*/ white;
	color:  /*#5e5e5e*/ black;
	display: none;
	
}



/*---------------------------------------- Inicio Página Inicio ------------------------------------------*/
.foto-inicio img{
	width: 100%;
}
.bloque-inicio{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	/*background: #00dbff #ddcgreenyellow ;
	min-height: calc(100vh - 100px);*/
	display: grid;
	align-items: center;
	margin-bottom: 30px;
}
.bloque-inicio p{
	padding-top: 20px;
}
.bloque-inicio span{
	text-align: left;
}
.formu-inicio{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	width: 80%;
	margin-bottom: 100px;
	margin-top: 50px!important;
	text-align: center;

}
.formu-inicio:first-of-type{
	display: grid;
	align-items: center;
}
.formu-inicio p{
	margin: 0!important;
}

.formu-inicio h2{
	font-size: 4em;
	margin-bottom: 40px;
	/*font-family: 'DM Serif Display', serif;*/
}

.formu-inicio-mobile{
	display: none;
	text-align: center;
}
.formu-inicio-mobile h2{
	font-size: 2em;
	max-width: 90%;
	margin: 0 auto;
	/*font-family: 'DM Serif Display', serif;*/
}


.formu-inicio input, .formu-inicio textarea, .franja-fija input, .franja-fija textarea{
	border:  none;
	margin: 10px;
	padding: 10px;

}
 #formu-btn-mensaje input[type=text], #formu-btn-mensaje input[type=email], #formu-btn-mensaje textarea{
 	border:  none;
	margin: 10px;
	padding: 10px;
	width: 80%;
 }
 #formu-btn-mensaje input[type=submit]{
 	background: black;
	color: white;
	border: 0;
	width: 50%;
	padding: 10px;

 }
/*.formu-inicio input{
	border-bottom: 0;
}*/
.formu-inicio input[type=submit]{
	background: black;
	color: white;
	margin-bottom: 20px;
	border: 0;
	width: 60px;
}
.formu-inicio input[type=submit]:hover, .formu-encargo input[type=submit]:hover, #formu-btn-mensaje input[type=submit]:hover{
	color: #9f9f9f;
	
}
.formu-inicio input[type=text],.formu-inicio input[type=email], .formu-inicio textarea{
	width: 80%;
}
/*.formu-inicio span:first-of-type input[type=text]{
	border-top: 4px solid black;
}
.formu-inicio textarea{
	border-bottom: 4px solid black;
}*/
.formu-inicio input[type=checkbox]{
	margin-bottom: 30px;
}
.formu-inicio span a, #formu-btn-mensaje a{
	font-weight: bold;
}
.formu-inicio span a:hover, .formu-encargo span a:hover,#formu-btn-mensaje a:hover{
	color: #9f9f9f;
	/*background: black;*/
}
.formu-inicio textarea{
	margin-bottom: 30px;
}
.texto-inicio span{
	padding: 10px;
	border: none;
}
/*.texto-inicio span:first-of-type{
	display: inline-block;
	margin-bottom: 60px;
	font-weight: lighter;
	font-size: 1.3em;
	color:  black;
	border: 0;
	padding: 0;
	text-align: center;
*/
}

/*.texto-inicio span:last-of-type{
	display: block;
	font-weight: bold;
	margin-top: 60px!important;
	border: 0;
	padding: 0;
}*/
.texto-inicio span a{
	font-weight: initial;
}
/*.texto-inicio span:hover{
	color: #9f9f9f;
	
}
.texto-inicio span:first-of-type:hover, .texto-inicio span:last-of-type:hover{
	background: transparent;
	color: #9f9f9f;
	
}*/
.btn-todos{
	text-align: center;
	padding: 30px;
}
.btn-todos a{
	text-decoration: none;
	color:  black;
	/*border: 2px solid;*/
	padding: 10px;
	margin: 20px 10px;
	background: #ddd6ce70;
	display: inline-block;
}

.btn-todos a:hover{
	color: #57534f70;
}
.texto-inicio h2{ text-align: center; }
#cajagapc{
	display: grid;
}
#cajagamo{
	display: none;
}
.logo-inicio{
	padding-bottom: 50px;
}
.logo-inicio img{
	width: 30vw;
	max-width: 400px;
}
.presentacion h2{
	font-weight: normal;
  padding-top: 60px;
  padding-bottom: 60px;
}
.wpcf7-textarea{
	height: 90px;
}

.titulo-formu-inicio{
	margin: 0 auto;
	padding-top: 100px;
}
.titulo-formu-inicio u{
	text-decoration: none;
  font-weight: bold;
  line-height: 1.5;
}
.bloque-lafoto-lapintura{
	/*padding-top: 80px;*/
}
.espacio1{
	width: 17%;
	display: inline-block;
}
.espacio2{
	width: 56%;
	display: inline-block;
}
.espacio3{
	width: 23%;
	display: inline-block;
}
.lafoto-lapintura{
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 40%;
	margin: 0 auto;
	padding-bottom: 60px;
	grid-column-gap: 50px;
}
.bloque-inicio .lafoto-lapintura{
	width: 30%;
}
.lafoto-lapintura span{
	padding-top: 30px;
 	display: block;
 	text-align: center;
}
.lafoto img{
	width: 100%;
	/*padding-top: 17%;*/

}
.lapintura img{
	width: 100%;
}
.texto-home{
	width: 50%;
	margin: 0 auto;
	opacity: 30%;
	
}
#wpcf7-f5-o1{
	padding-top: 30px;
}


.home .logo a {
    pointer-events: none;
}

.foto-home{
	width: 100%;
	padding-bottom: 50px;
}
.foto-home img{
	width: 100%;
}
.bloque-gris{
	width: 100%;
	background-color: #ddd6ce70;
	padding-top: 50px;
	padding-bottom: 50px;
}
.bloque-gris .btn-todos a, .bloque-gris .formu-inicio input[type="submit"] {
	background: white;
}
.texto-info-formu-encargo span{
  	display: block;
  	padding-top: 30px;
}

/*---------------------------------------- Inicio Galeria ------------------------------------------*/

.containers{
	width: 80%;
	margin: 0 auto;
	display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 40px;
  margin-bottom: 80px;
	
}

.containers .caja{
	width: 100%;
	margin: 0 0 30px;
	
	overflow: hidden;
	break-inside: avoid;
	

}
.caja{
	
	display: flex;
	flex-direction: column;
}
.caja .caja-datos-pintura{
	margin-top: 10px;
	text-align: left;
}
.containers img{
	
	width: 100%;
	transition: transform .5s;
}
.containers span{
	font-size: 0.8em;
}
.containers span:first-of-type{
	font-style: italic;
}

.containers u{
	text-decoration: none;
	color: green;
}

.containers h2 {
    color: /*#5e5e5e*/ black;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    font-size: 1em;
}




.containers .caja:hover .foto-pintura {
	background: /*#9f9f9f*/ white;
	
}
.containers .caja:hover .tu-encargo {
	background: /*#9f9f9f*/ white;
	
}

.containers-tres{
	width: 80%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-bottom: 50px;
	grid-gap: 15px;
}
.containers-tres .caja{
	width: 100%;
	margin: 0 0 30px;
	overflow: hidden;
	break-inside: avoid;
}
.containers-tres img{
	
	transition: transform .5s;
	max-height: 100%;
	max-width: 100%;
}
.foto-cuadro{
	height: 200px;
	overflow: hidden;
}



.texto-galeria h1{
	text-align: center;
	margin-bottom: 80px;
	margin-top: 35px !important;
	/*font-family: 'DM Serif Display', serif;*/
}

.tu-encargo h2{


	 width: 83%;
  height: 54%;
  border: 4px dashed black;
  text-align: center;
  background: white;
  
  /*font-weight: bold;
  font-size: 1.5em;*/

  padding-top: 17%;


}

.bloque-encargo .tu-encargo h2 {
	border: 4px dashed black;
}
.titulo-encargo{
	/*width: 50%;*/
  margin: 0 auto;
  padding: 10px;
}
.titulo-encargo span, .hablar-whatsapp span{
	text-align: center;
	line-height: 2.3;
	display: block;

}
.titulo-encargo h1{
	font-weight: lighter;

}
.tu-encargo u, .titulo-encargo u, .formu-encargo u{
	text-decoration: none;
	font-weight: bold;
	line-height: 1.5;
}

/*.titulo-encargo h3{
	font-size: 2em;
}*/
.seleccionado{
	border: 1px solid;
	padding: 10px;
}
.vendido{
	position: absolute;
	top: 5px;
	right: 5px;
	
}
.vendido span{
	font-style: initial!important;
	color: /*#b0afa8 #b7b7b7*/ white;
	background: /*rgba(0, 0, 0, 0.7) white*/black ;
	padding: 3px;
}
.foto-cuadro{

}
.caja-ga{
	width: 90%;
	margin: 0 auto;
}
.titulo-ga{
	text-align: center;
	border-bottom: 1px solid black;
	margin-bottom: 45px;
}
/*.titulo-ga h1{
	font-weight: lighter;
}*/
html body .modula-fancybox-bg {
    background: #595959!important;
}

.foto-pintura{
	padding: 10%;
  background: /*gainsboro #dcdcdc70*/ #ddd6ce70;
  width: 100%;
  margin-bottom: 10px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;

  
}
  

.foto-pintura img{
	box-shadow: /*0 6px 5px rgba(0, 0, 0, 0.4)*/ 0 5px 3px rgba(0, 0, 0, 0.8);
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;

  object-fit: cover;
  display: block;

}
.caja-datos-pintura span{
	opacity: 60%;
  	text-align: left;
}
.caja-datos-pintura h2{
	text-align: left;
}

.caja .tu-encargo{
	width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  background: /*#f0f0f0*/ #ddd6ce70;
  
}
.titulo-galeria h3{
	text-align: center;
  padding-bottom: 20px;
  font-weight: normal;
}

.bloque-inicio .containers{
	
  grid-template-columns: repeat(4,1fr);

}
.hablar-whatsapp{
	padding-top: 10px;
}
.hablar-whatsapp .btn-todos{
	padding-top: 30px;
  	padding-bottom: 0px;
}

.hablar-whatsapp .btn-todos a{
	margin: 0;
}
/*---------------------------------------- Inicio Pintura Unica ------------------------------------------*/
.bloque-pintura-unica{
	/*height: 100vh;*/
	display: grid;
	align-items: center;
	width: 100%;
	/*top: 0;
	background: white;
	position: absolute;*/
	position: relative;
	background: /*#ccc #dcdcdc70*/ #ddd6ce70;
	height: auto;
	padding-top: 4%;
  
}
.pintura-unica{
	width: 100%;
	text-align: center;
	/*position: relative;

	padding-top: 10%;*/
}
.pintura-unica img{
	max-width: 80vw;
	max-height: 80vh;
	box-shadow: 0 6px 5px rgba(0, 0, 0, 0.4);
	margin-bottom: 10%;
	width: auto;
  	height: auto;
}
.pintura-unica img:hover{
	cursor: zoom-in;
}

.datos-pintura-unica{
	position: absolute;
	text-align: left;
	bottom: 0;
	left: 30px;
	padding-bottom: 20px;
}

.datos-pintura-unica span{
	font-style: italic;
	font-size: 1em;
}
.datos-pintura-unica u{
	text-decoration: none;
	font-style: normal;
	/*font-weight: bold;*/
	line-height: 4;
}
.datos-pintura-unica h2 {
   /* color: black;*/
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    font-size: 2em;
    text-align: left;
}
.botones-sig a{
	font-size: 3em;
	font-family: 'Advent Pro', sans-serif;
	color: #bbb;
}
.anterior{
	position: absolute;
	right: 30px;
	top: 50%;
}
.siguiente{
	position: absolute;
	left: 30px;
	top: 50%;
}
.botones-sig a:hover{
	/*background: black;*/
	color: #9f9f9f;
}

.descripcion-pintura{
	width: 30%;
	margin: 0 auto;
	text-align: justify;
	padding-top: 100px;
}
.titulo-foto-extra{
	text-align: center;
}
.foto-extra-1, .foto-extra-2,.foto-extra-3/*,.foto-extra-4,.foto-extra-5*/{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.foto-extra-1{columns: 1;}
.foto-extra-2{columns: 2;}
.foto-extra-3{columns: 3;}
/*.foto-extra-4{columns: 3;}
.foto-extra-5{columns: 3;}*/

.foto-extra-1 img, .foto-extra-2 img,.foto-extra-3 img/*,.foto-extra-4 img,.foto-extra-5 img*/{
	max-width: 300px;
	padding: 10px;
}
.foto-extra-1 img:hover, .foto-extra-2 img:hover,.foto-extra-3 img:hover{
	cursor: zoom-in;
}

.visible {
	display: flex; 
	justify-content: center;
	align-items: center;
	z-index: 8000;
	width: 100%;
	height: 100%;
	background-color: /*rgba(1,1,1,0.8)*/ white;
	position: fixed;
	top: 0;
	left: 0;
	cursor: zoom-out;
	}	

.caja-zoom img{
	max-height: 95vh;
	max-width: 95vw;
}


/*------------- FORMU PINTURA -----------*/
.titulo-formu-pintura {
	font-size: 2em;
	margin-bottom: 40px;
	text-align: center;
	margin-top: 50px !important;
}

.titulo-formu-pintura u{
	background: black;
	color: white;
	font-style: italic;
	text-decoration: none;
	font-size: 1.5em;
}

.formu-pintura{
	margin: 0 auto;
	width: 80%;
	margin-top: 50px!important;
	text-align: center;
	max-width: 750px;

}

.formu-pintura p{
	margin: 0!important;
}

.formu-pintura h2{
	font-size: 2em;
	margin-bottom: 100px;
}

.formu-pintura u{
	background: black;
	color: white;
	font-style: italic;
	text-decoration: none;
	font-size: 1.5em;
}
.texto-pintura h2{
	font-size: 2em;
	margin-bottom: 20px;
	/*font-family: 'DM Serif Display', serif;*/
}
.texto-pintura span{
	display: inline-block;
	margin-top: 20px !important;
	text-align: justify;
}
.formu-pintura input, .formu-pintura textarea{
	border:  4px solid black;
	margin: 10px;
	padding: 10px;
}
.formu-pintura input[type=submit]{
	background: black;
	color: white;
	margin-bottom: 20px;
	width: auto;
	margin-top: 20px !important;
}
.formu-pintura span a{
	font-weight: bold;
}
.formu-pintura input[type=text], .formu-pintura input[type=email], .formu-pintura textarea{
	border:  none;
	margin: 10px;
	padding: 10px;
	width: 50%;
}
.formu-pintura textarea, .formu-pintura input[type=checkbox]{
	margin-bottom: 30px;
}

.proceso-video{
	text-align: center;
 	padding: 100px;
}
.video-intro{
	padding-bottom: 20px;
}
/*---------------------------------------- Inicio HACER UN ENCARGO ------------------------------------------*/


.bloque-encargo{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	/*background: #00dbff #ddcgreenyellow ;*/

}
.proceso-encargo{
	text-align: center;
	width: 90%;
	max-width: 750px;
	margin: 0 auto;
	line-height: 2;
}
.proceso-encargo img{
	max-width: 100%;
}
/*.proceso-encargo div ol{
	margin: 0 auto;
	background: yellow ;
	padding: 0px;
	list-style: none;
}*/
.proceso-encargo u{
	display: inline-block;
	margin-top: 20px !important;
	text-decoration: none;
}
.proceso-encargo ul{
	margin-top: 20px!important;
}
.proceso-encargo ul li{
	line-height: 50px;
	text-align: left;
}
.proceso-encargo a{
	font-weight: bold;
	/*border-bottom: 2px dashed black;*/
	padding-bottom: 5px;
}
.datos-contacto h2{
	/*font-family: 'DM Serif Display', serif;*/
	font-size: 3em;
	text-align: center;
}
.datos-contacto span{
	line-height: 2;
	text-align: center;
	display: block;
}
.datos-contacto a{
	font-size: 1em;
}
.proceso-encargo  h3 li{
	margin-top: 20px!important;
	margin-bottom: 20px;
	font-size: 1.5em;
	padding: 4px;
	font-weight: normal;
}

.proceso-encargo h3{
	margin-bottom: 0;
  font-size: 1.5em;
  font-weight: inherit;
  padding-bottom: 30px;
}

.proceso-encargo  h3 u{
	font-weight: bold;
	text-decoration: none;
}

.proceso-encargo ::marker{
	color: /*#5e5e5e*/ black;
}
.formu-encargo{
	/*margin-top: 50px!important;*/
	width: 90%;
	margin: 0 auto;
	text-align: center;
	max-width: 750px;
	padding-top: 30px;
}
.formu-encargo input, .formu-encargo textarea{
	/*border:  4px solid black;*/
	border: none;
	/*margin-bottom: 30px;*/
	padding: 10px;

	width: 100%;
	/*border: 0;
	background: #f7f7f7;*/
}
.formu-encargo .texto-mascota{
	display: inline-block;
	margin-bottom: 10px;
	text-align: left;
	width: 100%;
}
.formu-encargo input[type=submit], .formu-inicio input[type=submit]{
	background: white;
	color: black;
	padding: 20px;
	width: 50%;
	border: 0;
	font-size: 1em;
	margin-bottom: 20px;
}
.formu-encargo input[type=checkbox]{
	width: auto;
}
.formu-encargo span a{
	font-weight: bold;
}
.formu-encargo select{
    padding: 10px;
    border: none;
    width: 100%;
    background: white;
}
.bloque-encargo .tu-encargo h2{
	text-align: center;
	margin: 0 auto;
	width: 25%;
	padding-bottom: 150px;
	padding-top: 150px;
	margin-bottom: 50px;
}


.titulo-encargo h2{
	font-size: 2em;
	margin-bottom: 50px;
	margin-top: 50px!important;
	/*font-family: 'DM Serif Display', serif;*/
	font-weight: normal;
}
.formu-calcular{
	margin: 0 auto;
	width: 50%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	text-align: right;
}
.formu-calcular span:last-of-type{
	font-weight: bold;
}
.calcular{
	margin-top: 100px !important;
}
.calcular input[type=text]{
	width: 50px;
	border: none;
	text-align: left;
	text-align: center;
}
.calcular input[type=text]:last-of-type{
	border:0;
	font-size: 1.2em;
}
.calcular input[type=button]{
	background: black;
	color: white;
	border: 0;
	width: 50px;

}
.tabla-precios{
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 15%;
	grid-row-gap: 11px;
	margin: 0 auto;
}
.tabla-precios span{
	text-align: right;
	border-bottom: 1px solid #e8e8e8;
	
}
.tabla-precios span:nth-child(odd){
	text-align: left;
}
.tabla-tamanos{
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 11px;
	margin: 0 auto;
}
.envios span{
	text-align: center;
	display: inline-block;
	margin-top: 30px !important;
}
.envios u{
	font-weight: bold;
	text-decoration: none;
}
.preguntar-wasap{
	display: none;
	margin-top: 50px!important;
	max-width: 80%;
	margin: 0 auto;
}
.preguntar-wasap a{
	margin-top: 20px !important;
	display: inline-block;
	padding: 15px;
	border: none;
}
ol{
	list-style: none;
	padding: 0;
}


.tamanos {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 40px; /* separa las tres columnas */
  /*height: 375px;*/
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 90px;
}

.tamano-grande,
.tamano-mediano,
.tamano-pequeno {
  width: 200px; /* mismo ancho para todos */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}

.tamano-grande img {
  width: 100%;
}

.tamano-mediano img {
  width: 83%;
}

.tamano-pequeno img {
  width: 67%;
}

.tamano-grande img,
.tamano-mediano img,
.tamano-pequeno img {
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.8);
  margin-bottom: 15px;
}

/*.tamanos u {
  font-weight: bold;
}*/

.lista-proceso u{
  font-weight: bold;
}

.wpcf7-spinner{
	display: none!important;
}



.faq {
  max-width: 700px;
  margin: 0 auto;
  padding: 30px 20px;
}
.faq h2 {
  text-align: center;
  margin-bottom: 25px;
}
.faq details {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.faq summary {
  cursor: pointer;
  position: relative;
  list-style: none;
  font-size: 1.2em;
}
.faq summary::after {
  content: '+';
  position: absolute;
  right: 0;
  font-size: 18px;
}
.faq[open] summary::after,
.faq details[open] summary::after {
  content: '–';
}
.faq p {
  padding: 66px 0;
  font-size: 1em;
  font-weight: lighter;
  line-height: 1.5;
}
.duda{
	padding: 50px 0 60px;
}

.encargo-horizontal{
	display: grid;
	grid-template-columns: 2fr 1fr;
	width: 80%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 90px;
	
}
.titulo-encargo {
	padding-bottom: 30px;
}
.bloque-inicio-encargo{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 90px;
}
.bloque-inicio-encargo u{
	text-decoration: none;
  font-weight: bold;
}

.tamanos-tamano{
	display: inline-block;
  width: 30%;
}
.video-proceso{
	text-align: center;
	margin-bottom: 50px;
}
.enlaces-encargar span a{
	font-weight: bold;
}
.enlaces-encargar{
	text-align: center;
}
.formu-encargo .codedropz-upload-handler{
	border: none;
	background-color: white!important;
}
.wpcf7-form-control-wrap{
	display: block;
	padding-top: 10px;
  	
}
.video-proceso span{
	display: block;
  	padding-bottom: 30px;
}

  /*---------------------------------------- INICIO SOBRE MI ------------------------------------------*/




.datos-sobre-mi h2{
	/*font-family: 'DM Serif Display', serif;*/
	font-size: 3em;
	text-align: center;
}
.datos-sobre-mi span{
	line-height: 2;
	text-align: justify;
	display: block;
}
.datos-sobre-mi a{
	font-size: 2em;
}

.datos-sobre-mi img{
	padding-bottom: 50px;
}
.datos-sobre-mi{
	padding-bottom: 100px;
}  






.grecaptcha-badge{
	display: none!important;
}






























/*---------------------------------------- MEDIA MEDIANO-GRANDE ------------------------------------------*/
@media (max-width: 1800px) {
	
	

.tu-encargo h2{
  padding-top: 3%;
}

@media (max-width: 1600px) {
	
	
	.datos-pintura-unica{
	position: unset;
	width: 80vw;
    margin: 0 auto;
    /*margin-bottom: 20px;*/
	}


}

@media (max-width: 1550px) {
	.tu-encargo h2{
	font-size: 1em;
	padding-top: 17%;
	}
	.formu-encargo input[type="submit"], .formu-inicio input[type="submit"] {
	  width: 60%;
	}

}





@media (max-width: 1500px) {
.tamanos-tamano{
	display: block;
	width: 100%;
}

}



@media (max-width: 1420px) {
.descripcion-pintura{
	width: 40%;
}

}





@media (max-width: 1270px) {

	.formu-inicio{
		display: none!important;
	}
	.formu-inicio-mobile{
		display: block;
	}
	.formulario-inicio, .aceptar-formulario{
   		 display: none;
	}
	.invisible-en-pequeño{display: none;}
	.visible-en-pequeño{display: block;}
	.boton-inicio{display: block;}	

	.tabla-precios{
	width: 20%;
	}
	.formu-inicio-mobile h2 {
    font-size: 5em;
	}
	.tu-encargo h2{
	font-size: 1em;
	}
	.formu-encargo input[type="submit"], .formu-inicio input[type="submit"] {
	  width: 80%;
	}
}

/*---------------------------------------- MEDIA MEDIANO ------------------------------------------*/
@media (max-width: 1150px) {

	body {
	font-size: 1em;
}
	.preguntar-wasap{
	display: inline-block;
}
.containers{
	display: grid;
  /*grid-template-columns: repeat(3,1fr);*/
  gap: 40px;
	width: 95%;
}
	header {
    width: 100%;
}
.containers2{
	padding: 100px 20px;
}

.fondo-inicio{
	height: auto;
}
	.tg-site-header{
		padding: 20px;
	}
	
	
	
	
	.contenido-general {
    width: 100%;
	}
	
	.tg-site-header.tg-site-header--left .tg-header-bottom .site-branding img {
    max-width: 80%;
	}
	.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    width: 70%;
	}
	
	
	.site-branding {
		width: 50%;
	}
	
 /*.tu-encargo h2 {
    font-size: 2em;
}*/
	
#caja-error-404 {
    width: 80%;
    margin: 0 auto;
}

.invisible-en-pequeño{
	margin-bottom: 50px;
}
 .logo img{
	max-width: 100px;
}

/*.tamano-grande, .tamano-mediano, .tamano-pequeno {
  height: 335px;
}*/

.titulo-encargo{
	width: 80%;
}
.texto-home{
	width: 70%;
	text-align: justify;
}
.containers, .containers2{
	display: grid;
  grid-template-columns: repeat(4,1fr);
  
}
.descripcion-pintura{
	width: 50%;
}
.lafoto-lapintura {
  width: 50%;
}

	
}

	








@media (max-width: 1000px) {
.formu-inicio{
	grid-template-columns: 1fr;
}
.bloque-inicio h1{
	margin-top: 0px!important;
}
.containers{
	display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 40px;
	width: 95%;
}
.bloque-inicio .containers {
  grid-template-columns: repeat(2,1fr);
}
.descripcion-pintura{
	width: 70%;
}

}











/*---------------------------------------- MEDIA PEQUEÑO ------------------------------------------*/
@media (max-width: 925px) {


header nav{
		width: 60%;
		height: 100%;
		margin: 0;
		position: fixed;
		background: white;
		bottom: 0;
		z-index: -1;
		text-align: center;
		
		
	}
	.menu-oculto{
	right: -100%;
	}
	.menu-visible{
	right: 0!important;
	/*border-left: 3px solid;*/
	padding: 20px;
	}
	header nav ul li{
		display: block;
		float: none;
		margin: 20px 0;
		padding: 0;
		font-size: 1.5em;
		
	}
	
	#btn-menu{
		display:block;
		position: absolute;
		right:10px;
		background: none;
		border: 0;
		width: auto;
		font-size: 2em;
		cursor: pointer;
		color: /*#5e5e5e*/ black;
	}
	#btn-menu:focus{
		outline:0px;
		box-shadow: none;
	}
	#cerrar-menu{
		display:block;
		position: absolute;
		top: 30px;
		right: 30px;
		font-size: 2em;
	}

.menu-visible{
	right: 0!important;
}



	.tabla-precios{
	width: 40%;
	}
	header nav ul{
		text-align: left;
	}

/*.tamano-grande, .tamano-mediano, .tamano-pequeno {
  height: 243px;
}*/
.formu-encargo input[type="submit"], .formu-inicio input[type="submit"] {
	  width: 90%;
	}




}










@media (max-width: 800px) {

.encargo-horizontal{
	grid-template-columns: 1fr;
	width: 90%;
	margin: 0 auto;
}
.proceso-encargo {
  line-height: 1.5;
}
.texto-home{
	width: 100%;
}
.formu-encargo input[type="submit"], .formu-inicio input[type="submit"] {
	  width: 50%;
	}
	.lafoto-lapintura {
  width: 60%;
}


}
















@media (max-width: 768px) {

	.formu-inicio-mobile h2 {
    font-size: 3em;
	}

	.titulo-encargo span{
	/*text-align: justify;
	width: 70%;*/
	display: inline-block;
}
	.formu-pintura h2 {
    font-size: 2em;
}
	.foto-extra-1, .foto-extra-2,.foto-extra-3{
	width: 90%;
}
	.bloque-pintura-unica{
		position: relative;
	}
	.datos-pintura-unica{
		margin-bottom: 0;
	}
	.descripcion-pintura {
    margin-top: 0 !important;
}
	.botones-sig{
		position: relative;
	}

.bloque-encargo .tu-encargo h2 {
    width: 60%;
    margin-top: 50px !important;
}

.proceso-encargo h3 li {
	font-size: 1.5em;
	max-width: 100%;
}

.formu-encargo {
    width: 70%;
   }

.proceso-encargo {
    width: 90%;
}

.formu-pintura {
    margin-top: 100px!important;
}
.bloque-pintura-unica {
    /*height: calc(100vh - 50px);*/
     height: calc(100vh + 80px);
}
.caja-zoom img {
    max-height: 100vh;
    max-width: 100vw;
}

.containers, .containers2{
	display: grid;
  grid-template-columns: repeat(2,1fr);
  
	column-gap: 3%;
}
.franja-fija{
	display: grid;
	grid-template-columns: 1fr 1fr;
	z-index: 99;
	}



#pie_de_pagina{
		height: 180px;
		padding-right: 25px;
		padding-left: 25px;
		bottom: 30px;
	}
	.invisible-en-pequeño{display: none;}
	
	
	.tg-site-header .tg-header-bottom .header-bottom-bottom .tg-container {
		padding: 5px;
	}
	.tg-site-header.tg-site-header--left .tg-header-bottom .header-bottom-bottom .site-branding {
		margin-bottom: 0px;
	}
	.site-content {
		margin-bottom: 0px;
	}
	.tg-container {
    	margin-bottom: 250px;
	}
	
	

	.tg-container {
		padding: 0;
		width: 100%;
		}

	
	.tg-site-header {
		padding: 1px;
		}
	
	.tg-site-header.tg-site-header--left .tg-header-bottom .site-branding img {
		max-width: 50%;
		}
	
	.contenido-general{
		width: 100%;
		}
#pie_de_pagina_mobile {
	display: block;
	width: 100%;
	position: fixed;
	bottom: 90px;
	text-align: center;
	height: 200px;
	z-index: -20;
	line-height: 30px;
	
}
	#pie_de_pagina_mobile img{
	 width: 20px;
	}

	#pie_de_pagina {
	display: none;	
	}

	
 #btn-mensaje{
 	cursor: pointer;
 }
 #formu-btn-mensaje{
 	display: block;
 }
 #formu-btn-mensaje h5{
 	font-weight: bold;
 	margin-bottom: 10px;
 	font-size: 1em;
 }
 .formu-btn-mensaje-visible{
 	bottom: 40px!important;
 }
 .logo img{
	max-width: 70px;
}
header{
	height: 50px;
}
/*.tamano-grande, .tamano-mediano, .tamano-pequeno {
  height: 280px;
}*/

.proceso-video{
	text-align: center;
 	padding: 0;
 	padding-top: 100px;
}
.proceso-encargo h3{
  font-size: 1.3em;
  padding-bottom: 30px;
}

.adorno-arriba-izq img, .adorno-arriba-der img, .adorno-abajo-izq img, .adorno-aabajo-der img{
	width: 30%;
}




}








@media (max-width: 600px){

.logo-inicio{
	width: 100%;
  	margin-bottom: 10%;
}
.logo-inicio img{
	width: 50%;
}
.bloque-inicio{
	/*min-height: calc(100vh - 90px);*/
display: grid;
align-content: flex-start;
}
/*.bloque-inicio h1 {
    font-size: 2em;
    display: none;
}*/
.texto-inicio .btn-todos{
	margin-top: 50px!important;
	margin-bottom: 0px;
	padding: 0;
}
.texto-inicio .btn-todos:last-of-type{
	margin-top: 10px!important;
	margin-bottom: 50px;
}
.texto-inicio .btn-todos a{
	width: 60%;
	margin: 0 auto;
	display: block;
	/*border-style: dashed;*/
}
/*.texto-inicio .btn-todos:last-of-type a{
	background: black;
	color: white;
}*/
.pintura-unica img {
    max-width: 90vw;
    max-height: 90vh;
}
.datos-pintura-unica {
    width: 90vw;
}
.formu-pintura{
	width: 100%;
}
.texto-pintura{
	width: 90%;
	margin: 0 auto;
}
.formu-pintura input[type=text], .formu-pintura input[type=email], .formu-pintura textarea{
	width: 90%;
}
.tabla-precios{
	width: 60%;
	}
/* .tu-encargo h2 {
    font-size: 1.5em;
}

.tamano-grande, .tamano-mediano, .tamano-pequeno {
  height: 230px;
}*/

h1{
	font-size: 2em;
}





}











@media (max-width: 570px){
#cajagapc{
	display: none;
}
#cajagamo{
	display: grid;
}
 .tu-encargo h2 {
    font-size: 1.3em;
}
.titulo-encargo h3{
	font-size: 1.2em;
}

.proceso-video iframe{
	width: 100%!important;
}
.titulo-encargo{
	width: 100%;
}
.descripcion-pintura{
	width: 80%;
}
.formu-encargo input[type="submit"], .formu-inicio input[type="submit"] {
	  width: 80%;
	}
.lafoto-lapintura {
  width: 80%;
}


}











@media (max-width: 480px){
	.containers,.containers2{
	display: grid;
  grid-template-columns: repeat(2,1fr);
	}
	.formu-inicio-mobile h2 {
    font-size: 2em;
	}
	 .tu-encargo h2 {
    font-size: 1em;
}
}










@media (max-width: 380px) {
	/*.containers,.containers2{
	columns:1;
}*/
.tu-encargo h2 {
    padding: 60px 0;
}
.bloque-encargo .tu-encargo h2,.tabla-precios {
    width: 80%;
}
.titulo-encargo span {
    width: 90%;
}

.proceso-encargo {
    width: 79%;
}
.formu-encargo {
    width: 79%;
}

}