html {
  scroll-behavior: smooth; }

.text-white {
  color: white !important; }
.text-bold {
  font-weight: bold !important; }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
.d-none {
  display: none; }

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.w-50 {
  width: 50%; }
.w-25 {
  width: 25%; }

.mr-0 {
  margin-right: 0 !important; }
.mr-1 {
  margin-right: 1rem; }
.m-auto {
  margin: auto; }

.pl-0 {
  padding-left: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

/*------------------------------------*/
.scrollToTop {
  background: #01a851; }

.header-left .infor-header .text-infor .phone-number {
  color: #01a851 !important; }
.header-left .infor-header .fa-whatsapp {
  font-size: 4rem;
  color: #01a851; }

a:hover {
  color: #01a851; }
a:focus {
  color: #01a851; }

.social a i:hover {
  border: 1px solid #01a851; }

.btn-web a {
  background: #01a851; }
  .btn-web a:hover {
    color: white;
    border: 1px solid white; }

.product.product-v6 .wrap-box-1:hover h5 a {
  color: #01a851 !important; }
.product.product-v6 .wrap-box-1:hover h5:before {
  background: #01a851 !important; }

.footer .contact-top .contact-infor {
  margin-top: 0 !important;
  margin-left: 0 !important; }
  .footer .contact-top .contact-infor .wrap-right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .footer .contact-top .contact-infor .wrap-right .img-left .color-verde {
      color: #01a851; }
.footer .contact-top .content-contact {
  margin: auto 0 !important; }
.footer .footer-bottom {
  margin-top: 0 !important; }
  .footer .footer-bottom .menu-footer li a:hover {
    color: #01a851 !important; }

button.btn.btn-transparent {
  background: transparent; }
button.btn:focus {
  outline: none; }

.btn-primary .ml-0 {
  margin-left: 0 !important; }

.content-item {
  background: rgba(255, 255, 255, 0.6); }

img.img-responsive {
  cursor: default; }

.cartelito {
  background-color: #01a851;
  height: 30px;
  width: 220px;
  padding: 5px 0;
  position: fixed;
  bottom: 12.5%;
  right: 7%;
  z-index: 1; }

/* ---- whatsapp ----*/
.w-flotante {
  background-color: green;
  width: 4rem;
  height: 4rem;
  position: fixed;
  bottom: 12%;
  right: 2%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000; }
  .w-flotante a {
    color: white; }
  .w-flotante:hover {
    background-color: #01a851; }
  .w-flotante.text-whatsapp {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    margin-right: 1rem; }
  .w-flotante .whatsapp {
    color: white;
    font-size: 2.5rem; }

/*# sourceMappingURL=ajustes.css.map */


/* css/ajustes.css */

/* Estilos para los títulos de sección personalizados */
.section-title-custom {
    font-size: 28px; /* Tamaño de fuente base para el título */
    font-weight: bold;
    color: #333; /* Color oscuro para el título */
    margin-top: 40px; /* Espacio superior */
    margin-bottom: 15px; /* Espacio inferior antes del subtítulo o contenido */
    text-transform: uppercase; /* Opcional: para que el título sea en mayúsculas */
    letter-spacing: 1px; /* Opcional: espaciado entre letras */
}

.section-subtitle-custom {
    font-size: 18px; /* Tamaño de fuente para el subtítulo */
    color: #555; /* Color grisáceo para el subtítulo */
    margin-bottom: 30px; /* Espacio inferior antes del botón o contenido */
    line-height: 1.6;
}

/* Estilos para la sección del botón de contacto de WhatsApp */
.whatsapp-contact-section {
    padding-top: 30px; /* Espacio superior dentro de la sección */
    padding-bottom: 40px; /* Espacio inferior dentro de la sección */
    background-color: #f9f9f9; /* Un color de fondo suave para destacar la sección */
    border-top: 1px solid #eee; /* Línea superior sutil */
    border-bottom: 1px solid #eee; /* Línea inferior sutil */
    margin-bottom: 30px; /* Espacio después de esta sección, antes de la info de contacto */
}

/* Estilos para el botón principal de contacto de WhatsApp */
.btn-whatsapp-contact-main {
    display: inline-block;
    background-color: #25D366; /* Color verde de WhatsApp */
    color: #FFFFFF; /* Texto en blanco */
    padding: 12px 25px;
    border-radius: 25px; /* Bordes redondeados */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

.btn-whatsapp-contact-main .fa-whatsapp {
    margin-right: 8px; /* Espacio entre el ícono y el texto */
    font-size: 20px; /* Tamaño del ícono de WhatsApp */
}

.btn-whatsapp-contact-main:hover,
.btn-whatsapp-contact-main:focus {
    background-color: #1DAE52; /* Color más oscuro al pasar el mouse */
    color: #FFFFFF;
    text-decoration: none;
    transform: translateY(-2px); /* Efecto sutil de elevación */
}

/* Ajustes responsivos para los títulos y el botón */
@media (max-width: 768px) {
    .section-title-custom {
        font-size: 24px; /* Reducir tamaño de fuente en móviles */
        margin-top: 30px;
    }

    .section-subtitle-custom {
        font-size: 16px; /* Reducir tamaño de fuente en móviles */
        margin-bottom: 25px;
    }

    .btn-whatsapp-contact-main {
        padding: 10px 20px;
        font-size: 15px;
    }

    .btn-whatsapp-contact-main .fa-whatsapp {
        font-size: 18px;
    }

    .whatsapp-contact-section {
        padding-top: 20px;
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
}

/* Ajustes para asegurar que la sección de contacto (teléfono/dirección) 
   tenga un espaciado adecuado después de la nueva sección de WhatsApp.
   Esto puede depender de tus estilos existentes en contact-top.
   Si contact-top ya tiene un margin-top, podrías necesitar ajustarlo o quitarlo.
*/
.footer .contact-top {
    margin-top: 0; /* Ajustar si es necesario para evitar doble margen */
    padding-top: 30px; /* Asegurar espacio si se quita el margen del contenedor previo */
}

/* Si .mt-lg-5 en el col-md-6 del teléfono causa mucho espacio en pantallas grandes,
   podrías querer ajustarlo o eliminarlo ya que el botón de WhatsApp está encima */
@media (min-width: 992px) { /* lg breakpoint de Bootstrap */
    .contact-top .col-md-6.mt-lg-5 {
        /* margin-top: 0 !important; */ /* Descomentar si es necesario reducir el espacio */
    }
}

/* Para el título H2 en la galería de productos, si no está ya estilizado */
#productos .section-title-custom {
    margin-bottom: 30px; /* Espacio antes de las imágenes de productos */
}