*{ --primary-rgba:255,83,23; --secondary-rgba:0, 98, 136; --black-rgba: 0,35,43; --whatsapp: 82, 206, 95; transition: .3s; }
html, body { background: RGBA(var(--black-rgba)); margin: 0px; padding: 0px; font-family: "Open Sans"; }
main{ background: #FFF; color:RGBA(var(--black-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); } }
@keyframes bounceIn {
	0%, 20%, 50%, 80%, 100% {  transform: translateY(0); }
	40% { transform: translateY(-14px); }
	60% {  transform: translateY(-7px); }
}
.btn{ background:RGBA(var(--primary-rgba)); }
.btn:hover, .btn:active{ background:RGBA(var(--primary-rgba)); }


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

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

#top{ color: rgba(204,204,204,.75); position:fixed; right:20px; bottom:100px; width:75px; height:75px; z-index:999; display:none; }
#whatsapp{ background: RGBA(var(--whatsapp)); color:#FFF; display:flex; position:fixed; left:20px; bottom:20px; width:60px; height:60px; z-index:999; }
#top i, #whatsapp i{ position:absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); font-size:30px; }
#whatsapp sub{ position:absolute; top:0px; right:0px; width:20px; height:20px; line-height:20px; border-radius:50%; background: #FF2255; font-weight: 600; }
#whatsapp::before, #whatsapp::after{ background: #52CE5F; position: absolute; content: ""; width: 100%; height: 100%; border-radius:50%; opacity: .7; z-index: -1; }
#whatsapp::before{ animation: pulseIn 2s infinite ;}
#whatsapp::after{ animation: pulseIn 2s 1s infinite; }


#header{ background:#FFF; padding: 0px; z-index:1000; border-bottom: solid 1px RGBA(204,204,204,.25); display:noneXXX; }
#header ul, #header ol{ list-style-type: none; margin: 0px; padding: 0px; list-style-type: none; }
#header a, #header i{ color:RGBA(var(--black-rgba)); }
#header .navbar{ padding:0px; margin:15px 0; }
#header .navbar-toggler i{ font-size:2.5rem; }
#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%); }
#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{ position: relative; display:grid;  align-items: center; height: 50px; padding:0 20px; font-size:14px; font-weight:600; }
#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: 12px; font-weight:normal; }
#header .navbar_txt li{ display:inline-block; line-height:50px; padding:0px; }
#header .navbar .btn_buscar{ padding: 10px 20px; height: 40px; line-height: 40px; font-size: 20px; }
#header .navbar .btn_avitual{ padding: 0 20px; height: 40px; line-height: 40px; border-radius:10px; color:#FFF; }
@media (max-width: 768px){
#header{ background:#FFF; }	
#header .navbar-brand{ width: 160px; }
#header .navbar-nav li a{ height: auto; font-size:25px; 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; }
}   

.posts{ text-align:center; }
.posts .item{ display: inline-block; vertical-align:top; width:33%; text-align:left; }
.posts ul{ list-style-type: none; margin: 0px; padding: 0px; }
.posts figure{ position: relative; overflow:hidden; width: 100%; height: 200px; z-index:0; }
.posts figure:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:RGBA(var(--black-rgba),.1); z-index:1; }
.posts figure > img{ position: absolute; width: auto; height: 200px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.posts .caption{ background: #FFF; position: relative; margin: 20px; border: 0px solid #F2F2F2; border-radius:20px; overflow:hidden; }
.posts .caption a{ color:RGBA(var(--secondary-rgba)); }
.posts .caption .cat{ background:RGBA(var(--secondary-rgba)); color:#FFF; padding:5px 20px; font-size:10px; position:absolute; top: 20px; left: 20px; border-radius:20px; text-transform:uppercase; }
.cursos .caption .link a{ display: block; padding:10px;  font-weight: 600;}

.cursos{ background:#F2F2F2; text-align:center; }
.cursos .item{ display: inline-block; vertical-align:top; width:33%; text-align:left; }
.cursos ul{ list-style-type: none; margin: 0px; padding: 0px; }
.cursos figure{ position: relative; overflow:hidden; width: 100%; height: 120px; z-index:0; }
.cursos figure:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:RGBA(var(--black-rgba),.1); z-index:1; }
.cursos figure > img{ position: absolute; width: auto; height: 200px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.cursos .caption{ background: #FFF; position: relative; margin: 20px; border: 0px solid #F2F2F2; border-radius:20px; overflow:hidden; }
.cursos .caption i{ font-size:16px; margin-right:5px; }
.cursos .caption ul{ padding: 10px; }
.cursos .caption ul ul{ font-size:12px; padding:0; }
.cursos .inicur{ position:absolute; top:0; left: 0; z-index:2; background:RGBA(var(--primary-rgba)); color:#FFF; padding: 5px 20px; }
.cursos .titcur h2{ font-size:18px; line-height:20px; font-weight:700; }
.cursos .preccur{ font-size:35px; font-weight:700; margin: 10px 0; }
.cursos .preccur strong{ font-size:20px; display:block; font-weight:normal; }
.cursos .link a{ display: block; padding:10px;  font-weight: 600;}
.cursos .item:hover a i{ padding-left: 10px; }
@media (max-width: 768px){
.cursos .item{ width: 100%; }
}




#page-title{ position: relative; overflow:hidden; background: RGBA(var(--secondary-rgba)); color: #FFF; height: 60vh; padding:0; margin:80px 0 0 0; z-index:0; }
#page-title > img{ position: absolute; width: auto; height: 105%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:0; }
#page-title .container{position: absolute; left:50%; transform: translateX(-50%); bottom: 50px; z-index:1; }

























#curso-tit{ background:RGBA(var(--black-rgba)); overflow:hidden; padding: 100px 0 50px 0; }
#curso-tit:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:linear-gradient( RGBA(var(--black-rgba),.10), RGBA(var(--black-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; }
#curso-tit h1{ padding-top: 200px;}
#curso-tit form{ background:#FFF; color:RGBA(var(--black-rgba)); margin-top: 100px; padding: 20px; border-radius: 5px; }
#curso-tit form .float{ color:RGBA(0,0,0,.5); font-weight:700; margin-top:10px; }

.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;  }
}	




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


#libro-tit{  overflow:hidden; padding: 100px 0 50px 0; }
#libro-tit ul{ list-style-type: none; margin: 0px; padding: 0px; }
#libro-tit .container{ position: relative; }
#libro-tit h1{ padding-top: 50px;}
#libro-tit form{ background:#FFF; color:RGBA(var(--black-rgba)); margin-top: 100px; padding: 20px; border-radius: 5px; }
#libro-tit form .float{ color:RGBA(0,0,0,.5); font-weight:700; margin-top:10px; }


#libro-txt form{ background:#FFF; padding:20px 10px; border-radius: 5px; margin: 20px ;  }
#libro-txt form ul{ list-style-type: none; margin: 0px; padding: 0px; }
@media (max-width: 768px){
#libro-txt form{ margin: 50px 0 0 0;  }
}	














#curso-header{ background:RGBA(var(--secondary-rgba)); position: relative; overflow:hidden; height: 500px; padding: 100px 0 0 0; }
#curso-header ul{ list-style-type: none; margin: 0px; padding: 0px; }
#curso-header > img{ position: absolute; top: 0; width: 100%; height: auto;  animation: kenburns 15s infinite alternate forwards; z-index:0; }
#curso-header:before{ background:RGBA(var(--secondary-rgba),.25); content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:1; }
#curso-header .container{ position: absolute; left:50%; transform: translateX(-50%); bottom: 50px; color: #FFF; z-index:2; }
#curso-header .container strong{ font-size: 12px; }
#curso-header .container h4{ font-size: 12px; }
#curso-header .container ul{ border-top: solid 1px RGBA(204,204,204,.25); padding: 25px 0 0 0; margin: 25px 0 0 0; font-size:12px; }
#curso-header .container h3{ font-size: 25px; }
@media (max-width: 768px){
#curso-header{ padding: 200px 0 0 0;  height: 100vh; }
}	




#curso-body form{ background:#FFF; color:RGBA(var(--black-rgba)); margin-top: -300px; padding: 20px; border-radius: 5px; z-index:1 }
#curso-body form ul{ list-style-type: none; margin: 0px; padding: 0px; }
#curso-body form .float{ color:RGBA(0,0,0,.5); font-weight:700; margin-top:10px; }


#curso-body summary{ font-size: 16px; }
#curso-body .wp-block-details{ border-bottom:solid 1px RGBA(204,204,204,.5); font-size:11px; }
#curso-body .wp-block-details[open]{ background:#F2F2F2; border-radius:10px; }


#curso-pago { padding: 100px 0px; }

#curso-txt{ padding: 100px 0; }
#curso-txt .wp-block-details{ }
#curso-txt summary{ font-size: 20px; font-weight:700; }
#curso-txt .wp-block-details{ border-bottom:solid 1px RGBA(204,204,204,.5); font-size:14px; }
#curso-txt .wp-block-details[open]{ background:#F2F2F2; border-radius:10px; }



.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"; }














@media print {
.container{ padding:0px!important; margin:0px auto!important; width:90vw!important; }
#header, #footer, #whatsapp, #top, form{ display:none!important; }
#curso-header{ height:100vh!important; margin:0; text-align:center; }	
#curso-header{ height:100vh!important; margin:0; text-align:center; }		
#curso-body, #curso-txt{ page-break-before:always; }	
#curso-header .col-md-7, #curso-body .col-md-7, #curso-txt .col-md-7{ width:100%; }	

#curso-pago{ page-break-before:always; height: 100vh!important;  }	
#curso-certificado{ page-break-before:always; height: 100vh!important;  }	
	
}	




.accordion {
    --bs-accordion-color: none;
    --bs-accordion-bg: none;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-active-color: none;
    --bs-accordion-active-bg: none;
	--bs-accordion-border-width: none;	
    --bs-accordion-body-padding-y: 2px;
    --bs-accordion-btn-icon-width: 1.5rem;

    border-bottom: 1px solid rgba(204,204,204,.5);
    margin-bottom: 10px;
}
.accordion span{ font-weight:600; font-size:18pt; cursor:pointer; }
.accordion span.collapsed{  }

.accordion#prof{
    --bs-accordion-color: none;
    --bs-accordion-bg: none;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4' /%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8' /%3e%3c/svg%3e");
    border-bottom: 1px solid rgba(204,204,204,.25);
    margin-bottom: 10px;
}
.accordion#prof span{ font-weight:normal; font-size:20px; cursor:pointer; }
.accordion#prof div.accordion-body{
	text-align: justify;
	font-size:12px; 
	padding-bottom:20px;
}
























#post-title{ position:relative; background:RGBA(var(--secondary-rgba)); position: relative; overflow:hidden; height: 500px; padding: 100px 0 0 0; z-index:0; }
#post-title:before{ background:RGBA(var(--secondary-rgba),.25); content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:1; }
#post-title .container{ position: absolute; left:50%; transform: translateX(-50%); bottom: 50px; color: #FFF; z-index:2; }

#post-body figure{ position:relative; margin-top: -350px; z-index:1; }
@media (max-width: 768px){
#post-title{ height: 300px; padding: 100px 0 0 0; z-index:0; }	
#post-body figure img{ position:relative; margin-top: 0px; width:100%; z-index:1; }	
}