*{ --primary-rgba:51,94,234; --secondary-rgba:4,14,49; --whatsapp: #52CE5F; }
html, body { background: RGBA(var(--secondary-rgba)); margin: 0px; padding: 0px; font-family: "Open Sans"; }
main{ background: #FFF; color:RGBA(var(--secondary-rgba)); }
footer{ background: RGBA(var(--black-rgba)); color: #FFF; }
a, a:visited{ text-decoration: none; color:RGBA(var(--primary-rgba)); }
input, input:focus, select{ box-shadow:none!important; }
button, button:focus{ border: none!important; box-shadow:none!important; cursor: pointer!important; }
h1, h2 { font-weight:700; }
form * { border:0px!important; outline: none!important; }
form li{ position:relative; }
form label{ font-size: 12px; font-weight: 600; }
form button, form input, form select, form textarea, .form-control, .form-select{
	position:relative!important;
	border: 1px solid rgba(0,0,0,0.25)!important;
	background-color: rgba(0,0,0,0)!important;
	color:#000;
	border-radius: 5px;
	font-size:15px;
	line-height: 40px;
	height: 40px;
	padding: 0px 10px;
	width:100%;
}
form input[type=checkbox], form * input[type=radio]{ width: 20px!important; height: 20px!important; padding:0px!important; }
form input[type=checkbox]:checked{ background-color:RGBA(var(--secondary-rgba))!important; }
form input[type=radio]:checked{ background-color:RGBA(var(--secondary-rgba))!important; }
form input[type=radio]{ border-radius: 50%!important; }
form button[type=submit]{ background-color: RGBA(var(--primary-rgba))!important; color: #FFF; padding:0px; height:50px; border: 0!important; line-height:50px; }
@keyframes fadeIn { 0% { opacity: 0; }   100% { opacity: 1; } }
@keyframes pulseIn { 100%{ transform: scale(1.5); opacity: 0; } }
@keyframes kenburns { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }

.btn{ background:RGBA(var(--primary-rgba)); }
.btn:hover, .btn:active{ background:RGBA(var(--primary-rgba),.9); }

.offcanvas-backdrop.show, .offcanvas-backdrop.fade{ background:RGBA(var(--secondary-rgba)); }

.section{ position:relative; padding: 50px 0; z-index:0; }
.container, .is-layout-constrained { max-width:1100px; margin: auto; }


.was-validated .form-control:invalid, .was-validated .form-select:invalid{ 	border: solid 2px #DC3545!important; }
.was-validated .form-control:valid,.was-validated .form-select:valid{  background-image: none; }



#top{ color: rgba(204,204,204,.75); position:fixed; right:20px; bottom:100px; width:75px; height:75px; z-index:999; display:none; }
#whatsapp{ background: var(--whatsapp); color:#FFF; position:fixed; right:20px; bottom:20px; width:75px; height:75px; z-index:999; }
#top i, #whatsapp i{ position:absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); font-size:30px; }



#promo, #promo a{ background:RGBA(var(--primary-rgba)); color: #FFF; text-align: center; font-size: 14px; border-radius:0; margin:0; --bs-alert-padding-y: 5px; }
#promo button{ padding:10px;}



#header{ background:#FFF; padding: 0px; z-index:1000; border-bottom: solid 0px RGBA(204,204,204,.25); }
#header ul, #header ol{ list-style-type: none; margin: 0px; padding: 0px; list-style-type: none; }
#header .navbar{ padding:0px; margin:15px 0; }
#header .navbar-toggler i{ font-size:2.5rem; color: RGBA(var(--secondary-rgba)); }
#header .navbar-brand{ position: relative; display: block; width: 200px; height:50px; margin:0px; transition: width .5s; }
#header .navbar-brand span{ position: absolute; top:50%; transform: translateY(-50%); color:RGBA(var(--secondary-rgba));}
#header .navbar-brand img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; }
#header .navbar-nav li{ display: inline-block; position: relative; text-transform: uppercase; }
#header .navbar-nav li a{ color:RGBA(var(--secondary-rgba)); position: relative; display:grid;  align-items: center; height: 50px; padding:0 20px; font-size:14px; }
#header .navbar-nav li > a::before { content: '+'; position:absolute; right:0px; font-size:20px; font-weight:normal; }
#header .navbar-nav li > a:only-child::before { content: ''; }
#header .navbar-nav li ul { background: #FFF; display: none; position: absolute; left:0px; width:300px; padding: 10px 30px; border-left:solid 1px RGBA(204,204,204,.5); z-index:1001; }
#header .navbar-nav li:hover > ul{ display:block; }
#header .navbar-nav li ul li{ display: block; } 
#header .navbar-nav li ul * a{ padding:0; line-height:40px; font-weight: normal; font-size: 15px; font-weight:normal; }
#header .navbar_txt li{ display:inline-block; line-height:50px; padding:0px; }
#header .navbar .btn_buscar{ color:RGBA(var(--secondary-rgba)); padding: 10px 20px; height: 50px; line-height: 50px; font-size: 20px; }
#header .navbar .btn_avitual{ backgroundX:RGBA(var(--secondary-rgba)); color:#FFF; padding: 10px 20px; border-radius:10px; }
#header.header-scroll #promo { background:#FFF; display:none; }
@media (max-width: 768px){
#header{ background:#FFF; }	
#header .navbar-brand{ width: 160px; }
#header .navbar-nav li a{ height: auto; font-size:30px; padding:5px 30px; }
#header .navbar-nav li > a::before { left:0px; }
#header .navbar-nav li ul { position: relative; display:block; width:100%; padding: 0px 10px; }
#header .navbar-nav li ul * a{ padding:0 0 0 20px; }
#header .navbar-collapse { overflow-y:auto; max-height:70vh; margin-top:20px; }
}    


.ls-cursos{ color:RGBA(var(--secondary-rgba)); text-align:centerX; }
.ls-cursos ul{ list-style-type: none; margin: 0px; padding: 0px; }
.ls-cursos .item{ position: relative; overflow: hidden; display: inline-flex; vertical-align: top; width: 33%; }
.ls-cursos .item > img{ position: absolute; top: 0; width: 100%; height: auto; }
.ls-cursos .item .txt{ position: relative; backgroundX: #FFFFFF; margin: 10px; padding: 20px;  border-radius:5px; }
.ls-cursos .item .inicur{ color:RGBA(var(--primary-rgba)); font-weight:800; font-size: 20px; }
.ls-cursos .item .inicur span{ color:RGBA(var(--primary-rgba)); font-weight:800; }
.ls-cursos .item .titcur{ font-size:10px; text-transform:uppercase; }
.ls-cursos .item .titcur h2{ font-size:20px; line-height:20px; font-weight:700; }
.ls-cursos .item .titcur span{ display: inline-block; font-size:12px; background:RGBA(var(--primary-rgba)); color: #FFF; padding: 2px 10px; margin-bottom: 10px; font-weight:800; }
.ls-cursos .item .titcur strong{ font-size:14px; text-transform:capitalize; }
.ls-cursos .item .preccur{ font-size:35px; font-weight:700; margin: 10px 0; padding: 10px 0; }
.ls-cursos .item .preccur strong{ font-size:20px; display:block; font-weight:normal; }
.ls-cursos .item .link a{ display: block; background:RGBA(var(--secondary-rgba)); color:#FFF; width:100%; text-align: center; padding:10px; border-radius:5px; }
.ls-cursos .item i{ font-size:15px; margin-right:5px; }
@media (max-width: 768px){
.ls-cursos .item{ width: 100%; }
}

#curso-tit{ background:RGBA(var(--secondary-rgba)); overflow:hidden; padding: 150px 0 50px 0; }
#curso-tit:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:linear-gradient( RGBA(var(--secondary-rgba),.10), RGBA(var(--secondary-rgba)) 90%); z-index:1; }
#curso-tit ul{ list-style-type: none; margin: 0px; padding: 0px; }
#curso-tit > img{ position: absolute; top: 0; width: 100%; height: auto;  animation: kenburns 15s infinite alternate forwards; z-index:0; }
#curso-tit .container{ position: relative; color: #FFF; z-index:2; }
@media (max-width: 768px){

}


#webinar-tit{ background:RGBA(var(--secondary-rgba)); overflow:hidden; padding: 100px 0 50px 0; }
#webinar-tit:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:linear-gradient( RGBA(var(--secondary-rgba),.10), RGBA(var(--secondary-rgba)) 90%); z-index:1; }
#webinar-tit ul{ list-style-type: none; margin: 0px; padding: 0px; }
#webinar-tit > img{ position: absolute; top: 0; width: 100%; height: auto;  animation: kenburns 15s infinite alternate forwards; z-index:0; }
#webinar-tit .container{ position: relative; color: #FFF; z-index:2; }
#webinar-tit h1{ padding-top: 200px;}
#webinar-tit form{ background:#FFF; color:RGBA(var(--secondary-rgba)); margin-top: 100px; padding: 20px; border-radius: 5px; }
#webinar-tit form .float{ color:RGBA(0,0,0,.5); font-weight:700; margin-top:10px; }




#webinar-exp{ backgroundX:RGBA(var(--secondary-rgba)); colorX: #FFF; }
#webinar-exp .container{ max-width: 900px; }

.wp-block-details{ padding: 0px; margin:10px auto; }
.wp-block-details[open]{ padding-bottom:20px; }
.wp-block-details > *:not(summary) {  padding: 0 20px; }
.wp-block-details ul, .wp-block-details ol { margin: 10px; padding: 0 40px;  }
.wp-block-details summary::marker { content: ""; }
.wp-block-details summary{ position: relative; padding:20px 50px 20px 20px; }
.wp-block-details summary::before { position: absolute; font-family:"bootstrap-icons"; content:"\F282"; width:50px; height: 50px; right:0px; top: 50%; transform: translateY(-50%); line-height: 50px; text-align: center; }
.wp-block-details[open] summary::before { content: "\F286"; }


.position-sticky{ top: 100px; z-index: 2; }
#curso-txt form{ background:#FFF; padding:20px 10px; border-radius: 5px; margin: -350px 20px 0 20px ;  }
#curso-txt form ul{ list-style-type: none; margin: 0px; padding: 0px; }
@media (max-width: 768px){
#curso-txt form{ margin: 50px 0 0 0;  }
}	



#curso-prec{ padding:50px 0; }

#curso-exp{ padding:50px 0 ;}
#curso-exp .container{ max-width: 900px; }
#curso-exp summary{ font-size: 16px; font-weight:600;  }
#curso-exp .wp-block-details{ border-bottom:solid 1px RGBA(204,204,204,.5); font-size:12px; }
#curso-exp .wp-block-details[open]{ background:RGBA(var(--primary-rgba),.1); }
#curso-exp .wp-block-details summary::before { content:"\F4FE"; font-size: 32px; }
#curso-exp .wp-block-details[open] summary::before { content: "\F2EA"; }


#page-txt{ padding: 50px 0; }
#page-txt .container{ max-width: 900px; }
#page-txt summary{ font-size: 16px; font-weight:600; border-bottom:solid 1px RGBA(204,204,204,.5);  }
#page-txt .wp-block-details summary::before { font-size: 25px; }
#page-txt .wp-block-details[open]{ background:RGBA(var(--secondary-rgba),.1); }

#footer ul{ list-style-type: none; margin: 0px; padding: 0px; }


#page-tit{ background:RGBA(var(--secondary-rgba)); overflow:hidden; padding: 100px 0 50px 0; }
#page-tit:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:linear-gradient( RGBA(var(--secondary-rgba),.25), RGBA(var(--secondary-rgba)) 90%); z-index:1; }
#page-tit > img{ position: absolute; top: 0; width: 100%; height: auto;  animation: kenburns 15s infinite alternate forwards; z-index:0; }
#page-tit .container{ position: relative; z-index:2; color: #FFF; margin-top:200px; }
#page-tit h1{ font-size: 32px; line-height: 40px; }



#idx-banner{ max-height:90vh; }
#idx-cursos{ padding: 100px 0 50px 0;}
#idx-webinar{ padding: 100px 0 50px 0;}
#idx-webinar .whatsapp, #webinar .whatsapp{ display: block!important; text-align:center; padding: 10px; background:RGBA(var(--secondary-rgba), .1); }