.font-titles {
    font-family: 'Nunito Sans', sans-serif;
}

.font-nunito {
    font-family: 'Nunito', sans-serif;
}

.font-poppins {
    font-family: 'Poppins', sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.line-height-150 {
    line-height: 150%;
}

.line-height-200 {
    line-height: 200%;
}

.img-feria{
    display: flex;
    justify-content: center;
    align-items: center;
}

.spacer{
    padding-top: 70px; 
}


/*CSS personalizado section fin-registro*/
.formulario {
    border: solid 1px rgb(0 0 0 / 8%);
    padding: 40px;
    width: 100%;
    border-radius: 5px;
    text-align: justify;
    box-shadow: 0px 0px 20px 2px #2121210f;
    margin: auto;
}

.bg-deep-verdeSTEM
{
    background-color: #02a090 !important;
    }

.color-udlap {
    color: #f57b20 !important;
}

a.btn.btn-feria-naranja,
a.btn.btn-feria-naranja:link,
a.btn.btn-feria-naranja:visited {
    background: #f57b20 !important;
    background-color: #f57b20 !important;
    background-image: none !important;
    border-color: #f57b20 !important;
    color: #fff !important;
}

a.btn.btn-feria-naranja:hover,
a.btn.btn-feria-naranja:focus,
a.btn.btn-feria-naranja:active {
    background: #e06d18 !important;
    background-color: #e06d18 !important;
    background-image: none !important;
    border-color: #e06d18 !important;
    color: #fff !important;
}
 .stem-hero-accent {
            color: var(--color-accent-orange);
            display: inline-block;
            margin-top: 0.35rem;
            font-weight: 700;
        }
        .stem-intro {
            text-align: center;
            max-width: 48rem;
            margin-left: auto;
            margin-right: auto;
        }
        .stem-section-light {
            background: var(--color-bg-muted, #f5f7fa);
        }
        .stem-section-plain {
            background: var(--color-bg-card, #ffffff);
        }
        .stem-heading-xl {
            font-size: clamp(1.65rem, 3.2vw, 2.5rem);
            font-weight: 700;
            text-align: center;
            margin-bottom: 1rem;
        }
        .stem-feria-img {
            display: block;
            max-width: min(100%, 520px);
            height: auto;
            margin: 1.5rem auto;
        }
        .stem-card-title {
            min-height: 4.25rem;
        }
        .stem-card-link {
            display: inline-block;
            margin-top: auto;
            background: var(--color-accent-orange);
            color: #fff !important;
            text-decoration: none;
            border-radius: 9999px;
            padding: 0.65rem 1.1rem;
            font-weight: 600;
            line-height: 1.3;
        }
        .stem-card-link:hover {
            background: var(--color-accent-orange-hover);
        }
        .stem-cta-dark {
            background: #374151;
            color: #fff !important;
            text-decoration: none;
            border-radius: 9999px;
            padding: 0.85rem 1.6rem;
            font-weight: 700;
            display: inline-block;
        }
        .stem-cta-dark:hover {
            background: #1f2937;
        }
        .stem-split-dark {
            background: var(--color-bg-dark, #1e293b);
            color: #f8fafc;
        }
        .stem-split-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 0;
            align-items: stretch;
        }
        @media (min-width: 62rem) {
            .stem-split-grid {
                grid-template-columns: 1fr 1fr;
            }
        }
        .stem-split-media {
            min-height: 280px;
            background-size: cover;
            background-position: center;
        }
        .stem-split-body {
            padding: clamp(1.5rem, 4vw, 3rem);
        }
        .stem-split-body h2 {
            color: #f8fafc;
        }
        .stem-split-body .body-text,
        .stem-split-body .lista-desordenada {
            color: rgba(248, 250, 252, 0.95);
        }
        .stem-noticias-box {
            background: var(--color-bg-muted, #f5f7fa);
            border: 1px solid var(--color-border, #e0e0e0);
            padding: 1.125rem 1.5rem;
            border-radius: 0.5rem;
            margin-bottom: 2rem;
        }
        .stem-media-embed {
            width: 100%;
            border: 0;
            border-radius: 12px;
            min-height: 352px;
        }
        .stem-video-embed {
            width: 100%;
            aspect-ratio: 16 / 9;
            height: auto;
            min-height: 320px;
            border: 0;
        }


@media (max-width: 991.98px) {
    a.btn.btn-feria-naranja.feria-categoria-bases-btn {
        margin-bottom: 30px !important;
    }
}

a.btn.feria-registro-btn {
    display: inline-block !important;
    width: auto !important;
    max-width: min(420px, 94vw);
}

@media (min-width: 768px) and (max-width: 991.98px) {
    a.btn.feria-registro-btn {
        max-width: min(900px, 96vw);
    }
}

@media (min-width: 992px) {
    a.btn.feria-registro-btn {
        display: table !important;
        width: 100% !important;
        max-width: none !important;
    }
}

a:hover:not(.btn),
a:active:not(.btn) {
    color: #F47B20;
}

.hidden {
    display: none !important;
}

.form-header-title2, form-header-title2, form-header-title3 {
    line-height: 48px;
}

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

.social-icons li {
    vertical-align: top;
    display: inline;
    font-size: 1.2em;
    padding: 0.5em;
    margin: 0;
}
ul.padding-0 {
    padding: 0;
}

/*estilos para el boton de enviar*/
.btn-enviar:active {
    background-color: #f57b20
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .min-height {
        min-height: 445px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .min-height {
        min-height: 500px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .min-height {
        min-height: 500px;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .min-height {
        min-height: 500px;
    }
}