@media (min-width:320px)  {
	/* smartphones, iPhone, portrait 480x320 phones */
	#cardSuscription{
		width: 90% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 20px;
	}
	#auxBlank{
		display: none;
	}
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:800px)  {
/* tablet, landscape iPad, lo-res laptops ands desktops */
	#cardSuscription{
		width: 30% !important;
		margin-left: 1px !important;
		margin-right: 1px !important;
	}
}

@media (min-width:1281px) { /* hi-res laptops and desktops */ }
@media (min-width:1025px) {
/* big landscape tablets, laptops, and desktops */
	#cardSuscription{
		width: 30% !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
}

#cardSuscription{
	display: inline-flex;
	border: 1px solid #0d6efd;
	font-size: 14px;
}

nav, .navbar, .navbar-brand, .container-fluid{
	background-color: white !important; /* Puedes ajustar el color de fondo según tus preferencias */
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	color: #023047 !important;
}

#menuBar{
	background-color: blue !important; /* Puedes ajustar el color de fondo según tus preferencias */
	overflow: hidden;
	position: sticky;
	top: 0;
	z-index: 1000;
	border: 0px solid red;
}

.nav-link{
	border: 1px solid #023047 !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	background-color: #023047 !important;
	color: white !important;
}

#menuOpt:hover{
	color: #ffb703 !important;
}

#suscriptionsTitle{
	color: #023047;
}

#cardSuscriptionContainer{
	width: 100% !important;
	text-align: center !important;
	border: 0px solid green;
}

#stpBtn
{
	width: 60%;
}

svg{
	/*color: #fb9b04;*/
	color: #fb8300;
}

#contactForm{
	width: 70%;
	border: 0px solid black;
	border-radius: 10px;
}

#contactForm label{
	color: black;
}

#freeContainer{
	/*background-color: #fb9b04;*/
	background-color: #ffb703;
}

#freeMonthTitle{
	/*color: #fb9b04;*/
	color: #fb8300;
}

#formTitle{
	color: white;
}

#formTitleBlue{
	color: #023047;
	padding-left: 30px;
	padding-right: 30px;
}

#footerContainer{
	/*background-color: #0d6efd;*/
	background-color: #ffb703;
	padding-left: 20px;
	padding-right: 20px;
}

#footTitle{
	color: #023047;
}

i{
	color: #023047;
}

#alertSuccess{
	width: 70%;
   	text-align: center;
   	display: none !important;
}

#alertDanger{
    width: 70%;
    text-align: center;
    display: none !important;
}

#alertText{
    color: #135B0A !important;
}

#inputCellPhone{
    margin:0 !important;
    border:0 !important;
}

.iti__flag-container{
    margin-left:10px !important;
}

.whatsapp-btn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background-color: #25D366; /* Color de WhatsApp */
            border-radius: 50%;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
        .whatsapp-btn a {
            color: white;
            font-size: 30px;
            text-decoration: none;
        }
        .whatsapp-btn:hover {
            background-color: #128C7E; /* Color de WhatsApp al pasar el mouse */
        }