body {font-family:'Space Grotesk', sans-serif !important}
footer {
    padding: 40px;
    margin-top: 50px;
    background-color: #fff;
}

ul li {list-style: none;}

/* BANNER 2023 */
.highlighter_blue{background-color: #8AD0D8; padding: 2px;}
.highlighter_red { background-color: #E8432E; padding:2px; margin-bottom: 0; display: inline-block; color:#fff;  }

.slider-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 20px;
}

.banner-texto {text-align: left;}

.banner-texto h1 {
    font-size: calc(27px + 2vw)!important;
    line-height: calc(31px + 2vw)!important;
    font-family: "ivypresto-display", serif;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -2px;
}

.banner-texto a {
    color: #fff;
    font-size: 20px;
    text-decoration: underline;
}

.banner-texto span{color: #4553A0; font-size: calc(18px + 0.2vw);}

/* Filtros */

.cargador { width: 80px; display: block; margin: 0 auto; }
#combos_sanidad { display: none; }

/* Typo */
a {text-decoration: none;}
.subtitulo { font-size: 24px; }
.presentacion { text-transform: uppercase; text-shadow: none; font-size: 2.5em;  color: #4553A0; font-weight: 400;}
.noHighlight { color: #4553A0; font-weight: 500; }
.claim { font-size: 24px; }
.lh32 {font-size: 24px!important; line-height: 32px;}
.linklegal:hover {text-decoration: underline;}
.menusuperior {color: #4553A0!important;}
.fa-question-circle {color: #4553A0;}
.fa-regular {  margin-right: 3px;}
.triggerFormu {text-transform: uppercase; border-radius: 100px;}
.filtrado { text-transform: uppercase; cursor: pointer; border: 1px solid #cdcdcd; text-align: center;}
.filtrado{background-color: #F1EFE6; border-radius: 5px; box-shadow: none;}
#competenciasdigitales {border: 2px solid #0D5599;}
#competenciasdigitales > span {color: #0D5599;}
#competenciasdigitales:hover, #turismo:hover, #hosteleria:hover, #educacion:hover,#vertodo:hover   {background-color:#FAEACC!important;}
#turismo {border: 2px solid #F3987A}
#turismo > span {color: #F3987A;}
#hosteleria {border: 2px solid #6480BF}
#hosteleria > span {color: #6480BF;}
#educacion {border: 2px solid #2AB8C7}
#educacion > span {color: #2AB8C7;}
#vertodo {border: 2px solid #000}
.bg-yellow  {background-color: #FAEACC!important;}
.titMiniver { font-size: 15px; }
.infoTarjetaText {font-size: 18px;}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {box-shadow: none!important;}
.btn-filtrado {
    width: 80%!important;
    display: inline-block;
    text-align: left;
    font-size: 15px;
    padding: 0.375rem;
}

.btn-success {
    color: #fff;
    background-color: #E8432E;
    border-color: #fff;
}

.btn-success:hover {
    color: #E8432E;
    background-color: #fff;
    border: 1px solid #E8432E;
}

.btn-outline-success{
    border: none;
    padding: 7px;
}

.btn-outline-success:hover {
    background-color: white;
    color: #E8432E;
    border: 1px solid #E8432E;
}

.btn-outline-primary {
    color: #fff;
    background-color: #E8432E;
    border-color: #fff;
    margin-bottom: 5px;
}

.btn-outline-primary:hover {
    color: #E8432E;
    background-color: #fff;
    border: 1px solid #E8432E;
}

.btn-outline-success:active, .btn-success:active {
    color: none;
    background-color: none!important;
    border-color: none!important;
}

.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
    color: #E8432E;
    background-color: #fff!important;
    border-color: #fff!important;
}

.btn-danger {
    color: #7C7C7C!important;
    background-color: #DCDCDC!important;
    border-color: #DCDCDC!important;
}

.btn-danger:hover {
    color: #7C7C7C;
    background-color: #DCDCDC;
    border-color: #DCDCDC;
    cursor: auto;
}

.btn-primary {
    color: #E8432E;
    background-color: #fff;
    border-color: #E8432E;
    border-radius: 35px;
    padding: 10px 33px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #E8432E;
    border-color: #fff;
}

#bloqueTemario > h4 {
    color: #2AB8C7;
    text-transform: uppercase;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 30px;
}

.btn-warning {
    color: #fff;
    background-color: #E8432E;
    border-color: #fff;
    border-radius: 100px;
    padding: 10px 40px;
    font-size: 20px;
}

.btn-warning-listado {
    color: #fff;
    background-color: #E8432E;
    border-color: #fff;
    border-radius: 100px;
    padding: 10px 40px;
    font-size: 17px;
}


.btn-warning:hover {
    color: #E8432E;
    background-color: #fff;
    border-color: #E8432E;
    transform: scale(1.1);
    transition: all 200ms ease-in-out;
}

.btn-warning-listado:hover {
    color: #E8432E;
    background-color: #fff;
    border-color: #E8432E;
    transform: scale(1.1);
    transition: all 200ms ease-in-out;
}


.btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
    box-shadow: none!important;}

.txtObjetivos { color: #4553A0;}
.contactotexto {color: #4553A0;}

.solicitud-fecha {background-color: #E7F4F9}

/* Images */

.homeIcon {width: 29px;
    margin: 0!important;
    display: inline-block;
}

.logoministerio {width: 165px;}

/* Tablas */
 
.cajaListado {
    border: none;
    position: relative !important;
    display: block;
    padding: 0 5px!important;
}

.cajaListadoSm {
    /*height: 188px;*/
    border: none!important;
}

.imagenCell {
    background-size: 100%;
    width: 100%;
    height: 130px;
    background-position: left;
    margin: 0 auto;
}

.infoTarjeta {
    border-radius: 20px;
    position: relative;
    top: -26px;
    background-color: white;
    /*height: 250px;*/
    line-height: 18px;
}

/* Menu admin */

/* .caracteristicas {position: absolute; top:0; right: 0;} */
.mixta {
    background-color: #4553A0;
    border: 2px solid #fff;
    color: #fff;
}
.pinModalidad {
    background-color: white;
    padding: 0 15px;
    position: relative;
    top: 5px;
    left: 7px;
    border-radius: 20px;
    border: 2px solid #4553A0;
    color: #4553A0;
    font-family: 'Space Grotesk';
    font-weight: 800;
    font-size: 13px;
    max-width: 167.36px;
    line-height: 1.2em;
}

.pinHoras {
    background-color: #2AB8C7;
    padding: 0 11px;
    position: absolute;
    top: 5px;
    right: 7px;
    border-radius: 100px;
    border: 2px solid #2A2732;
    color: #2A2732;
    font-family: 'Space Grotesk';
    font-weight: 800;
    font-size: 13px;
    text-align: center;
}
.pinSector {
    background-color: #c7ac2a;
    padding: 0 11px;
    position: absolute;
    top: 30px;
    right: 7px;
    border-radius: 100px;
    border: 2px solid #c78b2a;
    color: #2A2732;
    font-family: 'Space Grotesk';
    font-weight: 800;
    font-size: 13px;
    text-align: center;
}

.solicitaboton {
    background-color: #E8432E;
    color: white;
    border-radius: 30px;
    font-size: 19px;
    font-family: 'Space Grotesk';
    font-weight: 500;
    bottom: 0!important;
    position: absolute!important;
    width: 100%;
    bottom: 0!important;
    left: 0;
    font-weight: 500!important;
    text-transform: capitalize;
    width: 95%;
    margin: 0px 8px;
}

/* landing */

.innerListadoFicha {padding-left: 0;}
ul.innerListadoFicha li { list-style-type: none; }
.list-group-item-warning {background-color: rgba(91,198,232,0.33)!important;}
.list-group-item-light {color: #000;}

.datosCurso {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* margin: 0;*/
    margin: auto;
    border: none;
    font-size: 18px;
}

.curso-info {
    background-color: #4553A0;
    color: white;
    border-radius: 20px;
    padding: 10px 20px;
    margin:10px;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.curso-diploma {
    background-color: #4553A0;
    color: white;
    border-radius: 20px;
    padding: 4px 35px;
    margin:10px
}

.curso-modalidad {
    background-color: #4553A0;
    color: white;
    border-radius: 20px;
    padding: 4px 35px;
    margin:10px
}

.ficha-logo {width: 40%!important;}

/* listado documentación */

.listado-title {font-family: 'ivypresto', serif; font-style: italic; color: #e8432e; font-size: calc(20px + 2vw);}

#badge-pendiente, #badge-matriculado, #badge-valido, #badgedescartado,#badge-esperandoVali, #badge-esperandoDocu { font-weight: 700;
    text-transform: uppercase; font-size: 13px;}

#badge-pendiente {
    background-color: #fff!important;
    border: 1px solid #2AB7C6;
    color: #2AB7C6!important;
}

#badge-matriculado {
    background-color: #2BAA7D!important;
    border: 1px solid #2BAA7D;
    color: white!important;
}

#badge-valido {
    background-color: #fff!important;
    border: 1px solid #FE9432;
    color: #FE9432!important;
}

#badge-descartado {
    background-color: #E8432E!important;
    border: 1px solid #E8432E;
    color: #fff!important;
}

#badge-esperandoVali {
    background-color: #fff!important;
    border: 1px solid #FE9432;
    color: #FE9432!important;
    text-transform: initial;
}

#badge-esperandoDocu {
    background-color: #fff!important;
    border: 1px solid #2AB7C6;
    color: #2AB7C6!important;
    text-transform: initial;
}


.badge-documentos {
    font-weight: 400;
    font-size: 16px;
    color: black;
    padding: 0.35em 0;
}

.card {border: none!important;}
.card-body {border: 1px solid #dadada;}

.cardsolicitud {
    width:500px;
    border-top-left-radius:20px;
    border-top-right-radius:20px
}

/* login */
.login-presentacion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.login-titulo, .loginadmin-titulo {
    color: #E8432E;
    font-size: 25px;
    font-family: 'ivypresto-headline', serif;
    font-style: italic;
    font-weight: 300;
    font-size: 40px;
}

.login-link {
    color: #E8432E;
    font-weight: 600;
}

.login-btn, .contacto-btn {
    background-color: #E8432E;
    color: #fff;
    border: 2px solid #E8432E;
    padding: 7px 70px;
    border-radius: 100px;
}

.login-btn:hover, .contacto-btn:hover {
    background-color: #fff;
    color: #E8432E;
    border: 2px solid #E8432E;
}

.loginrecordar-titulo {
    color: #4553A0;
    font-size: 25px;
}

/* contacto */

.contacto-presentacion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.contacto-titulo {
    color: #E8432E;
    font-size: 25px;
    font-family: 'ivypresto-headline', serif;
    font-style: italic;
    font-weight: 300;
    font-size: 40px;
}

/* footer img */
.logoEU {
    width: 120px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/* FILTRADO */

#cargadorContentCursos {gap: 5px 0px;}

.filtros {
    padding: 20px 40px;
}

.filtro-info {
    text-decoration: underline;
    cursor: pointer;
}

.modal-title {color: #e8432e;}

/* CAJITAS 2023 */

.flip-card {
    background-color: transparent;
    height: 340px;
    perspective: 1000px; 
    font-family: 'Space Grotesk', sans-serif;
    margin: 0 auto;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    transition: transform 0.4s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #fff;
    color: black;
}

.flip-card-back {transform: rotateY(180deg);}

.card-img {
    object-fit: cover;
    height: 65%;
    border-radius: 0;
    opacity: 0.9;
}

.caracteristicas {
    font-size: 13px;
    display: flex;
    gap:8px;
    margin: 10px 0;
}

.caracteristicas img {width: 10px; margin-right:3px;}

/* .caracteristicas span {text-transform: capitalize;} */

.pinSituacionLaboral {
    position: absolute;
    top: 45%;
    left: 4%;
    background-color: #2ab7c6;
    border-radius: 100px;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
}

.pinProvincia {
    position: absolute;
    top: 54%;
    left: 4%;
    background-color: #FFF7D7;
    border-radius: 100px;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
}

.flip-card-back .pinProvincia, .flip-card-back .pinSituacionLaboral  {top:0; bottom: 0; position: initial;}

.solicita-btn {
    background-color: #fff;
    color: #E8432E;
    cursor: pointer;
    text-align: center;
    border: 1px solid #E8432E;
    border-radius: 100px;
    padding:8px 0;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    margin: 0 19px;
}

.solicita-btn:hover {
    background-color: #E8432E;
    color: #fff;
    border: 1px solid #E8432E;
}

.flip-card h4 {font-size: 19px; text-transform: lowercase;}
.flip-card h4:first-letter {text-transform: uppercase;}

.flip-card-back p {overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* FICHA AAFF */

.ficha-info > li{ margin: 15px 0; color: #434343;}

.ficha-info > li > img {margin-right: 15px; width: 20px;}

/* .curso-img {
  object-fit: contain;
  opacity: 0.7;
  filter: grayscale(1);
  background: url('../assets/images/<?php echo $contenido['portada']; ?>');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
} */

.ficha-img {position: relative;}

.ficha-img h2 {
    position: absolute;
    bottom: 0;
    z-index: 999;
    margin: 11px;
    background-color: rgba(255,255,255,0.9);
    padding: 14px;
    border-radius: 10px;
}

.nav-link {color: #696969; border-color: transparent!important;}

.nav-link.active {
    border-color: #E8432E!important;
    background-color: #E8432E!important;
    color: white!important;
}

.nav-tabs {
    --bs-nav-tabs-border-width: 2px;
    --bs-nav-tabs-border-color: #E8432E;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #E8432E;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #E8432E;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
    border-color: #E8432E!important;
}

#FormFicha h4{
    font-family:  "ivypresto-display", serif;
    color: #4553A0;
    font-style: italic;
    font-size: 1.8rem;
}

#requisitos ul li { list-style-type:auto; }

.cabInteriorTabs {
    display:block;
    font-family: "ivypresto-display", serif;
    color: #e8432e;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 1.9rem;
}

.ficha-tabs {padding-right: 5%!important;}

.rrss a {margin-right: 10px;}

.ficha-logos {object-fit: cover; width: 100%;}

.disponible {
    color: #2AB8C7;
    border: 2px solid #2AB8C7;
    border-radius: 5px;
    display: inline-block;
    padding: 5px 20px;
}

.inminente {
    color: #fff;
    background-color: #E8432E;
    border: 2px solid #E8432E;
    border-radius: 5px;
    display: inline-block;
    padding: 5px 20px;
    text-transform: uppercase;
}

.limitadas {
    color: #000;
    background-color: #FED732;
    border: 2px solid #FED732;
    border-radius: 5px;
    display: inline-block;
    padding: 5px 20px;
    text-transform: uppercase;
    animation: mover 1s alternate infinite ease-in;
}

@keyframes mover {
    0% {transform: scale(1.0);
    }
    100% {transform: scale(1.1);
    }
}

/*.comboLocalidades,.comboLocalidadesEmpresas { display: none; }*/

/* GRACIAS */

.gracias-container h4{
    font-family: "ivypresto-display", serif;
    font-style: italic;
    font-weight: 600;
    font-size: calc(20px + 1.1vw);
    color: #4553A0;
}

.gracias-container p {font-size: 17px;}

.graciaspasos-title {
    font-family: 'ivypresto-headline', serif;
    color: #E8432E;
    font-size: 28px!important;
    font-style: italic;
}

.graciaspasos-title span {font-style: normal; font-weight: 600;}

.pasos-icon {
    align-self: center;
    transform: rotate(-90deg);
    width: 25px;
    margin: 0 5px;
}

@media screen and (max-width: 700px) {

    /* home */
    .logoVT {padding: 0; width: 83%;}
    .navbar-brand { width: 51%;}
    .slider-info { margin: 0; border-radius: 0;  padding: 11px;}
    .presentacion { font-size: 23px!important; padding-top: 0;}
    .lh32 {font-size: 15px!important; line-height: 17px!important;}
    .claim {line-height: 22px!important;}
    .flip-card-front-txt {border: 1px solid #d1d1d1;}

    /* slider */

    .banner-texto {text-align: center;}
    .banner-texto span {font-size: 15px}
    .banner-img {height: 100%; object-fit: none;}
    .banner-col-img {height: 400px; background-color: #2AB8C7;}
    .banner-img {display: none!important;}

    /* landing */

    .datosCurso { margin: auto;}
    .ficha-img {height: 200px;}
    .ficha-info {margin-top: 2.2rem}
    .ficha-tabs {flex-direction: column;  align-items: center;}

    .nav-item {width: 100%; text-align: center;}
    .nav-link.active {display: inline-block;width: 100%; text-align: center;}
    .nav-link {margin: auto;}
}

@media screen and (min-width:600px) and (max-width: 700px) {
    .lh32 {font-size: 19px!important; line-height: 25px!important;}
    .slider-info{padding: 11px;}
    .presentacion {font-size: 34px!important;}
}

@media screen and (min-width:700px) and (max-width: 900px) {

    /* home */
    .lh32 {font-size: 21px!important; line-height: 28px!important;}
    .claim {line-height: 26px!important;}
    .navbar-brand {width: 66%;}
    .slider-info{padding: 8px;}

    .tituloCursoLanding {
        font-size: 33px!important;
        padding: 0 50px;
    }

}

@media screen  and (min-width: 900px) and (max-width: 1280px) {
    .claim {line-height: 28px !important;}
    .infoTarjeta{height: 306px;}

    /* landing */

    .tituloCursoLanding {
        font-size: 36px!important;
        padding: 0 50px;
    }
}