.d-flex{
  display: flex!important;
}
.flex-row{
  flex-direction: row!important;
}
.align-items-stretch{
  align-items: stretch!important;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
.align-self-stretch {
    align-self: stretch!important;
}
.align-items-center{
    align-items: center!important;
}
.justify-content-center {
    justify-content: center!important;
}
.flex-column {
    flex-direction: column!important;
}
.img-fluid{
  max-width: 100%;
  height: auto;
}
.card{
  border-radius: 0.375rem;
}
.rounded-start {
    border-bottom-left-radius: 0.375rem !important;
    border-top-left-radius: 0.375rem !important;
}
/*.image-products{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}*/
.image-products{
  width: auto;
  height: 100%;
  object-fit: cover;  
  object-position: center;
}
.video-products{
  position: relative;
  top: 50%;
  transform: translateY(30%);
}
.color-oro{
  color: #DDB372;
}

.margin-15{
  margin-bottom: 15px;
}

.modal {
  text-align: center;
}

.modal-content{
  border: 2px solid #DDB372;
}

.email-error{
  font-size: 14px;
  font-weight: 700;
  color: red;
}

.email-success{
  font-size: 14px;
  font-weight: 700;
  color: green;
}

.email-warning{
  font-size: 14px;
  font-weight: 700;
  color: #ebcf4f;
}

.owl-buttons {
  display: none;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.btn-flotante {
	font-size: 50px;
	color: #fff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	background-color: #DDB372; /* Color de fondo */
	padding: 10px; /* Relleno del boton */
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante:hover {
	background-color: #25d366; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}

@media only screen and (max-width: 600px) {
 	.btn-flotante {
    font-size: 25px;
    padding: 8px;
    bottom: 20px;
    right: 20px;
	}
}

.loader {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #ddb372;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}