/*-------------PERSONALIZACIÓN POR CATEGORÍAS--------------*/
/*-------Formación empresarial-----*/

body.pagelayout-course.category-70,
body.pagelayout-course.category-71,
body.path-course.context-306,
body.path-course.context-307 {
    background: linear-gradient(90deg, rgba(235, 92, 7, 1) 0%, rgba(242, 185, 153, 1) 50%, rgba(255, 240, 230, 1) 100%);
}

.context-306 h1, .context-306 .h1, .context-306 h2, .context-306 .h2, .context-306 h3, .context-306 .h3, .context-306 h4, .context-306 .h4, .context-306 h5, .context-306 .h5, .context-306 h6, .context-306 .h6,
.context-307 h1, .context-307 .h1, .context-307 h2, .context-307 .h2, .context-307 h3, .context-307 .h3, .context-307 h4, .context-307 .h4, .context-307 h5, .context-307 .h5, .context-307 h6, .context-307 .h6,
.category-71 h1, .category-71 .h1, .category-71 h2, .category-71 .h2, .category-71 h3, .category-71 .h3, .category-71 h4, .category-71 .h4, .category-71 h5, .category-71 .h5, .category-71 h6, .category-71 .h6,
.category-70 h1, .category-70 .h1, .category-70 h2, .category-70 .h2, .category-70 h3, .category-70 .h3, .category-70 h4, .category-70 .h4, .category-70 h5, .category-70 .h5, .category-70 h6, .category-70 .h6 {
    font-weight: bold;
    font-family: "Sarabun", sans-serif;
    color: #eb5c07;
}

.category-70 div#page-content,
.category-71 div#page-content,
body.path-course.context-306 div#page-content,
body.path-course.context-307 div#page-content {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 7px 4px 3px #ff700038;
}
.category-70 nav.navbar .nav-link,
.category-71 nav.navbar .nav-link,
.context-306 nav.navbar .nav-link,
.context-307 nav.navbar .nav-link {
    color: #ffffff !important;
}
.category-70 nav.navbar,
.category-71 nav.navbar, 
body.path-course.context-306 nav.navbar,
body.path-course.context-307 nav.navbar {
    background-color: #eb5c07 !important;
}

.category-70 div#page,
.category-71 div#page,
body.path-course.context-306 div#page,
body.path-course.context-307 div#page {
    background-color: #eb5c07;
    background: #EB5C07;
    background: linear-gradient(90deg, rgba(235, 92, 7, 1) 0%, rgba(242, 185, 153, 1) 50%, rgba(255, 240, 230, 1) 100%);
}

.category-70 div#usernavigation i,
.category-71 div#usernavigation i,
body.path-course.context-306 div#usernavigation i,
body.path-course.context-307 div#usernavigation i {
    color: white !important;
}

.category-70 form.d-flex.align-items-center.editmode-switch-form label,
.category-71 form.d-flex.align-items-center.editmode-switch-form label,
body.path-course.context-306 form.d-flex.align-items-center.editmode-switch-form label,
body.path-course.context-307 form.d-flex.align-items-center.editmode-switch-form label {
    color: white !important;
}

.category-70 #page-footer .btn.btn-icon,
.category-71 #page-footer .btn.btn-icon,
body.path-course.context-306 #page-footer .btn.btn-icon,
body.path-course.context-307 #page-footer .btn.btn-icon {
    box-shadow: 0px 1px 7px 6px #ff70004a;
}

.category-70 .courseindex .courseindex-item.pageitem,
.category-71 .courseindex .courseindex-item.pageitem,
body.path-course.context-306 .courseindex .courseindex-item.pageitem,
body.path-course.context-307 .courseindex .courseindex-item.pageitem {
    background-color: #ff5b06;
    color: #fff;
    scroll-margin: 6rem;
}

.category-70 header#page-header,
.category-71 header#page-header,
body.path-course.context-306 header#page-header,
body.path-course.context-307 header#page-header {
    position: relative;
    min-height: 390px;
    padding: 70px;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 18px 40px rgb(59 9 112 / .32);
    background-image: radial-gradient(circle at 78% 20%, rgb(0 232 128 / .28), 
    transparent 16%), 
    radial-gradient(circle at 88% 78%, rgb(249 121 240 / .3), 
    transparent 18%), radial-gradient(circle at 18% 80%, 
    rgb(109 32 229 / .34), transparent 22%), 
    linear-gradient(90deg, rgb(59 9 112 / .8) 0%,
    rgb(59 9 112 / .62) 35%, rgb(59 9 112 / .34) 62%,
    rgb(0 73 255 / .12) 100%), 
    url(https://www.ieie.eu/wp-content/uploads/2024/07/claves-para-una-entrevista-de-trabajo-exitosa-ieie.jpg);
    background-size: 340px 340px, 300px 300px, 420px 420px, cover, cover;
    background-position: 78% 18%, 90% 76%, 18% 82%, center, center right;
}

