:root {
    --cnvs-themecolor: #bf308b;
	--lila: #882a8e;
	--verde: #46b750;
	--amarillo: #ecb527;
	--azul: #178dcd;
    --naranja: #FF5733; /* Naranja */
    --pasto: #3a8548; /* Verde */
    --morado: #5733FF; /* Azul */
    --rosa: #c03389; /* Rosa */
	--pinky: #FF33A1; /* Rosa */
	--gris-light: #dadada;
	--darks: #3a393d;
}


.grad { background: rgb(192,51,137); background: -moz-linear-gradient(180deg, rgba(192,51,137,1) 0%, rgba(70,183,80,1) 33%, rgba(23,141,205,1) 66%, rgba(236,181,39,1) 100%); background: -webkit-linear-gradient(180deg, rgba(192,51,137,1) 0%, rgba(70,183,80,1) 33%, rgba(23,141,205,1) 66%, rgba(236,181,39,1) 100%); background: linear-gradient(180deg, rgba(192,51,137,1) 0%, rgba(70,183,80,1) 33%, rgba(23,141,205,1) 66%, rgba(236,181,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c03389",endColorstr="#ecb527",GradientType=1); }
.clila{color: var(--lila) !important;} .cverde{color: var(--verde) !important;} .camarillo{color: var(--amarillo) !important;}
.cazul{color: var(--azul) !important;} .cnaranja{color: var(--naranja) !important;} .cpasto{color: var(--pasto) !important;}
.cmorado{color: var(--morado) !important;} .crosa{color: var(--rosa) !important;} .crosa{color: var(--rosa) !important;}
.clight{color: var(--gris-light) !important;}

.blila{background-color: var(--lila) !important;} .bverde{background-color: var(--verde) !important;} .bamarillo{background-color: var(--amarillo) !important;}
.bazul{background-color: var(--azul) !important;} .bnaranja{background-color: var(--naranja) !important;} .bpasto{background-color: var(--pasto) !important;}
.bmorado{background-color: var(--morado) !important;} .brosa{background-color: var(--rosa) !important;} .brosa{background-color: var(--rosa) !important;}
.cblanco{color:white !important}

#header-wrap #logo img { max-width: 350px !important; max-height: 82px;}

.clight {color: var(--gris-light) !important;}
.modal {--bs-modal-width: 950px;}
.modal-header {background-color: #bf308b !important; color: #FFF !important;}
button.btn.btn-secondary {background-color: #bf308b !important;color: #FFF !important;border: none;}
button.btn.btn-secondary:hover {background-color: #882a8f !important;color: #FFF !important;border: none;}
.modal-title{color: white;}

button.btn.btn-lg.btn-danger.w-100.m-0 {background-color: var(--azul) !important; border: none;}
button.btn.btn-lg.btn-danger.w-100.m-0:hover {background-color: var(--verde) !important; border: none;}

.landing-wide-form {background: rgba(0, 0, 0, 0.5); border-radius: 15px;}
.logosuc{max-width: 600px; margin: 1em 0;}
.glow {filter: drop-shadow(0 0 20px white) drop-shadow(0 0 40px white) drop-shadow(0 0 60px white); }
.fili{min-width: 20px; min-height: 15px;}
.just{ text-align: justify;}
.dark #copyrights, #copyrights.dark { background-color: var(--lila);}
.bgfili{background-image: url(../images/bgfili.png); background-size: 40%; }
.borrosa{border: solid 2px var(--rosa)}
.btn-rosa{background-color: var(--rosa); color: white;}
.btn-rosa:hover{background-color: var(--pinky); color: white;}
.sliderpic{background: url(../images/landing2.jpg) center; overflow: visible;}
.loge{margin-top: 150px;}
.ptlogue{padding-top: 2em;}

@media (min-width: 768px) and (max-width: 1024px) {

	#slider{min-height: 90vh !important;}
	.sliderpic{background: url(../images/landing3.jpg) center; overflow: visible; background-position: top;}
	.logue{padding-top: 5em !important;}
	
  }