/*
Theme Name: Laboratoria
Theme URI: https://www.garajedoce.es
Version: 1.0
Description: Tema hijo para Laboratoria
Author: garajedoce
Author URI: https://www.garajedoce.com
Template: Divi
*/


/*	MENU	*/

.icono-acceso > a
{
	font-family:'ETModules' !important;
}

/*  Vestido modular */


.selector_productos_modulares.et_pb_accordion .et_pb_accordion_item
{
	transition: background-color 1s;
}

.selector_productos_modulares.et_pb_accordion .et_pb_accordion_item.seleccion.et_pb_toggle_close
{
	background-color: #fbbdaf2b;
}

.selector_piel
{
	cursor:pointer;
	height:25px;
	width:25px;
	border-radius: 30px;
}

#piel_clara
{
	background-color: #e7ceb7;
}


#piel_oscura
{
	background-color: #a78c73;
}


#piel_negra
{
	background-color: #4c1e00;
}

.selector_piel.seleccionado
{
	border:3px solid black;
}

.contenedor.productos
{
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
    max-height: 60vh;
    scroll-behavior: smooth;
    flex-wrap: wrap;
    overflow: auto;
    min-height: 250px;
}

.contenedor.productos.active,
.contenedor.productos.active .producto
{
    cursor: grabbing !important;
}

.contenedor.productos.active .producto
{
	user-select:none;
}

.contenedor.productos .producto
{
  display: flex;
  flex-direction: column;
  gap:10px;
  cursor: pointer;
}

.contenedor.productos .producto.seleccionado

{
	border: 2px solid #fbbdaf66;
    padding: 5px;
    padding: 15px;
    background-color: #fbbdaf3b;
}

.contenedor.productos .producto .imagen img
{
  	height: 100%;
  	width: 100%;
  	object-fit: cover;
  	aspect-ratio: 1 / 1;
 	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

.contenedor.productos .producto .titulo-producto
{
  font-size: 16px;
}

.contenedor.productos .producto.seleccionado .titulo-producto
{
  font-size: 16px;
  min-width: 135px;
}

.contenedor.productos .producto .variaciones-wrapper
{
  margin-top:auto;
}

#vestido-modular
{
  position: relative;
  max-width:fit-content;
}

#vestido-modular .elemento
{
  position:absolute;
  bottom:-6%;
  left: -0.4vh;
  object-fit: cover;
  height: 100%;
}

#vestido-modular #img-maniqui
{
    height: calc(95vh - 180px);
    object-fit: cover;
}

#vestido-modular #img-auras
{
	bottom:-5%;
	z-index: 9999;
}
#vestido-modular #img-alas
{
	z-index:99;
	scale: 0.985;
    bottom: -5.3%;
	left: -0.5vh;
}


/*	
 *	CONTACT FORM 
 */

.lista-intereses
{
	display:grid;
	grid-template-columns: 1fr 1fr;
	border-bottom: 1px solid black;
    padding: 15px;
}

.lista-intereses .wpcf7-list-item
{
	font-size:12px;
}

.wpcf7-form-control.wpcf7-submit:disabled
{
	cursor:not-allowed !important;
	background-image: linear-gradient(83deg, #898989 51%, #000000 83%) !important;
}
/*	
 *	EFECTOS BOTONES
 */
 
@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 50% 0%;
	}
	100% {
		background-position: 100% 5%;
	}
}

.boton-magico
{
  transition: background-position 1s;
    background-size: 400%, 100%;
	background-image: linear-gradient(83deg, #1a1a1a 51%, #fbbdaf 83%);
}

.boton-magico:hover
{
	  animation: gradient 1s;
    background-position: 100% 0%;
}

/*	
*	WOOCOMMERCE
*/

.et_pb_wc_add_to_cart form.cart .variations td.value span:after{
	display:none !important;
}

/*
 * TABLET
 */

@media (max-width: 980px) 
{
	#vestido-modular #img-maniqui
	{
		height: calc(70vh - 180px);
	}
	
  .dsm_breadcrumbs .dsm_breadcrumbs_separator:last-of-type
  {
    display:none !important;
  }
  
}



/*
 * MÓVIL
 */

 @media (max-width: 768px)
 {
    html
    {
		font-size:14px;
	}
	 .lista-intereses
	{
		grid-template-columns: 1fr;
	}

	.lista-intereses .wpcf7-list-item
	{
		font-size:14px;
	}
	 
	#vestido-modular #img-maniqui
	{
		height:80vh;
	}

 }