.category-70 #page-header h1.h2,
.category-71 #page-header h1.h2,
body.path-course.context-306 #page-header h1.h2,
body.path-course.context-307 #page-header h1.h2 {
    font-weight: 700;
    color: #ffffff;
    margin-top: 1em;
}

.category-70 #page.drawers .main-inner,
.category-71 #page.drawers .main-inner,
body.path-course.context-306 #page.drawers .main-inner,
body.path-course.context-307 #page.drawers .main-inner {
    padding: 0rem 0rem !important;
}

.category-70 .secondary-navigation .navigation,
.category-71 .secondary-navigation .navigation,
body.path-course.context-306 .secondary-navigation .navigation,
body.path-course.context-307 .secondary-navigation .navigation {
    margin: 0 0.5rem !important;
}

.category-70.nav.navbar,
.category-71.nav.navbar,
body.path-course.context-306 .nav.navbar,
body.path-course.context-306.nav.navbar,
body.path-course.context-307 .nav.navbar,
body.path-course.context-307.nav.navbar {
    background-color: #FF7000 !important;
    color: white !important;
    border-bottom: #ffffff 2px solid !important;
}

.category-70.primary-navigation .navigation .nav-link,
.category-71.primary-navigation .navigation .nav-link,
body.path-course.context-306 .primary-navigation .navigation .nav-link,
body.path-course.context-307 .primary-navigation .navigation .nav-link {
    height: 60px;
    color: #ffffff !important;
}

.category-70.navbar-brand img.logo,
.category-70 img.logo,
.category-70 img.logo.me-1,
.category-71.navbar-brand img.logo,
.category-71 img.logo,
.category-71 img.logo.me-1,
body.path-course.context-306 .navbar-brand img.logo,
body.path-course.context-306 img.logo,
body.path-course.context-306 img.logo.me-1,
body.path-course.context-307 .navbar-brand img.logo,
body.path-course.context-307 img.logo,
body.path-course.context-307 img.logo.me-1 {
    display: none !important;
}

.category-70.navbar-brand,
.category-70 a.navbar-brand,
.category-70 header .navbar .navbar-brand.aabtn,
.category-71.navbar-brand,
.category-71 a.navbar-brand,
.category-71 header .navbar .navbar-brand.aabtn,
body.path-course.context-306 .navbar-brand,
body.path-course.context-306 a.navbar-brand,
body.path-course.context-306 header .navbar .navbar-brand.aabtn,
body.path-course.context-307 .navbar-brand,
body.path-course.context-307 a.navbar-brand,
body.path-course.context-307 header .navbar .navbar-brand.aabtn {
    background-image: url("https://assets.cdn.ethinkcloud.net/compensar/Logo-Fundacion-Universitaria-compensar.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    width: 17% !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}
/*--------Transforación laboral--------*/

.context-16824 #page.drawers,
.context-16825 #page.drawers,
.category-102 #page.drawers,
.category-103 #page.drawers {
    margin-top: 60px;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa;
    background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 70%, #e8def3 85%, #b494d8 93%, #4b0a86 100%) !important;
}

.context-16824 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.context-16825 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.category-102 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.category-103 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active {
    background-color: rgb(59 12 112 / 43%);
    font-weight: bold;
    color: #3b0c70;
}

.context-16824 h1, .context-16824 .h1, .context-16824 h2, .context-16824 .h2, .context-16824 h3, .context-16824 .h3, .context-16824 h4, .context-16824 .h4, .context-16824 h5, .context-16824 .h5, .context-16824 h6, .context-16824 .h6,
.context-16825 h1, .context-16825 .h1, .context-16825 h2, .context-16825 .h2, .context-16825 h3, .context-16825 .h3, .context-16825 h4, .context-16825 .h4, .context-16825 h5, .context-16825 .h5, .context-16825 h6, .context-16825 .h6,
.category-102 h1, .category-102 .h1, .category-102 h2, .category-102 .h2, .category-102 h3, .category-102 .h3, .category-102 h4, .category-102 .h4, .category-102 h5, .category-102 .h5, .category-102 h6, .category-102 .h6,
.category-103 h1, .category-103 .h1, .category-103 h2, .category-103 .h2, .category-103 h3, .category-103 .h3, .category-103 h4, .category-103 .h4, .category-103 h5, .category-103 .h5, .category-103 h6, .category-103 .h6 {
    font-weight: bold;
    font-family: "Sarabun", sans-serif;
    color: #3b0c70;
}

.context-16824 form.d-flex.align-items-center.editmode-switch-form label,
.context-16825 form.d-flex.align-items-center.editmode-switch-form label,
.category-102 form.d-flex.align-items-center.editmode-switch-form label,
.category-103 form.d-flex.align-items-center.editmode-switch-form label {
    color: white !important;
}
.context-16824 nav.navbar,
.context-16825 nav.navbar,
.category-102 nav.navbar,
.category-103 nav.navbar {
    background-color: #3b0c70 !important;
}

.context-16824 .navbar-expand .navbar-nav i,
.context-16825 .navbar-expand .navbar-nav i,
.category-102 .navbar-expand .navbar-nav i,
.category-103 .navbar-expand .navbar-nav i {
    color: white !important;
}

.context-16824 .navbar .input-group,
.context-16825 .navbar .input-group,
.category-102 .navbar .input-group,
.category-103 .navbar .input-group {
    color: white;
}

.context-16824 div#page-content,
.context-16825 div#page-content,
.category-102 div#page-content,
.category-103 div#page-content {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 7px 4px 3px #d3b7f0;
}

