.bg-img_home {
  background-image: url('/store/images/home/bg-home.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-img_nuestro_proceso {
  background-image: url('/store/images/home/bg-nuestro_proceso.jpg');
  /*background-position: center;*/
  background-size: contain;
  background-repeat: no-repeat;
}
.bg-img_mantenimiento {
  background-image: url('/store/images/home/bg-mantenimiento.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gradient {
  background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
}
.bg-dimgray {
  background-color: rgba(96, 96, 96, 1);
}
.bg-dark-opacity-10 {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-dark-opacity-20 {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-dark-opacity-30 {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-dark-opacity-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-dark-opacity-50 {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-dark-opacity-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-dark-opacity-70 {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-dark-opacity-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-dark-opacity-90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-dark-opacity-100 {
  background-color: rgba(0, 0, 0, 1);
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-center {
  display: block;
  margin: auto;
}

/* UL Styles */
ul.list-square li {
  list-style: square;
}

ul.list-yellow li::before {
  content: "\25A0";
  color: orange;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.icon-small {
  font-size: small;
}

.icon-x-small {
  font-size: x-small;
}

.icon-xx-small {
  font-size: xx-small;
}

.icon-medium {
  font-size: medium;
}

.icon-large {
  font-size: large;
}

.icon-x-large {
  font-size: x-large;
}

.icon-xx-large {
  font-size: xx-large;
}

.icon-arrow-left::before {
  content: "\2190";
  color: black;
  font-weight: bold;
  margin-right: 0.5em;
  display: inline-block;
}

.icon-arrow-up::before {
  content: "\2191";
  color: black;
  font-weight: bold;
  margin-right: 0.5em;
  display: inline-block;
}

.icon-arrow-right::before {
  content: "\2192";
  color: black;
  font-weight: bold;
  margin-right: 0.5em;
  display: inline-block;
}

.icon-arrow-down::before {
  content: "\2193";
  color: black;
  font-weight: bold;
  margin-right: 0.5em;
  display: inline-block;
}

.svg-icon svg {
  height: 1.15rem;
  width: 1.15rem;
}
.svg-icon.svg-icon-1 svg {
  height: 1.75rem !important;
  width: 1.75rem !important;
}
.svg-icon.svg-icon-2 svg {
  height: 1.5rem !important;
  width: 1.5rem !important;
}
.svg-icon.svg-icon-3 svg {
  height: 1.35rem !important;
  width: 1.35rem !important;
}
.svg-icon.svg-icon-4 svg {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
.svg-icon.svg-icon-5 svg {
  height: 1.15rem !important;
  width: 1.15rem !important;
}
.svg-icon.svg-icon-6 svg {
  height: 1.075rem !important;
  width: 1.075rem !important;
}
.svg-icon.svg-icon-7 svg {
  height: 0.95rem !important;
  width: 0.95rem !important;
}
.svg-icon.svg-icon-8 svg {
  height: 0.85rem !important;
  width: 0.85rem !important;
}
.svg-icon.svg-icon-9 svg {
  height: 0.75rem !important;
  width: 0.75rem !important;
}
.svg-icon.svg-icon-10 svg {
  height: 0.5rem !important;
  width: 0.5rem !important;
}
.svg-icon.svg-icon-base svg {
  height: 1rem !important;
  width: 1rem !important;
}
.svg-icon.svg-icon-fluid svg {
  height: 100% !important;
  width: 100% !important;
}
.svg-icon.svg-icon-2x svg {
  height: 2rem !important;
  width: 2rem !important;
}
.svg-icon.svg-icon-2qx svg {
  height: 2.25rem !important;
  width: 2.25rem !important;
}
.svg-icon.svg-icon-2hx svg {
  height: 2.5rem !important;
  width: 2.5rem !important;
}
.svg-icon.svg-icon-2tx svg {
  height: 2.75rem !important;
  width: 2.75rem !important;
}
.svg-icon.svg-icon-3x svg {
  height: 3rem !important;
  width: 3rem !important;
}
.svg-icon.svg-icon-3qx svg {
  height: 3.25rem !important;
  width: 3.25rem !important;
}
.svg-icon.svg-icon-3hx svg {
  height: 3.5rem !important;
  width: 3.5rem !important;
}
.svg-icon.svg-icon-3tx svg {
  height: 3.75rem !important;
  width: 3.75rem !important;
}
.svg-icon.svg-icon-4x svg {
  height: 4rem !important;
  width: 4rem !important;
}
.svg-icon.svg-icon-4qx svg {
  height: 4.25rem !important;
  width: 4.25rem !important;
}
.svg-icon.svg-icon-4hx svg {
  height: 4.5rem !important;
  width: 4.5rem !important;
}
.svg-icon.svg-icon-4tx svg {
  height: 4.75rem !important;
  width: 4.75rem !important;
}
.svg-icon.svg-icon-5x svg {
  height: 5rem !important;
  width: 5rem !important;
}
.svg-icon.svg-icon-5qx svg {
  height: 5.25rem !important;
  width: 5.25rem !important;
}
.svg-icon.svg-icon-5hx svg {
  height: 5.5rem !important;
  width: 5.5rem !important;
}
.svg-icon.svg-icon-5tx svg {
  height: 5.75rem !important;
  width: 5.75rem !important;
}

/* ANIMATE.CSS */
.animate__animated.animate__delay-0-1s {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.1);
  animation-delay: calc(var(--animate-delay)*0.1)
}
.animate__animated.animate__delay-0-2s {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.2);
  animation-delay: calc(var(--animate-delay)*0.2)
}
.animate__animated.animate__delay-0-3s {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.3);
  animation-delay: calc(var(--animate-delay)*0.3)
}
.animate__animated.animate__delay-0-4s {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.4);
  animation-delay: calc(var(--animate-delay)*0.4)
}
.animate__animated.animate__delay-0-5s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.5);
  animation-delay: calc(var(--animate-delay)*0.5)
}
.animate__animated.animate__delay-0-6s {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.6);
  animation-delay: calc(var(--animate-delay)*0.6)
}
.animate__animated.animate__delay-0-7s {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.7);
  animation-delay: calc(var(--animate-delay)*0.7)
}
.animate__animated.animate__delay-0-8s {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.8);
  animation-delay: calc(var(--animate-delay)*0.8)
}
.animate__animated.animate__delay-0-9s {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-delay: calc(var(--animate-delay)*0.9);
  animation-delay: calc(var(--animate-delay)*0.9)
}
.animate__animated.animate__delay-6s {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-delay: calc(var(--animate-delay)*6);
  animation-delay: calc(var(--animate-delay)*6)
}
.animate__animated.animate__delay-7s {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  -webkit-animation-delay: calc(var(--animate-delay)*7);
  animation-delay: calc(var(--animate-delay)*7)
}
.animate__animated.animate__delay-8s {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  -webkit-animation-delay: calc(var(--animate-delay)*8);
  animation-delay: calc(var(--animate-delay)*8)
}
.animate__animated.animate__delay-9s {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-delay: calc(var(--animate-delay)*9);
  animation-delay: calc(var(--animate-delay)*9)
}
.animate__animated.animate__delay-10s {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-delay: calc(var(--animate-delay)*10);
  animation-delay: calc(var(--animate-delay)*10)
}

@media (min-width: 1024px) {
  .lg\:animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
  }
  .lg\:animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
  }
  .lg\:animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
  }
  .lg\:animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
  }
  .lg\:animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
  }
  .lg\:animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
  }
  .lg\:animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
  }
  .lg\:animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
  }
}

/* OWL CAROUSEL  */
/* Contenedor de las flechas */
.owl-nav {
  font-size: 40px;
}

/* Flechas */
.owl-nav .owl-prev,
.owl-nav .owl-next {
  width: 60px;        /* ancho del botón */
  height: 60px;       /* alto del botón */
  line-height: 60px;  /* centra el texto/ícono */
  font-size: 40px;    /* tamaño del ícono (texto < > o icono) */
  background: rgba(0,0,0,0.5); /* fondo semitransparente */
  color: #000 !important;
  border-radius: 50% !important; /* redondeado */
  margin: 0 10px;
  transition: background 0.3s ease;
}

/* Hover */
.owl-theme .owl-nav [class*=owl-]:hover {
  background: rgba(255, 220, 140, 1);
}