/*******************************************************
 * BOTÓN FLOTANTE
 *******************************************************/
.btn-flotante {
  font-size: 16px;             /* Tamaño de la tipografía */
  font-weight: bold;           /* Fuente en negrita */
  color: #ffffff;              /* Color del texto */
  border-radius: 5px;          /* Bordes redondeados */
  letter-spacing: 2px;         /* Espaciado entre letras */
  background-color: #B71C1C;   /* Color de fondo (verde claro) */
  padding: 18px 30px;          /* Espaciado interno */
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all 300ms ease 0s;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  z-index: 99;
  text-decoration: none;
}

.btn-flotante:hover {
  background-color: #f70743;   /* Color de fondo al pasar el mouse (rojo brillante) */
  transform: translateY(-7px);
}

/* Adaptación para pantallas pequeñas */
@media only screen and (max-width: 600px) {
  .btn-flotante {
    font-size: 14px;
    padding: 12px 20px;
    bottom: 20px;
    right: 20px;
  }
}

/*******************************************************
 * PRECIO REBAJADO DESTACADO (FONDO AMARILLO)
 *******************************************************/
.precio-rebajado-destacado {
  display: inline-block;
  background-color: #fff89a;   /* Fondo amarillo claro */
  color: #b71c1c;              /* Texto de tono rojizo */
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  font-weight: 700;            /* Negrita */
  margin-top: 0.3rem;          /* Margen superior para separar del precio tachado */
  /* Puedes descomentar la siguiente línea si deseas un texto ligeramente mayor */
  /* font-size: 1.1rem; */
}

/*******************************************************
 * PRECIO NORMAL TACHADO
 *******************************************************/
.precio-normal-tachado {
  font-size: 0.9rem;
  text-decoration: line-through;
  color: #aaa;
  margin-right: 0.3rem;        /* Espacio entre precio tachado y destacado */
}