/* (deja este bloque igual) */
.card,
.card p,
.card span,
.card .producto,
.card .precio {
  color: #3e6e19 !important;
}

/* FULL WIDTH del offcanvas en móviles y tablets chicas */
@media (max-width: 767.98px){
  #cartOffcanvas.offcanvas.offcanvas-end{
    --bs-offcanvas-width: 100vw !important;   /* clave: pisa 400px */
    width: var(--bs-offcanvas-width) !important; /* respaldo si hay overrides */
    max-width: 100vw !important;
  }
}

.floto {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 2000;
  color: #000;
  font-size: 2.5rem;   /* suficientemente grande */
  line-height: 1;      /* evita que se corte verticalmente */
  display: inline-block; /* asegura el box del caracter */
  height: 1em;         /* ajusta altura del contenedor */
  overflow: visible;   /* por si acaso */
}

@media (min-width: 768px) {
  .floto {
    font-size: 3rem;   /* más grande en desktop */
  }
}
a{
    text-decoration: none;
    color: rgb(36, 36, 36) !important;
}
/* 🎯 Ajustes solo para móviles */
  @media (max-width: 767px) {

    /* Centrado y ancho visual */
    .text-cabecera {
      max-width: 90%;
      margin: 0 auto;
    }

    /* Texto más pequeño y compacto */
    .text-cabecera p,
    .text-cabecera span {
      font-size: 0.85rem;
      line-height: 1.4;
    }

    /* Separación vertical más ajustada */
    .text-cabecera p {
      margin-bottom: 0.6rem !important;
    }
    .text-cabecera span {
      display: block;
      
    }

    /* Línea divisoria más cercana y sutil */
    .text-cabecera .col-lg-5 {
      border-top: 1px solid #eee;
      padding-top: 0.5rem;
      
    }

    /* Íconos alineados y del mismo tamaño */
    .text-cabecera {
      text-align: center !important;
    }
    .text-cabecera p, .text-cabecera span {
      vertical-align: middle;
      word-break: keep-all;
    }
  }

   .compact-rows .row.g-3 {
    --bs-gutter-y: 0.3rem;
  }

  .greenbg{
    background-color: #3e6e19 !important;
    border-color: #3e6e19 !important;
 
  }
.greenbg p{

    color: white !important;
    margin-bottom: 2px;
  }