/* NavBar */


			/* Ocultar menú en dispositivos móviles */
			@media (max-width: 768px) {
				#nav #navlist {
					display: none;
					flex-direction: column;
					align-items: center;
					width: 100%;
					background: #f0f0f0; 
					position: absolute;
					top: 60px; 
					left: 0;
					padding: 0;
					margin: 0;
				}

				#nav #navlist.active {
					display: flex;
				}

				
			}


		#nav {
			display: flex;
			justify-content: center;
			align-items: center; 
		}

		#nav #navlist {
			display: flex;
			align-items: center; 
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#nav #navlist a {
			font-family: "Josefin Sans", sans-serif;
			color: #000000; 
			font-weight: 500;
			font-size: 20px;
			text-decoration: none;
			text-transform: none; 
		}
		#nav #navlist a:hover {
			color: #33afff; 
		}
		#nav #navlist .sub-menu a {
			font-family: "Josefin Sans", sans-serif !important;
			color: #000000 !important; 
			font-weight: 500 !important;
			font-size: 20px !important;
			text-transform: none !important; 
		}
		#nav #navlist .sub-menu a:hover {
			color: #33afff !important; 
		}

		#nav #navlist li a img {
		vertical-align: middle;
		max-height: 48px; 
		}


		#nav #navlist li a img {
			margin-right: 10px;
		}

		/*Estilos adicionales */
		.low-price{
			color: #33afff !important; 
			font-size: 28px !important;
		}
		.info{
			font-size: 20px  !important;
			color: #000000 !important;
		}
		.info-paquete{
			font-size: 16px !important;
		}
		.button-blue{
			color: #ffffff !important;
			border-radius: 5px;
			font-weight: 500 !important;
			background-color:#33afff !important;
		}
		.medium-button.button-blue:hover {
			background-color: #0056b3 !important; 
			color: #fff !important; 
		}
		.prod-end a {
		
			font-weight: 600 !important;
		}
		#tabs li.ui-tabs-active a {
   		 border-bottom: 3px solid #0056b3 !important;
		}
		
		
    footer {
        background-color: #2e2f30; 
        color: white; 
        padding: 20px 0; 
    }

    footer a {
		font-size: 16px ;
        color: white; /* Enlaces en color blanco */
    }
	footer p{
		font-size: 16px ;
		color: white;
	}

    footer a:hover {
        text-decoration: none; /* Eliminar subrayado en hover */
    }

	/* Estilos para el formulario de pago */

	#payment-form {
		display: none; /* Ocultar el formulario inicialmente */
	}

#payment-form {
    max-width: 400px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
}

#payment-form .form-group {
    margin-bottom: 20px;
}

#payment-form label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

#payment-form .form-control {
    height: auto;
    padding: 10px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
	width: 100% !important; 

}

#payment-form label {
    font-size: 14px;

}

#payment-form .btn {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 4px;
    border: none;
}
.btn-adquirir {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 4px;
    border: none;
}

#payment-form .btn:hover {
    background-color: #0056b3;
}

#card-element {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}