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

/*////// GENERAL ///////*/

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	font-family: "condor", sans-serif;
    font-weight: 500;
    font-style: normal;
	height: 100vh;
	
}

a{
	font-family: "condor", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 13pt;
	color: #fff;
	text-decoration: none;
}

.submenu::-webkit-scrollbar {
	width: 10px;
	background: #A3A3A3;
	
	
}

.submenu::-webkit-scrollbar-thumb{
	border: 1px solid #272E66;
	background: #1F1F1F;
	border-radius: 10px;
}



/*/////////////////// SLIDER_PRODUCTO_UNA_PIEZA ///////////////////*/


.titulo_pieza{
	width: 100%;
	text-align: center;
	padding: 20px;
}

.direction{
    text-align: center;
}

.direction button{
    font-family: cursive;
    font-weight: bold;
    background-color: #000;
    border:none;
    width:50px;
    height:50px;
    border-radius: 50%;
    transition: 0.5s;
    margin:0 10px;
}

.direction button:hover{
    background-color: #000;
	
}

.card{
    border-radius: 15px;
    width:300px;
    height:300px; 
    background-image: linear-gradient(to top, #AEC0CE, #ECECF2);
    overflow: hidden;
    transition: 0.5s;
    margin:10px;
    scroll-snap-align: start;
}

.card .avatar{
    display: block;
    margin:10px auto 10px;
    width:80%;
    height:170px;
    object-fit: cover; 
    border-radius: 20px;
    box-shadow: 0 10px 15px #7e878d;
}

.card .content{
    padding:20px;
    
}

.card .content table td{
    padding:10px 0;
    border-bottom: 1px solid #AEC0CE;
	font-size: 11pt;
}

.card .content table td:nth-child(2){
    text-align: right;
	font-size: 11pt;
}

.card .content table a{
	color: #000;
	font-size: 12pt;
}

.card .nameGroup{
    text-align: center;
    border-bottom:none!important;
}

#list{
    display: flex;
    width:max-content;
}

#formList{
    width:1280px;
    max-width: 100%;
    overflow: auto;
    margin:10px auto 20px;
    scroll-behavior: smooth;
    scroll-snap-type: both;
}

#formList::-webkit-scrollbar{
    display: none;
}


/*/////////////////// OFERTAS DE TEMPORADA ///////////////////*/

.cont_ofertas_temp{
	
	padding: 20px;
	margin: 40px 0px;
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
}

.cuadro_oferta{
	background: url("../images/promo_otono.jpg");
	width: 500px;
	height: 250px;
	
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
}

.cuadro_oferta h2{
	font-size: 25pt;
	text-align: center;
	padding:0px  0px 20px;
	color: #fff;
}

.cuadro_oferta  a{
	border: solid 1px #000;
	background: #000;
	padding: 8px;
	width: 120px;
	font-size: 12pt;
	text-align: center;
	border-radius: 10px;
	
}

.cuadro_oferta2{
	background: url("../images/promo_2.jpg");
	width: 500px;
	height: 250px;
	
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
}

.cuadro_oferta2  a{
	border: solid 1px #000;
	background: #000;
	padding: 8px;
	width: 120px;
	font-size: 12pt;
	text-align: center;
	border-radius: 10px;
	
}

.cuadro_oferta2 h2{
	font-size: 25pt;
	text-align: center;
	padding:0px 0px 20px;
	color: #fff;
}


/*/////////////////// LO MAS RECOMENDADOS ///////////////////*/



/*/////////////////// GALERIA ///////////////////*/




/*/////////////////// LOS MAS VENDIDOS (TARJETAS) ///////////////////*/

.contendor_productos_ventas{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	
	padding: 20px 0px;
	
	gap:20px;
}


.card_ventas{
	height: 390px;
	width: 300px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 70px 63px	-60px #000;
	position: relative;
	transition: 0.8s;
	margin: 10px;
	
}

.card_ventas img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 1s ease-in-out;
/*	filter: grayscale(1); */
}

.card_ventas:hover img {
	width: 200%;
/*	filter: grayscale(0); */
}

.card_ventas:hover{
	transform: translateY(-30px);
	box-shadow: 0 90px 63px	-20px #000;
	
}

.content_ventas{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	font-family: sans-serif;
	text-align: center;
	padding: 20px 0;
	transition: 0.8s;
	backdrop-filter: blur(0px);
	transform: translateY(50%);
	background:rgba(0,0,0,.5);
	
}

.card_ventas:hover .content_ventas{
	backdrop-filter: blur(10px);
	transform: translateY(0);
	background:rgba(0,0,0,.8);
}

.content_ventas h2{
	margin: 5px;
	font-size: 14pt;

}

.content_ventas .des{
	font-size: small;
	font-weight: 100;
	padding: 10px 0;
	
}

.content_ventas .social{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	
}

.content_ventas .social .item_ventas{
	border-right: 1px solid #fff5;
	margin-top: 5px;
}

.content_ventas .social .item_ventas:nth-last-child(1){
	border-right: 1px solid #fff5;
}

.content_ventas .social .title_ventas{
	font-size: large;
	margin: 10px 0;
	
}

.content_ventas .social .count_ventas{
	opacity: 0.8;
	
}







/* CAMBIO DE PRODCUTO DE UNA SOLA PIEZA A 3 ITEMS */

@media screen and (max-width: 1024px){
	
    .card{
        width: calc(33.3vw - 20px);
    }
	
    .direction{
        display: none;
    }
}




/* DISEÑO PARA TABLET */

@media (min-width:481px) and (max-width:768px){

	
.contenedor_galeria{
		width: calc(100% - 40px);
		columns: 2;
	}	
	
.list_nuevo{
	width: 90%;
    justify-content: center;
   	
}
	
	
/* CAMBIO DE PRODUCTO DE UNA SOLA PIEZA A 2 ITEMS */	
	
.card{
     width: calc(50vw - 20px);
    }
	
.direction{
      display: none;
    }
	
}

/* DISEÑO PARA MOVIL */

@media (min-width:0px) and (max-width:481px){

	.contenedor_galeria{
		
		columns: 1;
	}
	
	
	
/* CAMBIO DE PRODUCTO DE UNA SOLA PIEZA A 1 ITEMS */	
	
	
  .card{
        width: calc(100vw - 20px);
		margin-left: 20px;
		
    }
	
  .direction{
        display: none;
		
    }	
	
}