/* Banner */
.program-title {
    color: #ffffff;
    font-family: "SharpGroteskBold";
    text-shadow: 0px 2px 4px rgb(0 0 0 / 70%);
}

.program-subtitle {
    color: #ffffff;
    font-family: "SharpGroteskSemiBold";
    font-size: 22px;
    margin-bottom: 8px;
    text-shadow: 0px 2px 4px rgb(0 0 0 / 70%);
}

.program-description {
    color: #ffffff;
    font-family: "TelegrafSemiBold";
    font-size: 18px;
    text-shadow: 0px 2px 4px rgb(0 0 0 / 70%);
}

.features-section .more-career-info {
    background-color: #FDBF3F;
    padding: 20px 20px 4px;
}

.bullet-point {
    padding-left: 35px;
    position: relative;
}

.bullet-point:before {
    content: "";
    background: url('/sites/all/themes/upn/imagenes/check-circle.svg') no-repeat;
    position: absolute;
    top: 5px;
    left: -2px;
    width: 20px;
    height: 20px;
}

.section-banner-wa-online {
    border-bottom: 1px solid #eaeaea;
}

.webform-general-banner .webform-submission-form {
    box-shadow: none;
    padding: 40px 0;
}

/* malla curricular */
.curriculum-styles {
    border-bottom: 1px solid #000;
}

.curriculum-styles .title {
    display: flex;
    justify-content: space-between;
}

.curriculum-styles .title p {
    font-family: "SharpGroteskSemiBold";
    font-size: 20px;
}

.btn-descargar-brochure a {
    background: #000;
    border-radius: 4px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);
    color: #fff;
    display: inline-block;
    font-family: "TelegrafSemiBold";
    padding: 1em 1.5em;
    text-decoration: none;
}

.btn-descargar-brochure a:hover {
    background: #fdba30;
    color: #000;
}

/* por que upn */
.reason-card {
    background-color: #FDBF3F;
    padding: 20px;
}

.reason-card .title {
    font-family: "SharpGroteskBook";
    font-size: 20px;
    text-transform: uppercase;
}

/* slider */
.slick-dots li button:before {
    font-size: 16px;
}

.slick-dots li.slick-active button:before {
    color: #fdba30;
}

.first-slider.slick-dotted.slick-slider {
    margin-bottom: 40px;
}

.first-slider.slick-dotted.slick-slider ul.slick-dots {
    bottom: -30px;
}

.second-slider.slick-dotted.slick-slider,
.third-slider.slick-dotted.slick-slider {
    margin-bottom: 60px;
}

.second-slider.slick-dotted.slick-slider ul.slick-dots,
.third-slider.slick-dotted.slick-slider ul.slick-dots {
    bottom: -50px;
}

/* misión, visión y más */
.becas-ayuda-economica {
    background-color: #404041;
    color: #fff;
    padding: 15px;
}

.style-i-ayuda {
    color: #fdba30;
}

.border-bienvenido {
    background: #f6f6f6;
    border-top: 1px solid #eaeaea;
}

/* Botón WhatsApp */
.btn-fixed.btnInscribete {
    display: none;
}

@media (min-width: 576px) {
    .banner-section-text {
        margin: 50px 0;
    }

    .btn-fixed.btnInscribete {
        position: fixed;
        bottom: 25px;
        left: 25px;
        z-index: 9;
    }
}

@media (min-width: 768px) {
    .curriculum-styles {
        border: 2px solid #000;
        height: 100%;
        margin-left: 15px;
        margin-right: 15px;
        padding: 20px;
        position: relative;
    }

    .curriculum-styles::before {
        content: "";
        position: absolute;
        top: -7px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fdba30;
    }

    .curriculum-styles::after {
        content: "";
        position: absolute;
        bottom: -7px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fdba30;
    }

    .curriculum-styles .title p {
        font-size: 24px;
        text-transform: uppercase;
    }

    .becas-ayuda-economica {
        background-color: #eaeaea;
        color: #000;
        cursor: pointer;
    }

    .style-i-ayuda {
        background-color: #fff;
        border-radius: 50px;
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .program-subtitle {
        font-size: 26px;
    }

    .webform-general-banner .webform-submission-form {
        border-bottom: none;
        padding: 20px 20px 20px 4px;
    }
}

@media (min-width: 1200px) {
    .program-box {
        width: 540px;
        margin-left: auto;
    }
}

@media (min-width: 1440px) {
    .program-box {
        width: 610px;
        margin-right: 20px;
    }

    .webform-general-banner .webform-submission-form {
        width: 640px;
    }
}