a.bs-home-title{
  font-family: 'Tangerine';
  font-weight: 900;
}

.titulo-seccion {
  text-align: center;
  color: #557eab;
  margin: 20px 0px 0px 0px;
  font-family: 'Tangerine';
  font-weight: 900;
  font-size: 70px;
}

.precio {
  font-weight: bold;
  color: #d63384;
  font-size: 18px;
}

#cookies__container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  max-height: 20vh;
  display: flex;
  justify-content: center;
  background-color: black;
  }
  .cookies__container {
    display: flex;
    justify-content: space-around;
    padding: 2em;
    width: 85%;
    max-width: 65rem;
    max-height: 8.5rem;
  }
  
  .cookies__text {
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-width: 70%;
  }
  
  .cookies__buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 30%;
  }
  
  .cookies__buttons button {
    color: white;
    max-height: 2.5rem;
  
  }
  
  .cookies__link {
    padding: 0.5rem;
  }
  
  /* version responsive para celulares */
  @media screen and (max-width: 1100px) {
    .cookies__container {
      width: 100%;
      max-width: 100%;
      max-height: 100%;
      padding: 1rem;
      display: flex;
      flex-direction: column;
    }
    .cookies__text {
      max-width: 100%;

    }
    .cookies__buttons {
      max-width: 100%;
    }
  }

  /* Animación de vibración para la burbuja de WhatsApp */
  @keyframes vibrate-rotate-lift {
    0%   { transform: translate(0, 0) rotate(0deg); }
    5%   { transform: translate(4px, -30px) rotate(20deg); }
    10%  { transform: translate(-4px, -30px) rotate(-20deg); }
    15%  { transform: translate(5px, -32px) rotate(25deg); }
    20%  { transform: translate(-5px, -32px) rotate(-25deg); }
    25%  { transform: translate(6px, -34px) rotate(30deg); }
    30%  { transform: translate(-6px, -34px) rotate(-30deg); }
    35%  { transform: translate(5px, -36px) rotate(28deg); }
    40%  { transform: translate(-5px, -36px) rotate(-28deg); }
    45%  { transform: translate(4px, -38px) rotate(25deg); }
    50%  { transform: translate(-4px, -38px) rotate(-25deg); }
    55%  { transform: translate(3px, -36px) rotate(20deg); }
    60%  { transform: translate(-3px, -36px) rotate(-20deg); }
    65%  { transform: translate(2px, -34px) rotate(15deg); }
    70%  { transform: translate(-2px, -34px) rotate(-15deg); }
    75%  { transform: translate(1px, -32px) rotate(10deg); }
    80%  { transform: translate(-1px, -32px) rotate(-10deg); }
    85%  { transform: translate(0.5px, -30px) rotate(5deg); }
    90%  { transform: translate(-0.5px, -30px) rotate(-5deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
  }

  .btn-whatsapp.vibrate {
    animation: vibrate-rotate-lift 1.4s ease-in-out 1;
    will-change: transform;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.5); /* verde vibrante tipo WhatsApp */
  }

  h2{
    font-family: 'EB Garamond';
    text-align: center; 
  }
  .descripcion-categoria {
    font-size: 1.4em;
  }

  @media (max-width: 480px) {
    .descripcion-categoria {
      font-size: small;
    }
    .titulo-seccion {
      font-size: 40px;
    }
  }