/* -------- MENÚ -------- */
@media only screen and (min-width: 1301px) and (max-width: 1640px) {
    .elementor-57 .elementor-element.elementor-element-fdfa54d .elementor-nav-menu--main .elementor-item {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
@media only screen and (min-width: 1361px) and (max-width: 1640px) {
    #col-logo-menu {
        width: 15%;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1361px) {
    #col-logo-menu {
        width: 10%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1301px) {
    .elementor-57 .elementor-element.elementor-element-fdfa54d .elementor-nav-menu--main .elementor-item {
        padding-left: 6px !important;
        padding-right: 6px !important;
    } 
}
@media only screen and (min-width: 1024px) and (max-width: 1301px) {
    .elementor.elementor .e-con > .elementor-widget-nav-menu {
        width: 100%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1301px) {
    #col-logo-menu {
        width: 6%;
    }
}
@media only screen and (min-width: 1140px) {
    .elementor-57 .elementor-element.elementor-element-fdfa54d .elementor-nav-menu .elementor-item {
        font-size: 15px !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
    .elementor-57 .elementor-element.elementor-element-fdfa54d .elementor-nav-menu .elementor-item {
        font-size: 13px !important;
    }
}

/* -------- FORMULARIO -------- */
.elementor-nav-menu--main li.menu-item-14910 {
    margin-left: 20px;
}
.elementor-nav-menu--main li.menu-item-14910 a {
    border: 1px solid #0056A1;
    border-radius: 9px;
    padding: 5px 20px !important;
}
.elementor-field-type-submit {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.elementor-form .elementor-field-group .elementor-field {
    text-transform: none !important;
    /* text-tansform: none !important; */
}

/* ----------------------------- SLIDER HOME ----------------------------- */
/* ---------------------------------------------------------------------- */

.slider-cursos-home .swiper-slide-contents {
    max-width: unset !important;
}
.dce-carousel-controls,
.swiper-pagination {
    display: none;
}
/*.slider-cursos-home .swiper .elementor-swiper-button svg {
    fill: #000 !important;
}*/
.elementor-1199 .elementor-element.elementor-element-eb65f1c .dce-post-item {
    max-width: 100%;
}

/* ---------- SLIDE PRIMERO ELITE BOTONES ---------- */

.slider-cursos-home .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-heading {
    font-family: "Outfit", Sans-serif !important;
    font-weight: 700 !important;
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}
.slider-cursos-home  .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-description p {
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}
.portada-botones {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.portada-botones .botones-interno a {
    border: 1px solid #0056A1;
    text-align: center;
    text-transform: uppercase;
    background-color: #0056A1;
    color: #FFF !important;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 6px;
    margin: 0 6px;
}
.portada-botones .botones-interno a:hover {
    border: 1px solid #00B4D8;
    background-color: #00B4D8;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* ---------- SLIDER ESTILOS COMUNES  ---------- */

.slider-cursos-home .div-interno {
    width: 100%;
}
/* TÍTULO DEL CURSO */
.slider-cursos-home .titulo {
    align-items: center;
    display: flex;
    padding: 0;
    border: 8px solid #f0c721;
}
.slider-cursos-home .titulo h2 {
    font-family: 'Outfit';
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
/* CONTENIDO COLUMNA IZDA */
.slider-cursos-home .inicio {
    display: flex;
    align-items: center;
    padding: 0;
}
.slider-cursos-home .inicio p {
    background: #00A9CB;
    color: #FFF;
    font-family: 'Inter';
    font-weight: 600;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 25px;
}
.slider-cursos-home .inicio .botones a {
    border: 2px solid #0056A1;
    text-align: center;
    text-transform: uppercase;
    background-color: #0056A1;
    color: #FFF !important;
    font-weight: 700;
    padding: 12px 20px;
    border-radius: 6px;
    box-shadow:0px 0px 15px #0056A1;
    margin: 0 5px;
}
/* CONTENIDO COLUMNA DCHA */
.slider-cursos-home .bloque-dch {
    min-height: 150px;
    text-decoration: underline;
    text-decoration-color: #E0312B;
    text-underline-offset: 6px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.slider-cursos-home .bloque-dch p {
    color: #000;
    font-family: 'Inter';
    font-weight: 500;
}
/* FOOTER */
.slider-cursos-home  .footer-slide {
    background: #c5c9d6;
    color: #182859;
    margin: 0;
    padding: 0;
}
.slider-cursos-home .footer-logo {
    background-color: #F5EBEB;
    display: flex;
    align-items: center;
}
.slider-cursos-home .footer-slide .footer-direccion {
    background: #E0312B;
    color: #FFF;
}
.slider-cursos-home .footer-slide .footer-direccion p {
    font-weight: 600;
    margin-bottom: 5px;
}
.slider-cursos-home .footer-slide .footer-direccion p a {
    color: #FFF;
}

/* ---------- SLIDE CURSO HOSTELERIA TEMPLATE ---------- */

.slide-curso-hosteleria {
    background: #FFF;
    max-width: 100%;
    margin: 0 !important;
}
/* CURSO GRATUITO CURSO HOSTELERIA */
.slide-curso-hosteleria .texto-curso {
    background: #a90e26;
}
.slide-curso-hosteleria .texto-curso p {
    color: #FFF;
    font-family: 'Outfit';
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
/* TÍTULO DEL CURSO */
.slide-curso-hosteleria .titulo {
    margin-top: 10px;
}
.slide-curso-hosteleria .titulo h2 {
    color: #a90e26;
}
/* FOOTER */
.slide-curso-hosteleria .footer-info {
    display: flex;
    align-items: center;
    background-color: #FCD4D4;
}
.slide-curso-hosteleria .footer-info p {
    color: #1F2A37;
    font-weight: 700;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.slide-curso-hosteleria .footer-slide .footer-direccion {
    /*text-align: center;
    display: flex;
    align-items: center;*/
    padding-top: 20px;
    text-align: right;
}

/* ---------- SLIDE TRABAJADORES TEMPLATE ---------- */

.slide-trabajadores {
    background: #FFF;
    max-width: 100%;
    margin: 0 !important;
}
/* FORMACIÓN GRATUITA PARA EMPRESAS */
.slide-trabajadores .texto-curso {
    background: #006d51;
}
.slide-trabajadores .texto-curso p {
    color: #FFF;
    font-family: 'Outfit';
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
/* TÍTULO DEL CURSO */
.slide-trabajadores .titulo {
    margin-top: 10px;
}
.slide-trabajadores .titulo h2 {
    color: #182859;
}
/* FOOTER */
.slide-trabajadores .footer-info {
    display: flex;
    align-items: center;
    background-color: #FCD4D4;
}
.slide-trabajadores .footer-info p {
    color: #1F2A37;
    font-weight: 700;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.slide-trabajadores .footer-direccion {
    padding-top: 20px;
    text-align: right;
}

/* ---------- RESPONSIVE SLIDER ---------- */
@media (min-width: 1500px) {
    .slider-cursos-home .texto-curso {
        padding-top: 15px;
        height: 80px;
    }
    .slider-cursos-home .texto-curso p {
        font-size: 38px;
    }
    .slide-curso-hosteleria .titulo-cert {
        height: 50px;
    }
    .slider-cursos-home .titulo {
        min-height: 200px;
    }
    .slider-cursos-home .titulo h2 {
        font-size: 56px;
        padding: 20px 0px;
    }
    /*.slide-curso-hosteleria .contenido {
        padding-top: 10px;
        height: 230px;
    }*/
    .slide-curso-hosteleria .contenido,
    .slide-trabajadores .contenido {
        padding-top: 10px;
        height: 268px;
    }
    .slider-cursos-home .inicio p {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .slider-cursos-home .inicio .botones {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .slider-cursos-home .inicio .botones a {
        font-size: 18px !important;
    }
    .slider-cursos-home .bloque-dch p {
        font-size: 22px;
    }
    .slider-cursos-home .footer-slide .footer-direccion p {
        font-size: 18px;
    }
    .slider-cursos-home .footer-slide .footer-direccion p a {
        font-size: 20px;
    }/*
    .slide-curso-hosteleria .footer-cofinanciado p {
        font-size: 24px;
    }*/
    .slide-curso-hosteleria .footer-info p,
    .slide-trabajadores .footer-info p {
        font-size: 28px;
    }
}
@media (max-width: 1500px) {
    .slider-cursos-home .inicio .botones {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .slider-cursos-home .inicio .botones a {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: fit-content;
        margin-bottom: 10px;
    }
}
@media (min-width: 1024px) {
    .slider-cursos-home .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-heading {
        font-size: 64px !important;
        margin-bottom: 80px !important;
    }
    .slider-cursos-home  .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-description p {
        font-size: 38px;
        margin-bottom: 90px;
    }
    .portada-botones  .botones-interno {
        float: left;
    }
    .slider-cursos-home .inicio .botones a {
        font-size: 17px !important;
    }
    .slide-curso-hosteleria,
    .slide-trabajadores {
        min-height: 700px;
    }
    .slider-cursos-home  .footer-slide {
        height: 140px;
    }
}
@media (min-width: 1024px) and (max-width: 1500px) {
    .slider-cursos-home .texto-curso {
        padding-top: 15px;
        height: 60px;
    }
    .slide-curso-hosteleria .texto-curso p {
        font-size: 26px;
    }
    .slide-curso-hosteleria .titulo-cert {
        height: 40px;
        padding-top: 7px;
    }
    .slide-curso-hosteleria .titulo-cert p {
        font-size: 20px;
    }
    .slider-cursos-home .titulo {
        height: 180px;
    }
    .slider-cursos-home .titulo h2 {
        font-size: 38px;
        padding: 5px 0px;
    }
    .slider-cursos-home .contenido {
        padding-top: 10px;
        height: 280px;
    }
    .slider-cursos-home .inicio p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .slider-cursos-home .inicio .botones a {
        font-size: 14px !important;
    }
    .slider-cursos-home .bloque-dch p {
        font-size: 18px;
    }
    .slider-cursos-home .footer-slide .footer-direccion p {
        font-size: 14px;
    }
    .slider-cursos-home .footer-slide .footer-direccion p a {
        font-size: 18px;
    }
    .slide-curso-hosteleria .footer-cofinanciado p {
        font-size: 18px;
    }
    .slide-trabajadores .footer-info p {
        font-size: 20px;
    }
}
@media (min-width: 767px) and (max-width: 1024px) {
    .slider-cursos-home .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-heading {
        font-size: 52px !important;
        margin-bottom: 20px !important;
    }
    .slider-cursos-home  .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-description p {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .portada-botones .botones-interno {
        height: 45px;
        margin-bottom: 5px;
    }
    .slide-curso-hosteleria,
    .slide-trabajadores {
        min-height: 600px;
    }
    .slider-cursos-home .texto-curso {
        padding-top: 15px;
        height: 60px;
    }
    .slide-curso-hosteleria .texto-curso p {
        font-size: 26px;
    }
    .slide-curso-hosteleria .titulo-cert {
        height: 40px;
        padding-top: 7px;
    }
    .slide-curso-hosteleria .titulo-cert p {
        font-size: 20px;
    }
    .slider-cursos-home .titulo {
        height: 150px;
    }
    .slider-cursos-home .titulo h2 {
        font-size: 32px;
        padding: 5px 0px;
    }
    .slider-cursos-home .contenido {
        padding-top: 10px;
        height: 200px;
    }
    .slider-cursos-home .inicio p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .slider-cursos-home .inicio .botones {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .slider-cursos-home .inicio .botones a {
        font-size: 14px !important;
    }
    .slider-cursos-home .bloque-dch p {
        font-size: 18px;
    }
    .slider-cursos-home .footer-slide .footer-direccion p {
        font-size: 14px;
    }
    .slider-cursos-home .footer-slide .footer-direccion p a {
        font-size: 14px;
    }
    .slide-curso-hosteleria .footer-cofinanciado p {
        font-size: 14px;
    }
    .slide-trabajadores .footer-info p {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .slider-cursos-home .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-heading {
        font-size: 44px !important;
        margin-bottom: 20px !important;
    }
    .slider-cursos-home  .elementor-slides .elementor-repeater-item-47469ea .elementor-slide-description p {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .portada-botones .botones-interno {
        height: 45px;
        margin-bottom: 5px;
    }
    .slider-cursos-home .botones-interno a {
        font-size: 14px !important;
    }
    .slide-curso-hosteleria,
    .slide-trabajadores {
        min-height: 600px;
    }
    .slider-cursos-home .texto-curso {
        padding-top: 15px;
        height: 45px;
    }
    .slide-curso-hosteleria .texto-curso p {
        font-size: 16px;
    }
    .slide-curso-hosteleria .titulo-cert {
        height: 25px;
        padding-top: 5px;
    }
    .slide-curso-hosteleria .titulo-cert p {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .slider-cursos-home .titulo {
        height: 150px;
    }
    .slide-trabajadores .titulo {
        margin-top: 0;
    }
    .slider-cursos-home .titulo h2 {
        font-size: 28px;
        padding: 5px 0px;
    }
    .slider-cursos-home .contenido {
        padding-top: 0;
        height: 330px;
        margin: 0;
    }
    .slider-cursos-home .inicio {
        height: 130px;
        padding-top: 20px;
    }
    .slider-cursos-home .inicio p {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 6px 15px;
    }
    .slider-cursos-home .inicio .botones {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .slider-cursos-home .inicio .botones a {
        font-size: 12px !important;
        padding: 7px 14px;
    }
    .slider-cursos-home .bloque-dch {
        height: 208px;
    }
    .slider-cursos-home .bloque-dch p {
        font-size: 16px;
    }
    .slider-cursos-home .footer-slide .footer-logo,
    .slider-cursos-home .slide-curso-hosteleria .footer-slide .footer-direccion {
        display: none;
    }
    .slide-curso-hosteleria .footer-cofinanciado p {
        font-size: 14px;
    }
    .slide-trabajadores .footer-direccion {
        padding-top: 0;
        height: 85px;
    }
    .slide-trabajadores .footer-info {
        height: 40px;
    }
    .slide-trabajadores .footer-info p {
        font-size: 16px;
    }
    .slider-cursos-home .footer-slide .footer-direccion p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .slider-cursos-home .footer-slide .footer-direccion p a {
        font-size: 16px;
    }
}


/* ---------------------------- GRID CURSOS ------------------------------ */
/* ---------------------------------------------------------------------- */

.grid-elite .dce-post-item .dce-post-block {
    min-height: 450px;
}
/*.grid-elite .infiniteScroll {
    display: none;
}*/

/* TÍTULO */
.grid-elite .dce-post-item .dce-post-block .dce-post-title {
    padding: 7px 15px 10px;
    font-family: 'Outfit';
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    min-height: 130px;
    align-items: center;
    display: flex !important;
    justify-content: center;
}

/* CONTENIDO */
.grid-elite .dce-post-item .dce-post-block span {
    background-color: #46537a;
    color: #FFF;
    padding: 7px 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
}
.grid-elite .dce-post-item .dce-post-block .dce-item_custommeta p {
    text-decoration: underline;
    text-decoration-color: #a90e26;
    text-underline-offset: 6px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}
.grid-elite .dce-post-item .dce-post-block .dce-item_custommeta :has(span) {
    margin-bottom: 10px;
}
.grid-elite .dce-post-item .dce-post-block .dce-item_custommeta:last-child {
    margin-bottom: 0;
}

/* ---------- GRID DESEMPLEADOS ---------- */
.grid-desempleados .dce-post-item .dce-post-block .dce-post-title {
    background: #a90e26;
}

/* ---------- GRID TRABAJADORES ---------- */
.grid-trabajadores .dce-post-item .dce-post-block .dce-post-title {
    background: #006d51;
}

/* ---------- GRID CURSO LIBRE ---------- */
.grid-libres .dce-post-item .dce-post-block .dce-post-title {
    background: #db3700;
}

/* ---------- BOTONES ---------- */
.grid-elite .dce-post-item .dce-post-block .elementor-button {
    /*border: 1px solid #f0c721;*/
    text-align: center;
    text-transform: uppercase;
    background-color: #182859;
    color: #FFF !important;
    font-size: 0.9rem !important;
    font-weight: 700;
    padding: 12px 20px;
    border-radius: 6px;
    width: fit-content;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    /*box-shadow: 0px 0px 10px #f0c721;*/
    position: absolute;
    bottom: 80px;
    transform: translate(-50%, -50%);
}
.grid-elite .dce-post-item .dce-post-block .dce-item_custommeta:last-child .elementor-button {
    position: absolute;
    bottom: 30px;
    transform: translate(-50%, -50%);
    margin-top: 0;
}
/* ----------------- BOTÓN WHATSAPP ------------------------ */
.joinchat__button {
    margin-bottom: 5px;
}