body {
			background-image: linear-gradient(rgba(24, 40, 72, 0.082), rgba(24, 40, 72, 0.062)), url('/assets/img/banner-puntos.png');
			background-size: cover;
			background-position: center;
			position: relative;
			min-height: 100vh;
            font-family: "Montserrat";
		}

		.consulta-container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 9999;
			transition: opacity 0.5s ease, visibility 0.5s ease;

			background-image: linear-gradient(rgba(24, 40, 72, 0.266), rgba(24, 40, 72, 0.256)), url('/assets/img/banner-puntos.png');
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			background-attachment: fixed;
		}

		.fade-out {
			opacity: 0;
			visibility: hidden;
		}

		.notie-textbox {
			color: #fff !important;
		}

		.page-link {
			border: 1px solid #fff;
			background-color: #fff !important;
			color: #333;
			font-weight: 600;
            border-radius: 4px;
            height: 34px;
            padding-top: 4px !important;
            padding-bottom: 8px !important;
		}

		.page-link:hover {
			background-color: #333 !important;
			border-color: #333 !important;
			color: #fff;
		}

		.active {
			background-color: #333 !important;
            border: 1px solid #333 !important;
		}

        .page-item.disabled .page-link {
            pointer-events: none;
            opacity: 0.55;
        }

		.modal-card {
			width: 100%;
			max-width: 650px;
			border-radius: 12px;
			border: none;
		}

		.input-group-custom {
			position: relative;
			display: flex;
			align-items: center;
			max-width: 400px;
			margin: 0 auto;
		}

		.mail {
			position: absolute;
			left: 20px;
			color: #747474;
		}

		.form-control-minimal {
			width: 100%;
			padding: 12px 15px 12px 45px;
			border: 1px solid #e0e0e0;
			border-radius: 50px;
			font-size: 0.9rem;
			color: #666;
			outline: none;
			transition: border-color 0.3s;
		}

		.btn-enviar-custom {
            background-color: #e81e29;
			color: white;
			border: none;
			padding: 12px 45px;
			border-radius: 50px;
			font-size: 0.85rem;
			transition: all 0.3s ease;
			cursor: pointer;
		}

		.btn-enviar-custom:hover {
			transform: translateY(-2px);
			box-shadow: 0 5px 15px rgba(63, 81, 181, 0.3);
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
				transform: translateY(20px);
			}

			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		.bgray {
			background-color: #ffffffa1;
			color: #000000;
		}

		.bgblack {
			background-color: #444444;
			color: #fff;
		}

		.bguser {
			background-color: #ffffffa1;
			font-weight: 500;
		}

		.bgwhite {
			background-color: #ffffffa1;
			color: #000000;
		}

		.btn-back {
			border-radius: 100px;
			padding: 10px 15px;
            background-color: #ffffff !important;
			color: #444;
			border: 0px;
			font-weight: 600;
		}

		.btn-buy {
			border-radius: 100px;
			padding: 10px 45px;
			background: #e81e29;
			color: white;
			border: 0px;
			font-weight: 600;
		}

		option:checked {
			background-color: #e81e29 !important;
			color: #fff !important;
		}

		span {
            font-family: "Montserrat";
		}

		h2 {
            font-family: "Montserrat";
		}

		p {
            font-family: "Montserrat";
		}

		table {
			border-radius: 6px;
            font-family: "Montserrat";
		}

		th {
			padding: 10px 10px;
            font-family: "Montserrat";
		}

		td {
			padding: 10px 5px;
            font-family: "Montserrat";
			border-bottom: 1px solid #333;
		}

		.empty-state-icon {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 120px;
			height: 120px;
			background: #f0f9ff;
			border-radius: 50%;
			margin-bottom: 20px;
		}

		.empty-state-icon svg {
			font-size: 50px;
			color: #e81e29;
			z-index: 2;
		}

		.icon-decoration {
			position: absolute;
			width: 100%;
			height: 100%;
			border: 2px dashed #e81e29;
			border-radius: 50%;
			opacity: 0;
		}

        .card-puntos {
            background-color: #ffffff;
            border-radius: 12px;
        }

		.swal2-container {
			z-index: 20000 !important;
		}