.popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 2;
    }
    .popup-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
        text-align:center;
    }
    
/* Estilos para el botón flotante de WhatsApp */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  width: 60px;
  height: 60px;
}
.whatsapp-float img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
    margin-right: 10px;
}
.whatsapp-float:hover img {
  transform: scale(1.1);
}
.mostrarCaja{
	display: block;
}


.ocultarCaja{
	display: none;
}
.botonEmergente {
	background-color: #0b9444;
	color: white;
	border: none;
	padding: 7px 12px;
	border-radius: 5px;
	margin-right: 10px;
}
#cerrarPedido{
		display: none;
		position: fixed;	
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
		margin: auto;
		padding-bottom: 20px;
		width: 300px;
		text-align: justify;
		min-height: 60px;
		color: #444444;
		z-index: 99999;
		font-size: 25px;
		font-family: "open sans";
		border-radius: 20px;
	}
.inner,
.inner2 {
	width: 100%;
	background-color: rgb(208, 241, 210);
	position: absolute;
	padding: 25px;
	font-family: verdana;
	font-size: 13px;
	font-family: "open sans";
	border-radius: 20px;
	color: #444444;
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.28);
}

.botones {
	margin: auto;
	text-align: right;
}