@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 100;
    src: url("./fonts/poppins-v20-latin-100.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 200;
    src: url("./fonts/poppins-v20-latin-200.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    src: url("./fonts/poppins-v20-latin-300.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/poppins-v20-latin-regular.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url("./fonts/poppins-v20-latin-500.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    src: url("./fonts/poppins-v20-latin-600.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("./fonts/poppins-v20-latin-700.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 800;
    src: url("./fonts/poppins-v20-latin-800.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 900;
    src: url("./fonts/poppins-v20-latin-900.woff2") format("woff2");
}

@font-face {
    font-family: "remixicon";
    src: url('./fonts/remixicon.eot') format("embedded-opentype"), url("./fonts/remixicon.woff2") format("woff2"), url("./fonts/remixicon.woff") format("woff"), url("./fonts/remixicon.ttf") format("truetype"), url("./fonts/remixicon.svg") format("svg");
    font-display: swap;
}

[class^="administracion-publica"]{
    --url-with-filters-background-image: url('./imgs/background/administracion-publica-16.webp');
}

[class^="contabilidad-empresarial"]{
    --url-with-filters-background-image: url('./imgs/background/contabilidad-empresarial-24.webp');
}

[class^="formacion-profesional"]{
    --url-with-filters-background-image: url('./imgs/background/formacion-profesional-30.webp');
}

[class^="ingenieria-y-tecnologia"]{
    --url-with-filters-background-image: url('./imgs/background/ingenieria-y-tecnologia-10.webp');
}

[class^="psicologia-y-ciencias-sociales-y-de-comportamiento"]{
    --url-with-filters-background-image: url('./imgs/background/psicologia-y-ciencias-sociales-y-de-comportamiento-17.webp');
}

[class^="arquitectura-y-urbanismo"]{
    --url-with-filters-background-image: url('./imgs/background/arquitectura-y-urbanismo-41.webp');
}

[class^="criminologia-y-estudios-forenses"]{
    --url-with-filters-background-image: url('./imgs/background/criminologia-y-estudios-forenses-38.webp');
}

[class^="gestion-inmobiliaria-urbanismo"]{
    --url-with-filters-background-image: url('./imgs/background/gestion-inmobiliaria-urbanismo-33.webp');
}

[class^="matematicas-y-estadistica"]{
    --url-with-filters-background-image: url('./imgs/background/matematicas-y-estadistica-14.webp');
}

[class^="publicidad-y-marketing"]{
    --url-with-filters-background-image: url('./imgs/background/publicidad-y-marketing-23.webp');
}

[class^="arte-y-bellas-artes"]{
    --url-with-filters-background-image: url('./imgs/background/arte-y-bellas-artes-2.webp');
}

[class^="deportes-y-educacion-fisica"]{
    --url-with-filters-background-image: url('./imgs/background/deportes-y-educacion-fisica-18.webp');
}

[class^="gestion-medio-ambiente"]{
    --url-with-filters-background-image: url('./imgs/background/gestion-medio-ambiente-11.webp');
}

[class^="mba"]{
    --url-with-filters-background-image: url('./imgs/background/mba-26.webp');
}

[class^="recursos-humanos-rrhh"]{
    --url-with-filters-background-image: url('./imgs/background/recursos-humanos-rrhh-20.webp');
}

[class^="belleza-y-estetica"]{
    --url-with-filters-background-image: url('./imgs/background/belleza-y-estetica-43.webp');
}

[class^="derecho-leyes"]{
    --url-with-filters-background-image: url('./imgs/background/derecho-leyes-13.webp');
}

[class^="habilidades-personales-desarrollo-personal"]{
    --url-with-filters-background-image: url('./imgs/background/habilidades-personales-desarrollo-personal-39.webp');
}

[class^="medio-ambiente-y-geologia"]{
    --url-with-filters-background-image: url('./imgs/background/medio-ambiente-y-geologia-8.webp');
}

[class^="riesgos-laborales"]{
    --url-with-filters-background-image: url('./imgs/background/riesgos-laborales-19.webp');
}

[class^="calidad"]{
    --url-with-filters-background-image: url('./imgs/background/calidad-37.webp');
}

[class^="diseno-y-animacion"]{
    --url-with-filters-background-image: url('./imgs/background/diseno-y-animacion-44.webp');
}

[class^="hoteleria-y-turismo"]{
    --url-with-filters-background-image: url('./imgs/background/hoteleria-y-turismo-21.webp');
}

[class^="moda-diseno"]{
    --url-with-filters-background-image: url('./imgs/background/moda-diseno-34.webp');
}

[class^="salud-y-medicina"]{
    --url-with-filters-background-image: url('./imgs/background/salud-y-medicina-4.webp');
}

[class^="ciencias-agrarias"]{
    --url-with-filters-background-image: url('./imgs/background/ciencias-agrarias-1.webp');
}

[class^="economia-y-finanzas"]{
    --url-with-filters-background-image: url('./imgs/background/economia-y-finanzas-22.webp');
}

[class^="idiomas"]{
    --url-with-filters-background-image: url('./imgs/background/idiomas-31.webp');
}

[class^="culinaria-y-gastronomia"]{
    --url-with-filters-background-image: url('./imgs/background/culinaria-y-gastronomia-35.webp');
}

[class^="seguridad-publica-y-privada"]{
    --url-with-filters-background-image: url('./imgs/background/seguridad-publica-y-privada-42.webp');
}

[class^="ciencias-biologicas"]{
    --url-with-filters-background-image: url('./imgs/background/ciencias-biologicas-3.webp');
}

[class^="educacion"]{
    --url-with-filters-background-image: url('./imgs/background/educacion-9.webp');
}

[class^="imagen-y-sonido"]{
    --url-with-filters-background-image: url('./imgs/background/imagen-y-sonido-32.webp');
}

[class^="pasatiempos-manualidades"]{
    --url-with-filters-background-image: url('./imgs/background/pasatiempos-manualidades-40.webp');
}

[class^="traduccion-e-interpretacion"]{
    --url-with-filters-background-image: url('./imgs/background/traduccion-e-interpretacion-45.webp');
}

[class^="ciencias-experimentales"]{
    --url-with-filters-background-image: url('./imgs/background/ciencias-experimentales-29.webp');
}

[class^="empleo-publico-y-oposiciones"]{
    --url-with-filters-background-image: url('./imgs/background/empleo-publico-y-oposiciones-28.webp');
}

[class^="impuestos-fiscal"]{
    --url-with-filters-background-image: url('./imgs/background/impuestos-fiscal-25.webp');
}

[class^="periodismo-y-ciencias-de-la-informacion"]{
    --url-with-filters-background-image: url('./imgs/background/periodismo-y-ciencias-de-la-informacion-6.webp');
}

[class^="transporte"]{
    --url-with-filters-background-image: url('./imgs/background/transporte-11122.webp');
}

[class^="ciencias-sociales-y-humanidades"]{
    --url-with-filters-background-image: url('./imgs/background/ciencias-sociales-y-humanidades-12.webp');
}

[class^="fisica-y-quimica"]{
    --url-with-filters-background-image: url('./imgs/background/fisica-y-quimica-15.webp');
}

[class^="informatica-e-informacion"]{
    --url-with-filters-background-image: url('./imgs/background/informatica-e-informacion-7.webp');
}

[class^="programas-empresariales"]{
    --url-with-filters-background-image: url('./imgs/background/programas-empresariales-5.webp');
}

[class^="veterinaria"]{
    --url-with-filters-background-image: url('./imgs/background/veterinaria-36.webp');
}

[class^="formacion-in-company"]{
    --url-with-filters-background-image: url('./imgs/background/formacion-in-company-27.webp');
}

[class^="esoterismo-estudios-misticos"]{
    --url-with-filters-background-image: url('./imgs/background/esoterismo-estudios-misticos-11143.webp');
}

[class^="pseudociencias-y-terapias-alternativas"]{
    --url-with-filters-background-image: url('./imgs/background/pseudociencias-y-terapias-alternativas-11144.webp');
}

[class^="ciencias-y-tecnologia-de-los-alimentos"]{
    --url-with-filters-background-image: url('./imgs/background/ciencias-y-tecnologia-de-los-alimentos-11145.webp');
}

[class^="organizacion-de-eventos"]{
    --url-with-filters-background-image: url('./imgs/background/organizacion-de-eventos-11146.webp');
}

@media (min-width: 960px) {
    #site-container.url-with-filters.current-step-modalidades #desktopFriendlyUrlTitleContainer,
    #site-container.url-with-filters.current-step-categorias #desktopFriendlyUrlTitleContainer,
    #site-container.url-with-filters.current-step-subcategorias #desktopFriendlyUrlTitleContainer {
        background-image: linear-gradient(to left, rgba(5, 5, 5, 0.34), rgba(0, 0, 0, 0.52)), var(--url-with-filters-background-image);
    }
}

#explora-container {
    background-attachment: scroll;
    background-repeat: no-repeat;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 65px auto 50px;
    display: -ms-grid;
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 0;
    grid-template-areas:
    "header"
    "main  "
    "footer";
    grid-template-columns: 1fr;
    grid-template-rows: 65px auto 50px;
    justify-items: center;
    margin: 0;
    overflow-x: hidden;
}

.footer {
    -webkit-box-shadow: rgba(0,0,0,.06) 0 2px 4px 0 inset;
    box-shadow: rgba(0,0,0,.06) 0 2px 4px 0 inset;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    grid-area: footer;
    justify-content: center;
    padding: 1.2em;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.footer span {
    margin: 0 10px 5px;
}

@media (min-width: 1000px) {
    .header {
        padding-left: 0;
        padding-right: 0;
        max-width: 1000px;
    }
}
@media (min-width: 480px) {
    .header {
        left: 50%;
        margin: auto;
        max-width: 960px;
        -webkit-transform: translate(-50%,0%);
        transform: translate(-50%,0%);
    }
}

.header__steps, .header__button {
    visibility: hidden;
}
.header__progress.progress {
    display: none;
}