.context-16824 #page-footer .btn.btn-icon,
.context-16825 #page-footer .btn.btn-icon,
.category-102 #page-footer .btn.btn-icon,
.category-103 #page-footer .btn.btn-icon {
    box-shadow: 0px 1px 7px 6px #d3b7f0;
}

.context-16824 header#page-header,
.context-16825 header#page-header,
.category-102 header#page-header,
.category-103 header#page-header {
   position: relative;
    min-height: 390px;
    padding: 70px;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 18px 40px rgb(59 9 112 / .32);
    background-image: radial-gradient(circle at 78% 20%, rgb(0 232 128 / .28), 
    transparent 16%), 
    radial-gradient(circle at 88% 78%, rgb(249 121 240 / .3), 
    transparent 18%), radial-gradient(circle at 18% 80%, 
    rgb(109 32 229 / .34), transparent 22%), 
    linear-gradient(90deg, rgb(59 9 112 / .8) 0%,
    rgb(59 9 112 / .62) 35%, rgb(59 9 112 / .34) 62%,
    rgb(0 73 255 / .12) 100%), 
    url(https://www.ieie.eu/wp-content/uploads/2024/07/claves-para-una-entrevista-de-trabajo-exitosa-ieie.jpg);
    background-size: 340px 340px, 300px 300px, 420px 420px, cover, cover;
    background-position: 78% 18%, 90% 76%, 18% 82%, center, center right;
}

.context-16824 #page-header h1.h2,
.context-16825 #page-header h1.h2,
.category-102 #page-header h1.h2,
.category-103 #page-header h1.h2 {
    font-weight: 700;
    color: #ffffff;
    margin-top: 1em;
}

.context-16824 #page.drawers .main-inner,
.context-16825 #page.drawers .main-inner,
.category-102 #page.drawers .main-inner,
.category-103 #page.drawers .main-inner {
    padding: 0rem 0rem !important;
}

.context-16824 .secondary-navigation .navigation,
.context-16825 .secondary-navigation .navigation,
.category-102 .secondary-navigation .navigation,
.category-103 .secondary-navigation .navigation {
    margin: 0 0.5rem !important;
}

.context-16824 .navbar.fixed-top.navbar-light.bg-white.navbar-expand,
.context-16825 .navbar.fixed-top.navbar-light.bg-white.navbar-expand,
.category-102 .navbar.fixed-top.navbar-light.bg-white.navbar-expand,
.category-103 .navbar.fixed-top.navbar-light.bg-white.navbar-expand {
    background-color: #3B0970 !important;
    color: white !important;
    border-bottom: #ffffff 2px solid !important;
}

.context-16824 .primary-navigation .navigation .nav-link,
.context-16825 .primary-navigation .navigation .nav-link,
.category-102 .primary-navigation .navigation .nav-link,
.category-103 .primary-navigation .navigation .nav-link {
    height: 60px;
    color: #ffffff !important;
}

.context-16824 .navbar-brand img.logo,
.context-16824 img.logo,
.context-16824 img.logo.me-1,
.context-16825 .navbar-brand img.logo,
.context-16825 img.logo,
.context-16825 img.logo.me-1,
.category-102 .navbar-brand img.logo,
.category-102 img.logo,
.category-102 img.logo.me-1,
.category-103 .navbar-brand img.logo,
.category-103 img.logo,
.category-103 img.logo.me-1 {
    display: none !important;
}

.context-16824 .navbar-brand,
.context-16824 a.navbar-brand,
.context-16824 header .navbar .navbar-brand.aabtn,
.context-16825 .navbar-brand,
.context-16825 a.navbar-brand,
.context-16825 header .navbar .navbar-brand.aabtn,
.category-102 .navbar-brand,
.category-102 a.navbar-brand,
.category-102 header .navbar .navbar-brand.aabtn,
.category-103 .navbar-brand,
.category-103 a.navbar-brand,
.category-103 header .navbar .navbar-brand.aabtn {
    background-image: url("https://assets.cdn.ethinkcloud.net/compensar/Logo-Fundacion-Universitaria-compensar.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    width: 17% !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

.context-16824 .drawer-toggles .drawer-toggler .btn,
.context-16825 .drawer-toggles .drawer-toggler .btn,
.category-102 .drawer-toggles .drawer-toggler .btn,
.category-103 .drawer-toggles .drawer-toggler .btn {
    background-color: #3b0c70 !important;
    color: #fff;
}

.context-16824 .btn-footer-popover,
.context-16825 .btn-footer-popover,
.category-102 .btn-footer-popover,
.category-103 .btn-footer-popover {
    border: #3b0c70 1px solid;
    background-color: #3b0c70 !important;
    color: #fff;
}
body.context-16824 .course-section a,
body.context-16824 .section a,
body.context-16825 .course-section a,
body.context-16825 .section a,
body.category-102 .course-section a,
body.category-102 .section a,
body.category-103 .course-section a,
body.category-103 .section a {
    color: #3b0c70 !important;
}

.context-16824 .btn-primary,
.context-16825 .btn-primary,
.category-102 .btn-primary,
.category-103 .btn-primary {
    border: #3b0c70 1px solid;
    background: linear-gradient(135deg, #3b0c70a4 0%, #3b0c7044 100%);
    box-shadow: 0 3px 10px #3b0c70;
    color: #fff;
}

.context-16824 .btn-secondary,
.context-16825 .btn-secondary,
.category-102 .btn-secondary,
.category-103 .btn-secondary {
    border: #3b0c70 1px solid;
    background: transparent;
    box-shadow: 0 3px 10px #3b0c708c;
    color: #3b0c70;
}

.context-16824 .btn-footer-popover,
.context-16825 .btn-footer-popover,
.category-102 .btn-footer-popover,
.category-103 .btn-footer-popover {
    border: #000000 1px solid;
    background-color: #000000 !important;
    color: #fff;
}

.context-16824 a,
.context-16825 a,
.category-102 a,
.category-103 a {
    color: #3b0c70;
}

.context-16824 a.dropdown-item:hover,
.context-16825 a.dropdown-item:hover,
.category-102 a.dropdown-item:hover,
.category-103 a.dropdown-item:hover {
    background-color: #3b0c70;
}
.context-16824 .course-section a, body.path-course .section a,
.context-16825 .course-section a, body.path-course .section a,
.category-102 .course-section a, body.path-course .section a,
.category-103 .course-section a, body.path-course .section a
{
    color: #8b3dff;
}

.context-16824 .courseindex .courseindex-item.pageitem,
.context-16825 .courseindex .courseindex-item.pageitem,
.category-73 .courseindex .courseindex-item.pageitem,
.category-72 .courseindex .courseindex-item.pageitem {
    background-color: #3b0e70;
    color: #fff;
    scroll-margin: 6rem;
}
/*Educacion continua*/


body.context-16861,
body.context-16862,
body.pagelayout-course.category-106,
body.pagelayout-course.category-108,
body.pagelayout-course.category-109 {
    background: linear-gradient(90deg, #1515AA 0%, rgba(21, 21, 170, 0.516) 0%, rgba(21, 21, 170, 0.16) 100%);
}

.context-16861 h1, .context-16861 .h1, .context-16861 h2, .context-16861 .h2, .context-16861 h3, .context-16861 .h3, .context-16861 h4, .context-16861 .h4, .context-16861 h5, .context-16861 .h5, .context-16861 h6, .context-16861 .h6,
.context-16862 h1, .context-16862 .h1, .context-16862 h2, .context-16862 .h2, .context-16862 h3, .context-16862 .h3, .context-16862 h4, .context-16862 .h4, .context-16862 h5, .context-16862 .h5, .context-16862 h6, .context-16862 .h6,
.category-106 h1, .category-106 .h1, .category-106 h2, .category-106 .h2, .category-106 h3, .category-106 .h3, .category-106 h4, .category-106 .h4, .category-106 h5, .category-106 .h5, .category-106 h6, .category-106 .h6,
.category-108 h1, .category-108 .h1, .category-108 h2, .category-108 .h2, .category-108 h3, .category-108 .h3, .category-108 h4, .category-108 .h4, .category-108 h5, .category-108 .h5, .category-108 h6, .category-108 .h6,
.category-109 h1, .category-109 .h1, .category-109 h2, .category-109 .h2, .category-109 h3, .category-109 .h3, .category-109 h4, .category-109 .h4, .category-109 h5, .category-109 .h5, .category-109 h6, .category-109 .h6 {
    font-weight: bold;
    color: #191919;
}

body.context-16861 div#page-content,
body.context-16862 div#page-content,
.category-106 div#page-content,
.category-108 div#page-content,
.category-109 div#page-content {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 7px 4px 3px rgba(21, 21, 170, 0.22);
}

.context-16861 nav.navbar .nav-link,
.context-16862 nav.navbar .nav-link,
.category-106 nav.navbar .nav-link,
.category-108 nav.navbar .nav-link,
.category-109 nav.navbar .nav-link {
    color: #ffffff !important;
}

body.context-16861 nav.navbar,
body.context-16862 nav.navbar,
.category-106 nav.navbar,
.category-108 nav.navbar,
.category-109 nav.navbar {
    background-color: #1515AA !important;
}

body.context-16861 div#page,
body.context-16862 div#page,
.category-106 div#page,
.category-108 div#page,
.category-109 div#page {
    background-color: #ffffff;
    background: #ffffff;
    background: linear-gradient(90deg, #1515AA 0%, rgba(21, 21, 170, 0.88) 50%, rgba(21, 21, 170, 0.54) 100%);
}

body.context-16861 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
body.context-16862 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
body.category-106 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
body.category-108 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
body.category-109 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.context-16861 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.context-16862 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.category-106 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.category-108 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.category-109 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active {
    background-color: #1515AA !important;
    font-weight: bold;
    color: #ffffff !important;
}

body.context-16861 .course-section a,
body.context-16861 .section a,
body.context-16862 .course-section a,
body.context-16862 .section a,
body.category-106 .course-section a,
body.category-106 .section a,
body.category-108 .course-section a,
body.category-108 .section a,
body.category-109 .course-section a,
body.category-109 .section a {
    color: #1515AA !important;
}

.context-16861 .btn-primary,
.context-16862 .btn-primary,
.category-106 .btn-primary,
.category-108 .btn-primary,
.category-109 .btn-primary {
    border: #1515AA 1px solid;
    background: linear-gradient(135deg, #1515AA 0%, rgba(21, 21, 170, 0.8) 100%);
    box-shadow: 0 3px 10px rgba(21, 21, 170, 0.4);
    color: #ffffff;
}

.context-16861 .btn-secondary,
.context-16862 .btn-secondary,
.category-106 .btn-secondary,
.category-108 .btn-secondary,
.category-109 .btn-secondary {
    border: #1515AA 1px solid;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(21, 21, 170, 0.2);
    color: #1515AA;
}

.context-16861 .btn-footer-popover,
.context-16862 .btn-footer-popover,
.category-106 .btn-footer-popover,
.category-108 .btn-footer-popover,
.category-109 .btn-footer-popover {
    border: #000000 1px solid;
    background-color: #000000 !important;
    color: #ffffff;
}

.context-16861 a,
.context-16862 a,
.category-106 a,
.category-108 a,
.category-109 a {
    color: #1515AA;
}

.context-16861 a.dropdown-item:hover,
.context-16862 a.dropdown-item:hover,
.category-106 a.dropdown-item:hover,
.category-108 a.dropdown-item:hover,
.category-109 a.dropdown-item:hover {
    background-color: #1515AA;
    color: #ffffff !important;
}

body.context-16861 div#usernavigation i,
body.context-16862 div#usernavigation i,
.category-106 div#usernavigation i,
.category-108 div#usernavigation i,
.category-109 div#usernavigation i {
    color: #ffffff !important;
}

body.context-16861 form.d-flex.align-items-center.editmode-switch-form label,
body.context-16862 form.d-flex.align-items-center.editmode-switch-form label,
.category-106 form.d-flex.align-items-center.editmode-switch-form label,
.category-108 form.d-flex.align-items-center.editmode-switch-form label,
.category-109 form.d-flex.align-items-center.editmode-switch-form label {
    color: #ffffff !important;
}

body.context-16861 #page-footer .btn.btn-icon,
body.context-16862 #page-footer .btn.btn-icon,
.category-106 #page-footer .btn.btn-icon,
.category-108 #page-footer .btn.btn-icon,
.category-109 #page-footer .btn.btn-icon {
    box-shadow: 0px 1px 7px 6px rgba(21, 21, 170, 0.25);
}

body.context-16861 .courseindex .courseindex-item.pageitem,
body.context-16862 .courseindex .courseindex-item.pageitem,
.category-106 .courseindex .courseindex-item.pageitem,
.category-108 .courseindex .courseindex-item.pageitem,
.category-109 .courseindex .courseindex-item.pageitem {
    background-color: #1515AA;
    color: #ffffff;
    scroll-margin: 6rem;
}

body.context-16861 header#page-header,
body.context-16862 header#page-header,
.category-106 header#page-header,
.category-108 header#page-header,
.category-109 header#page-header {
    position: relative;
    min-height: 390px;
    padding: 70px;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 18px 40px rgba(21, 21, 170, 0.25);
    background-image: radial-gradient(circle at 78% 20%, rgb(0 232 128 / .28), 
    transparent 16%), 
    radial-gradient(circle at 88% 78%, rgb(249 121 240 / .3), 
    transparent 18%), radial-gradient(circle at 18% 80%, 
    rgb(109 32 229 / .34), transparent 22%), 
    linear-gradient(90deg, rgba(21, 21, 170, 0.8) 0%,
    rgba(21, 21, 170, 0.62) 35%, rgba(21, 21, 170, 0.34) 62%,
    rgba(0 73 255 / .12) 100%), 
    url(https://www.ieie.eu/wp-content/uploads/2024/07/claves-para-una-entrevista-de-trabajo-exitosa-ieie.jpg);
    background-size: 340px 340px, 300px 300px, 420px 420px, cover, cover;
    background-position: 78% 18%, 90% 76%, 18% 82%, center, center right;
}

body.context-16861 .course-section, body.context-16861 .section,
body.context-16862 .course-section, body.context-16862 .section,
body.category-106 .course-section, body.category-106 .section,
body.category-108 .course-section, body.category-108 .section,
body.category-109 .course-section, body.category-109 .section,
.context-16861 .course-section, .context-16861 .section,
.context-16862 .course-section, .context-16862 .section,
.category-106 .course-section, .category-106 .section,
.category-108 .course-section, .category-108 .section,
.category-109 .course-section, .category-109 .section {
    margin-bottom: 24px;
    overflow: hidden;
    background: rgb(244 244 244 / .97);
    border-top: 5px solid #1515AA;
    border-radius: 20px;
    box-shadow: 0 10px 28px rgba(21, 21, 170, 0.15);
}

.context-16861 .drawer-toggles .drawer-toggler .btn,
.context-16862 .drawer-toggles .drawer-toggler .btn,
.category-106 .drawer-toggles .drawer-toggler .btn,
.category-108 .drawer-toggles .drawer-toggler .btn,
.category-109 .drawer-toggles .drawer-toggler .btn {
    background-color: #1515AA;
    color: #ffffff;
}

body.context-16861 #page-header h1.h2,
body.context-16862 #page-header h1.h2,
.category-106 #page-header h1.h2,
.category-108 #page-header h1.h2,
.category-109 #page-header h1.h2 {
    font-weight: 700;
    color: #ffffff;
    margin-top: 1em;
}

body.context-16861 #page.drawers .main-inner,
body.context-16862 #page.drawers .main-inner,
.category-106 #page.drawers .main-inner,
.category-108 #page.drawers .main-inner,
.category-109 #page.drawers .main-inner {
    padding: 0rem 0rem !important;
}

body.context-16861 .secondary-navigation .navigation,
body.context-16862 .secondary-navigation .navigation,
.category-106 .secondary-navigation .navigation,
.category-108 .secondary-navigation .navigation,
.category-109 .secondary-navigation .navigation {
    margin: 0 0.5rem !important;
}

body.context-16861 .nav.navbar,
body.context-16861.nav.navbar,
body.context-16862 .nav.navbar,
body.context-16862.nav.navbar,
.category-106.nav.navbar,
.category-108.nav.navbar,
.category-109.nav.navbar {
    background-color: #ffffff !important;
    color: #1515AA !important;
    border-bottom: #1515AA 2px solid !important;
}

body.context-16861 .primary-navigation .navigation .nav-link,
body.context-16862 .primary-navigation .navigation .nav-link,
.category-106.primary-navigation .navigation .nav-link,
.category-108.primary-navigation .navigation .nav-link,
.category-109.primary-navigation .navigation .nav-link {
    height: 60px;
    color: #1515AA !important;
}

body.context-16861 .navbar-brand img.logo,
body.context-16861 img.logo,
body.context-16861 img.logo.me-1,
body.context-16862 .navbar-brand img.logo,
body.context-16862 img.logo,
body.context-16862 img.logo.me-1,
.category-106.navbar-brand img.logo,
.category-106 img.logo,
.category-106 img.logo.me-1,
.category-108.navbar-brand img.logo,
.category-108 img.logo,
.category-108 img.logo.me-1,
.category-109.navbar-brand img.logo,
.category-109 img.logo,
.category-109 img.logo.me-1 {
    display: none !important;
}

body.context-16861 .navbar-brand,
body.context-16861 a.navbar-brand,
body.context-16861 header .navbar .navbar-brand.aabtn,
body.context-16862 .navbar-brand,
body.context-16862 a.navbar-brand,
body.context-16862 header .navbar .navbar-brand.aabtn,
.category-106.navbar-brand,
.category-106 a.navbar-brand,
.category-106 header .navbar .navbar-brand.aabtn,
.category-108.navbar-brand,
.category-108 a.navbar-brand,
.category-108 header .navbar .navbar-brand.aabtn,
.category-109.navbar-brand,
.category-109 a.navbar-brand,
.category-109 header .navbar .navbar-brand.aabtn {
    background-image: url("https://assets.cdn.ethinkcloud.net/compensar/Logo-Fundacion-Universitaria-compensar.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    width: 17% !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}
/*-------Clevel-----*/

body.context-305,
body.context-308,
body.pagelayout-course.category-72 {
    background: linear-gradient(90deg, #d3ac5f 0%, rgba(211, 172, 95, 0.516)0%, #d3ac5f2a 100%);
    font-family: "itc-avant-garde-gothic-pro", sans-serif;

}

.context-305 h1, .context-305 .h1, .context-305 h2, .context-305 .h2, .context-305 h3, .context-305 .h3, .context-305 h4, .context-305 .h4, .context-305 h5, .context-305 .h5, .context-305 h6, .context-305 .h6,
.context-308 h1, .context-308 .h1, .context-308 h2, .context-308 .h2, .context-308 h3, .context-308 .h3, .context-308 h4, .context-308 .h4, .context-308 h5, .context-308 .h5, .context-308 h6, .context-308 .h6,
.category-72 h1, .category-72 .h1, .category-72 h2, .category-72 .h2, .category-72 h3, .category-72 .h3, .category-72 h4, .category-72 .h4, .category-72 h5, .category-72 .h5, .category-72 h6, .category-72 .h6 {
    font-weight: bold;
    font-family: "itc-avant-garde-gothic-pro", sans-serif;
    color: #191919;
}

body.context-305 div#page-content,
body.context-308 div#page-content,
.category-72 div#page-content {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 7px 4px 3px #ffe799cb;
}

.context-305 nav.navbar .nav-link,
.context-308 nav.navbar .nav-link,
.category-72 nav.navbar .nav-link {
    color: #ffffff !important;
}

body.context-305 nav.navbar,
body.context-308 nav.navbar,
.category-72 nav.navbar {
    background-color: #191919 !important;
}

body.context-305 div#page,
body.context-308 div#page,
.category-72 div#page {
    background-color: #a87432;
    background: #a87432;
    background: linear-gradient(90deg, #d3ac5f 0%, #d3ac5fe1 50%, #d3ac5f89 100%);
}

body.context-305 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
body.context-308 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
body.category-72 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.context-305 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.context-308 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active,
.category-72 .secondary-navigation .navigation .nav-tabs .nav-item .nav-link.active {
    background-color: rgb(210 172 95) !important;
    font-weight: bold;
    color: #191919 !important;
}

body.context-305 .course-section a,
body.context-305 .section a,
body.context-308 .course-section a,
body.context-308 .section a,
body.category-72 .course-section a,
body.category-72 .section a {
    color: #191919 !important;
}

.context-305 .btn-primary,
.context-308 .btn-primary,
.category-72 .btn-primary {
    border: #d3ac5f 1px solid;
    background: linear-gradient(135deg, #d2ab5f 0%, #d2ac5f 100%);
    box-shadow: 0 3px 10px rgb(211 172 95);
    color: #fff;
}

.context-305 .btn-secondary,
.context-308 .btn-secondary,
.category-72 .btn-secondary {
    border: #d3ac5f 1px solid;
    background: transparent;
    box-shadow: 0 3px 10px rgb(211 172 95);
    color: #a87432;
}

.context-305 .btn-footer-popover,
.context-308 .btn-footer-popover,
.category-72 .btn-footer-popover {
    border: #000000 1px solid;
    background-color: #000000 !important;
    color: #fff;
}

.context-305 a,
.context-308 a,
.category-72 a {
    color: #a87432;
}
.context-305  a.dropdown-item:hover,
.context-308  a.dropdown-item:hover,
.category-72  a.dropdown-item:hover {
    background-color: #a87531;
}

body.context-305 div#usernavigation i,
body.context-308 div#usernavigation i,
.category-72 div#usernavigation i {
    color: white !important;
}

body.context-305 form.d-flex.align-items-center.editmode-switch-form label,
body.context-308 form.d-flex.align-items-center.editmode-switch-form label,
.category-72 form.d-flex.align-items-center.editmode-switch-form label {
    color: white !important;
}

body.context-305 #page-footer .btn.btn-icon,
body.context-308 #page-footer .btn.btn-icon,
.category-72 #page-footer .btn.btn-icon {
    box-shadow: 0px 1px 7px 6px #ff70004a;
}

body.context-305 .courseindex .courseindex-item.pageitem,
body.context-308 .courseindex .courseindex-item.pageitem,
.category-72 .courseindex .courseindex-item.pageitem {
    background-color: #a87531;
    color: #fff;
    scroll-margin: 6rem;
}

body.context-305 header#page-header,
body.context-308 header#page-header,
.category-72 header#page-header {
    position: relative;
    min-height: 390px;
    padding: 70px;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 18px 40px rgb(59 9 112 / .32);
    background-image: radial-gradient(circle at 78% 20%, rgb(0 232 128 / .28), 
    transparent 16%), 
    radial-gradient(circle at 88% 78%, rgb(249 121 240 / .3), 
    transparent 18%), radial-gradient(circle at 18% 80%, 
    rgb(109 32 229 / .34), transparent 22%), 
    linear-gradient(90deg, rgb(59 9 112 / .8) 0%,
    rgb(59 9 112 / .62) 35%, rgb(59 9 112 / .34) 62%,
    rgb(0 73 255 / .12) 100%), 
    url(https://www.ieie.eu/wp-content/uploads/2024/07/claves-para-una-entrevista-de-trabajo-exitosa-ieie.jpg);
    background-size: 340px 340px, 300px 300px, 420px 420px, cover, cover;
    background-position: 78% 18%, 90% 76%, 18% 82%, center, center right;
}

body.context-305 .course-section, body.context-305 .section,
body.context-308 .course-section, body.context-308 .section,
body.category-72 .course-section, body.category-72 .section,
.context-305 .course-section, .context-305 .section,
.context-308 .course-section, .context-308 .section,
.category-72 .course-section, .category-72 .section {
    margin-bottom: 24px;
    overflow: hidden;
    background: rgb(244 244 244 / .97);
    border-top: 5px solid #a87531;
    border-radius: 20px;
    box-shadow: 0 10px 28px rgb(209 171 95 / 19%);
}
.context-305 .drawer-toggles .drawer-toggler .btn,
.context-308 .drawer-toggles .drawer-toggler .btn,
.category-72 .drawer-toggles .drawer-toggler .btn {
    background-color: #a87531;
    color: #fff;
}

body.context-305 #page-header h1.h2,
body.context-308 #page-header h1.h2,
.category-72 #page-header h1.h2 {
    font-weight: 700;
    color: #ffffff;
    margin-top: 1em;
}

body.context-305 #page.drawers .main-inner,
body.context-308 #page.drawers .main-inner,
.category-72 #page.drawers .main-inner {
    padding: 0rem 0rem !important;
}

body.context-305 .secondary-navigation .navigation,
body.context-308 .secondary-navigation .navigation,
.category-72 .secondary-navigation .navigation {
    margin: 0 0.5rem !important;
}

body.context-305 .nav.navbar,
body.context-305.nav.navbar,
body.context-308 .nav.navbar,
body.context-308.nav.navbar,
.category-72.nav.navbar {
    background-color: #a87432 !important;
    color: white !important;
    border-bottom: #ffffff 2px solid !important;
}

body.context-305 .primary-navigation .navigation .nav-link,
body.context-308 .primary-navigation .navigation .nav-link,
.category-72.primary-navigation .navigation .nav-link {
    height: 60px;
    color: #ffffff !important;
}

body.context-305 .navbar-brand img.logo,
body.context-305 img.logo,
body.context-305 img.logo.me-1,
body.context-308 .navbar-brand img.logo,
body.context-308 img.logo,
body.context-308 img.logo.me-1,
.category-72.navbar-brand img.logo,
.category-72 img.logo,
.category-72 img.logo.me-1 {
    display: none !important;
}

body.context-305 .navbar-brand,
body.context-305 a.navbar-brand,
body.context-305 header .navbar .navbar-brand.aabtn,
body.context-308 .navbar-brand,
body.context-308 a.navbar-brand,
body.context-308 header .navbar .navbar-brand.aabtn,
.category-72.navbar-brand,
.category-72 a.navbar-brand,
.category-72 header .navbar .navbar-brand.aabtn {
    background-image: url("/pluginfile.php/1/tool_themeassets/assets/0/C-Level.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    width: 17% !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}