/* Estilo de botones flotantes */
    .floating-btn {
      position: fixed;
      bottom: 20px;
      z-index: 1000;
    }

    .btn-container-left, .btn-container-right {
      position: fixed;
      bottom: 20px;
      z-index: 1000;
    }

    .btn-container-left {
      left: 20px;
    }

    .btn-container-right {
      right: 20px;
    }

    .btn-container-left a, .btn-container-right a {
      margin: 5px 0;
      font-size: 20px;
    }

    .btn-container-left .btn-fab, .btn-container-right .btn-fab {
      padding: 6px;
      font-size: 24px;
    }

    .btn-container-left .facebook {
      background-color: #3b5998;
    }

    .btn-container-left .whatsapp {
      background-color: #25d366;
    }

    .btn-container-left .btn-fab-catalogo {
      background-color: #ff7f00;
    }

    .btn-container-right .btn-fab {
      background-color: #28a745;
    }

    /* Modal del carrito alineado a la derecha */
    #cart-modal {
  display: none;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: white;
  padding: 20px;
  border: 1px solid #ccc;
  width: 600px;  /* Se cambió de 300px a 600px */
  z-index: 1001;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}


    #cart-modal h2 {
      margin-bottom: 15px;
      font-size: 1.2em;
    }

    /* Estilo de la tabla de productos */
#carrito {
  width: 100%;
  border-collapse: collapse;
}

#carrito th, #carrito td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}


    /* Estilo de los botones y entradas del formulario */
    .form-container input, .form-container button {
      width: 100%;
      padding: 8px;
      margin-bottom: 10px;
    }

    /* Diseño adaptable para dispositivos */
    @media (max-width: 768px) {
      #cart-modal {
        width: 100%;
        padding: 10px;
      }

      .btn-container-left a, .btn-container-right a {
        font-size: 18px;
      }

      .btn-container-left, .btn-container-right {
        bottom: 10px;
      }
    }