@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--azul: #00345F;
	--gris-dark: #CCCCCC;
	--gris: #ECECEC;
	--rosa: #DA0080;
	--morado:#660EFF;
	--rojo: #FF0000;
	--azul2: #027BE4;
}
body{
	margin: 0 auto;
	max-width: 1266px;
	font-family: 'Montserrat', sans-serif;
}
section{
	padding: 20px 10px;
}
p{
	margin: 0;
	font-size: 10pt;
}
.center{
	text-align: center;
}
.btn{
	/* width: 225px; */
    height: 40px;
    border: none;
    border-radius: 8px;
    font-size: 12pt;
    cursor: pointer;
}
.btn-rosa{
    background: var(--rosa);
    color: #fff;
    font-weight: 800;
}
.btn-rosa:hover{
	background: #FA00C8;
}
.btn-rosa:active, .btn-rosa:focus{
	background: #96007D;
}
.btn-white{
	border: 2px solid var(--rosa);
	color: var(--rosa);
	background: #fff;
}
.btn-white:hover{
	background: #FFAFE1;
	border: none;
	color: #fff;
}
.btn-white:active, .btn-white:focus{
	background: #FF968C;
	border: none;
	color: #fff;
}
.footer{
	padding: 10px;
    background: var(--azul);
    color: #fff;
}
.footer p, .footer a{
	font-size: 10px;
	color: #fff;
}
.footer .flex{
	display: flex;
    justify-content: center;
    grid-gap: 25px;
}
.movil{
	display: none;
}
@media (max-width: 820px){
	.head{
		padding: 10px;
	}
	section {
	    padding: 20px 0;
	}
	.movil{
		display: block;
	}
	.desk{
		display: none!important;
	}
}

.custom-swal-button {
    background-color: #027BE4; 
    color: white;              
    font-size: 18px;     
    padding: 10px 35px; 
    border-radius: 5px;            
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	font-weight: 600;
}

#correo_cli, #telefono_cli{
	width: 96% !important;
}