*{
	margin:0px;
	padding:0px;
	font-weight: 0;
	font-size: 1.0em;
}

/* Layout general + sticky footer */
html, body {
  height: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding:0;
  margin:0;}

body{
  /*background-color: #e4e4e4;*/
	background-color: #f4f4f4 !important;
	color:#000;
  /* font-family: 'Ubuntu', sans-serif; */
	/* font-family: 'Kodchasan', sans-serif; */
	/* font-family: 'Courier', serif; */
	/* font-family: 'Catamaran', sans-serif; */
	font-weight: 0;
	font-size: 1em;
	min-height: 100vh;
display: flex;
flex-direction: column;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.textoBlanco{
	color:white !important;
}
.linea{
	height: 1px;
	background-color: #efefef;
	width: 100%;
	margin-bottom: 10px;
}

 .cart-btn{
	 padding-left: 30px;
	 padding-right: 30px;
	 border-radius: 20px;
 }
 .cart-btn2{
	 padding-left: 30px;
	 padding-right: 30px;
	 border-radius: 20px;
 }
 .cart-btn2:hover{
	 padding-left: 30px;
	 padding-right: 30px;
	 border-radius: 20px;
	 background-color: #000;
	 color: #069;
 }

/* El contenido principal debe ocupar el espacio disponible */
main#content {
  flex: 1 0 auto;
}

@keyframes fadeIn {
	from {opacity: 0; transform: translateY(20px);}
	to {opacity: 1; transform: translateY(0);}
}

/*el corazón de favoritos*/
.heart{border:none;background:transparent;font-size:1.4rem;line-height:1}
.heart.fav{color:#dc3545}

/* El footer cae al final natural, pero no se queda flotando a media pantalla */
.vg3d-footer {
  background: #fff;
}

/* Espaciador de la navbar fija (altura dinámica desde JS) */
.navbar-spacer {
  height: var(--nav-height, 64px);
}

.form-label{
	font-size: 0.9em;
	color:#999;
}
/* input, text, textarea, select, date{
	border:0px !important;
	border-bottom: 1px solid #ccc !important;
	transition: all 1s;
}
input:hover, text:hover, textarea:hover, select:hover, date:hover{
	border: 1px solid #ccc !important;
	cursor: pointer;
	transition: all 1s;
} */
a:link, a:visited, a:active, a:hover {
	text-decoration:none;
	color: #06c;
	font-size: 1em;
	transition: all 1s ease-out;
}
hr{
  color: #a9a9a9;
  opacity: 1;
	width:100%;
	height: 1px;
}
