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

.producto {
	border-bottom: solid 0.5rem var(--secundario);
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin: 1rem 0 2rem 0;
}

.producto__imagen {
	height: 18rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width:576px){
.producto__imagen {
	height: 15rem;
}	
}

@media (min-width:577px) and (max-width:768px){
.producto__imagen {
	height: 11rem;
}	
}

@media (min-width:993px) and (max-width:1200px){
.producto__imagen {
	height: 14rem;
}	
}

.producto__info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 3rem 0 5rem 0;
	gap:0.5rem;
}
.producto__info--titulo {
	color:var(--primario);
	font-size: 2.2rem;
	font-weight: 600;
}

.producto__info--bajada {
	color:var(--gris);
	font-size: 1.8rem;
	font-weight: 400;
}

.producto a {
text-decoration: none;	
}

a .producto__boton  {
	padding: 0 0 3rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	gap:1rem;
	transition: all 0.3s;
}

a:hover .producto__boton  {
	filter: brightness(1.25);
	transition: all 0.3s;
}

.producto__boton--texto {
	text-transform: uppercase;
	color:var(--negro);
	font-weight: 500;
	font-size: 1.4rem;
}

.producto__boton--texto span {
	color:var(--secundario);
}

a .producto__imagen img {
        margin: 0;
        padding: 0;
        background: #fff;
        overflow: hidden;
      }

a .producto__imagen--zoom img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
      }
 a:hover .producto__imagen--zoom img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }