:root {
    --AzulOscuro: #21547b;
    --VerdeClaro: #a1d7de;
    --naranja: #f7942c;
}
.views-exposed-form {
    background-color: var(--VerdeClaro);
}
.breaker-secretaria.breaker-secretaria--video {
    display: inline-flex;
    align-items: center;
}
.section-title--line-down-center::after {
    background-color: var(--VerdeClaro);
}
.accordion-item {
    background-color: #a1d7de;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.card {
    box-shadow: 0px 5px 5px 2px #e7e4e4;
    border-radius: 4px;
    border: 0;
}
.iconoinfo {
    background-color: var(--naranja);
    color: var(--bs-light) !important;
    padding: 7px;
    border-radius: 50%;
    height: 24px;
    width: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#CursodeInteres {
    padding: 0 23px 83px;
}
#CursodeInteres img {
    object-position: inherit !important;
    object-fit: inherit !important;
    height: inherit !important;
    width: inherit !important;
}
#CursodeInteres a.link {
    background-color: var(--naranja);
    border-color: var(--naranja);
    color: var(--bs-light);
    margin: auto;
    display: table;
    margin-top: 32px;
    border-radius: 23px;
    padding: 12px 31px;
}

#CursodeInteres a.link i {
    color: var(--bs-light);
}
#CursodeInteres a.link:hover {
    background-color: var(--AzulOscuro);
    color: var(--bs-light);
}

#CursodeInteres .nav-tabs .nav-link.active {
    color: var(--bs-light);
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    background-color: var(--AzulOscuro);
}

#CursodeInteres .nav-tabs .nav-link {
    background-color: var(--bs-white);
    color: var(--AzulOscuro);
    border-bottom: 1px solid#21547b;
}
#CursodeInteres h5.card-title {
    color: var(--naranja);
}
#CursodeInteres .views-exposed-form input.form-submit {
    background-color: var(--AzulOscuro);
    color: #fff;
}
#CursodeInteres i {
    color: var(--AzulOscuro);
}
#CursodeInteres a.btn.btn-primary,
#CursodeInteres a.btn.btn-success {
    background-color: var(--bgwhite);
    border-color: var(--AzulOscuro);
    color: var(--AzulOscuro);
    margin: auto;
    display: table;
    margin-bottom: 23px;
    border-radius: 23px;
}
#CursodeInteres a.btn.btn-success {
    background-color: var(--naranja);
    border-color: var(--naranja);
    color: var(--bs-light);
}

#CursodeInteres a.btn.btn-success i {
    color: var(--bs-light);
}

#CursodeInteres a.btn.btn-primary:hover {
    background-color: var(--AzulOscuro);
    color: var(--bs-light);
}
#CursodeInteres a.btn.btn-success:hover {
    background-color: var(--AzulOscuro);
    color: var(--bs-light);
}
#CursodeInteres .views-exposed-form input.form-submit {
    background-color: var(--AzulOscuro);
    color: #fff;
}
#CursodeInteres i {
    color: var(--AzulOscuro);
}
#Dirigidoa .breaker-secretaria {
    align-items: inherit;
    align-items: center;
}
#Dirigidoa ul,
#Descripcion ul {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}

#Dirigidoa li,
#Descripcion li {
    padding-left: var(--icon-space);
}

#Dirigidoa li:before,
#Descripcion li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space) * -1);
    width: var(--icon-space);
    color: var(--VerdeClaro);
}
#Dirigidoa .accordion-button,
#Descripcion .accordion-button,
#Contenidotematico .accordion-button,
#Coordinador .accordion-button {
    border-left: 4px solid var(--AzulOscuro);
}
#Dirigidoa .accordion-button:not(.collapsed),
#Descripcion .accordion-button:not(.collapsed),
#Contenidotematico .accordion-button:not(.collapsed),
#Coordinador .accordion-button:not(.collapsed) {
    color: var(--c-gray-900) !important;
    background-color: var(--c-gray-100);
}
.accordion-button {
    border-left: 4px solid var(--AzulOscuro);
}
.accordion-button:not(.collapsed) {
    color: var(--c-gray-900) !important;
    background-color: var(--c-gray-100);
}
#Coordinador .accordion-item {
    background-color: var(--VerdeClaro);
}
#entidadesAliadas {
    background-color: var(--VerdeClaro);
}
#entidadesAliadas .section-title--line-down-center::after {
    background-color: var(--AzulOscuro);
}
#entidadesAliadas .section-title--line-down-center {
    margin-bottom: 0rem;
}
#entidadesAliadas h3.h3.section-title__heading {
    color: var(--AzulOscuro);
}

#Programa .egresados img {
    object-position: inherit !important;
    object-fit: inherit !important;
    height: inherit !important;
    width: inherit !important;
    margin: 4% 0;
}
#Programa .block.block--form {
    padding-bottom: 23px;
    position: sticky;
    top: 0;
}
/*Interna*/
.layout__region.layout__region--second.SeccionFormul {
    position: sticky;
    top: 0;
}
#Dirigido {
    background-color: var(--naranja);
}
#Conferencistas {
    background-repeat: no-repeat;
}
#Conferencistas .card_hover--modal .card_hover__heading {
    border-left: 10px solid var(--VerdeClaro);
}
#Contenidotematico .button-content {
    background-color: var(--naranja);
    border: 1px solid #f7942c;
    margin-top: 20px;
}
#Coordinador h3 {
    color: var(--AzulOscuro);
}
#Coordinador {
    background-color: var(--VerdeClaro);
}
#Coordinador a {
    color: var(--AzulOscuro);
    font-weight: 700;
}

#Coordinador .section-title--line-down-center::after {
    background-color: var(--bs-light);
}

#Coordinador h4.h4.section-title__heading {
    color: var(--AzulOscuro);
}

#Cenefa {
    background: rgb(5, 1, 79);
    background: linear-gradient(90deg, rgb(10 64 71) 2%, rgb(32 107 119) 18%, rgb(161 215 222) 43%, rgb(161 215 222) 71%);
    padding: 7px;
    text-align: right;
    font-weight: 700;
}
#Cenefa a {
    color: #12464e;
}

#Contenidotematico .button-content:hover {
    color: var(--bs-light);
    background-color: var(--AzulOscuro);
}
.block.px-md.block--2-cols {
    background-color: var(--VerdeClaro);
}
.comite {
    background-color: var(--VerdeClaro);
}
/*Estil0os formulario*/
.titulos h3 {
    font-size: 3rem !important;
}
.btn-tematico {
    background-color: var(--AzulOscuro);
    margin-bottom: 21px;
    color: var(--bs-light);
    font-weight: 800;
    width: 77%;
    padding: 10px;
    margin: auto;
    margin-bottom: 19px;
}
#navbarSupportedContent .menu-programa-ur-destok li {
    max-width: 100% !important;
}
#navbarSupportedContent .menu-programa-ur-destok li,
#navbarSupportedContent .menu-programa-ur-mobile li {
    font-size: 1rem !important;
}
.bc-menu #block-breadcrumbs-2 .breadcrumb {
    margin-top: -40px !important;
}

#Programa .SeccionBanner img.logo {
    object-position: inherit;
    object-fit: inherit;
    height: inherit;
    width: inherit;
}
#Programa .SeccionFormul h5 {
    text-align: center;
}

#Programa .SeccionFormul .webform-element-help--title {
    display: none;
}

#Programa .txt-advertencia {
    font-size: 12px;
    margin: 0;
}

#Programa .txt-advertencia span {
    color: red;
}

#Programa .SeccionBanner .hero-image__body h1,
.hero-image__body .h1 {
    line-height: 3.3rem;
}

#Programa .SeccionBanner h4 {
    font-size: 29px !important;
    font-weight: 300;
}

#Programa .SeccionFormul i {
    color: #da0923;
}

#Programa .SeccionBanner img {
    object-position: 23%;
    object-fit: cover;
    height: 769px;
    width: 100%;
}
#Programa img.img-lg {
    object-position: inherit;
    object-fit: inherit;
    height: auto;
    width: 100%;
    margin-left: 23%;
}
#Programa .SeccionFormul form {
}

.webform-submission-form {
    padding: 0 8%;
}

#Programa .SeccionFormul .block-bg-blue.block--form > div:nth-child(1) {
    color: lime;
    display: none;
}

#Programa .SeccionFormul label {
    padding: 3px 0;
    font-weight: bold;
}

#Programa .SeccionFormul input#edit-actions-submit,
#Programa .SeccionFormul input.webform-button--submit {
    background-color: #da0921;
    font-weight: 900;
    font-size: 1.1rem;
    transition: 0.5s;
    display: table;
    color: #fff;
    width: 93%;
    margin: auto;
}

#Programa .SeccionFormul input#edit-actions-submit:hover {
    background-color: #000f62;
}

#Programa .SeccionFormul input.webform-button--submit:hover {
    background-color: #000f62;
}

#Programa .SeccionFormul .option.js-form-required.form-required.form-item__label {
    font-weight: 400;
}

#Programa .SeccionFormul .form-item__textfield:focus {
    border-color: #07004c;
}

#Programa .SeccionFormul .form-item__textfield {
    border-radius: 4px;
    background-color: #fbf9f9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid#2c2c2c !important;
}

#Programa .SeccionBanner img .SeccionFormul h5 {
    text-align: center;
    margin-bottom: 0;
    padding: 12px 0 3px;
}

#Programa .SeccionFormul .status--error {
    color: var(--c-text);
    background-color: rgb(231 0 0 / 0%);
    border: 1px solid#a70202b8;
    text-align: left;
    background-color: #fcfcfc !important;
    line-height: 1.4em;
    font-weight: 400;
    padding: 2px 0;
    font-size: 0.9em;
    margin-bottom: 9px;
}

#Programa .SeccionFormul li.status.status--error::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\21";
    color: #fff;
    margin-right: 5px;
    background-color: #da0921;
    padding: 5px 9px;
}

#Programa .Confimacion {
    background: rgb(245, 245, 245);
    background: linear-gradient(180deg, rgba(245, 245, 245, 1) 36%, rgba(245, 245, 245, 0) 88%);
    padding: 13% 29px;
    position: relative;
    width: 100%;
    left: 0;
    top: -58px;
}

#Programa .Confimacion h3 {
    color: #2b2c74;
    font-size: 1.3em;
}

#Programa .Confimacion a {
    color: #260273;
    font-weight: 600;
    transition: 0.4s;
}

#Programa .Confimacion a:hover {
    color: #da0921;
}

#Programa .Confimacion hr {
    border: 1px solid#da0921;
    background-color: #da0921;
    opacity: 98;
    width: 9%;
    margin: 0 0 10px;
}

.js-form-item {
    padding: 0 4%;
}
@media (min-width: 1700px) {
    #Programa .SeccionBanner img {
        object-position: 4%;
    }
}
@media (min-width: 1281px) {
    .page--program #programa {
        top: -14px !important;
    }
}

@media (min-width: 1281px) {
    .page--program #programa {
        top: -23px;
    }
}

@media all and (min-width: 946px) and (max-width: 1400px) {
    .bc-menu #navbarSupportedContent .menu-programa-ur-destok {
        top: 79px;
    }
}
@media all and (min-width: 769px) and (max-width: 946px) {
    .bc-menu #navbarSupportedContent .menu-programa-ur-destok {
        top: 80px;
    }
}

@media (min-width: 944px) and (max-width: 1277px) {
    #Programa {
        margin-top: 44px;
    }
}

@media (min-width: 768px) and (max-width: 944px) {
    #Programa {
        margin-top: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1260px) {
    #Programa .SeccionBanner img {
        object-position: 17% 22%;
        height: 760px;
    }
    #Programa img.img-lg {
        object-position: inherit;
        height: auto;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .SeccionBanner img {
        object-position: 19%;
    }

    #Programa .Confimacion {
        top: -83px;
    }
}

@media (max-width: 768px) {
    #Programa .SeccionBanner img {
        object-position: 16%;
    }

    #Programa.layout-twocol.layout-twocol-75-25 .layout-content {
        grid-template-columns: 100% 100%;
    }

    #Programa.layout-twocol .layout-content {
        display: block;
    }

    #Programa.SeccionBanner .form-item__textfield {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #Programa .SeccionBanner img {
        height: auto;
    }

    #Programa .SeccionFormul .hero-image__body h1 {
        font-size: 2rem !important;
    }

    #Programa .SeccionFormul .hero-image__body {
        position: absolute;
        top: 39px;
        left: 43px;
    }

    #Programa .SeccionBanner h4 {
        font-size: 19px !important;
        width: 96%;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .hero-image__body {
        position: absolute;
        top: 68px;
        left: 43px;
    }

    #Programa .SeccionFormul input#edit-nombres,
    input#edit-apellidos,
    input#edit-numero-de-documento,
    input#edit-celular,
    input#edit-correo-electronico-usuario {
        width: 100%;
    }
    #Programa img.img-lg {
        display: none;
    }
}

@media (max-width: 600px) {
    #Programa {
        margin-top: 0;
    }

    #Programa .hero-image__body br {
        display: none;
    }

    #Programa .hero-image__body h1 {
        font-size: 2.3rem !important;
        line-height: 2.1rem !important;
    }

    .hero-image__body {
        position: absolute;
        top: 72px !important;
        left: 43px;
    }

    #Programa .Confimacion {
        top: -74px;
    }

    #Programa .SeccionBanner h4 {
        font-size: 19px !important;
        width: 82%;
    }

    #Programa .SeccionFormul h5 {
        padding: 30px 0 0;
        text-align: center;
    }

    #Programa input#edit-habeas-data {
        width: 24px;
        position: relative;
        top: 4px;
    }

    #Programa .SeccionFormul .js-form-item input {
        width: 100%;
    }
    #Programa img.img-lg {
        display: none;
    }
}

@media (max-width: 425px) {
    #Programa .hero-image__body h1 {
        font-size: 2.1rem !important;
        line-height: 2.1rem !important;
        width: 72%;
    }
}

.bc-menu #navbarSupportedContent .menu-programa-ur-destok {
    top: 79px;
}

@media (max-width: 320px) {
    #Programa .hero-image__body h1 {
        font-size: 1.4rem !important;
        line-height: 1.3rem !important;
    }
}