/* Barra <nav> de navegacion */
body {
	background: white!important;
}
nav {
	/* box-shadow: 0px 0px 10px black; */
	position: fixed;
	z-index: 100;
	width: 100%;
}
a {
	color: #ececec;
}
a:hover {
	color: white;
}

/* Card Image */

.barra-lateral {
    background: red;
    margin-top: 50%;
    width: 50px;
    height: 50px;
}
.img-zoom {
 }
.img-zoom:hover {
    zoom: 2;
	width: 120%;
	margin-top: -20%;
	margin-left: -10%;
	transition: 1s;
}
.img-rotacion {
    transform-style: preserve-3d;
}
.img-rotacion:hover {
    transform: rotateY(180deg);
	transition: 1s;
}
.imgrotacion-1 {
    backface-visibility: hidden;
    padding-top: 20%;
    padding-bottom: 20%;
    height: 260px;
    box-shadow: 5px 5px 5px 0px #e5e5e5;
}
.imgrotacion-2 {
    transform: rotateY(180deg);
    padding-top: 20%;
    padding-bottom: 20%;
    position: absolute;
    color: white;
    width: 100%;
    height: 260px;
}
/* Botone guardar */
.boton-guardar {
    border: 1px solid #f15a34;
	background: linear-gradient(90deg, #eb0031, #f15a34);
	color: white!important;
}
/* Barra de navegacion productos */
ol.breadcrumb {
	background: #d2f2ff!important;
}
ol li a {
	color: #0e005c;
}
ol li a:hover {
	color: #288ee8;
}
/* Header */
h1, h2, h3, h4, h5 {
	color: #616161;
}
/* Precios */
h5 .precios{
    font-weight: 800;
    color: #df003b;
}
/* Botonos de vista rapida */
button {
	background: #1d2124;
	color: white;
}
button:hover {
	background: #000000;
	color: white;
}
/* <footer> del sitio web */
footer {
	background: linear-gradient(#f0f0f0, #f0f0f0);
	color: white;
	height: 100%;
}
.titulo {
	height: 225px;
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 140px;
	background: linear-gradient(#00000024, #00000024);
	color: white;
	text-shadow: 1px 2px 5px black;
}
@media (max-width: 992px) {
	nav {
	box-shadow: 0px 0px 10px black;
 	position: sticky;
	z-index: 100;
	padding-right: 0px!important;
	padding-left: 0px!important;
 	}
 	.titulo {
 		height: 125px!important;
 		padding-top: 40px!important;
 	}
}
.text-truncatedos {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}