/*ACTUALIDAD*/
.page-id-16 input#datetimepicker2 {
    width: 20% ;
}
body, .box_objetivos, .box_objetivos * {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.3em !important;
    color: #000 !important;
  }
.reset-filtro {
    align-self: flex-start; /* Alinea por arriba solo ese botón */
    height: 40px; /* O igual al input */
    padding: 8px 12px;
  }
  
  #bloque-noticias {
   /* max-width: 100%;
    /*margin: 20px auto;*/
    /*text-align: left;*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* <-- Alinea por arriba */
    gap: 5px;
}

#bloque-noticias button{
    color: #000;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #000;
    font-family: var( --e-global-typography-primary-font-family ) !important;
    border-radius: 0px;
    font-size: 13px;
}

.filtro-categorias .dropdown-menu input[type="checkbox"] {
    width: 5%;
}
#bloque-noticias input{
    border: 1px solid #000;
    font-family: var( --e-global-typography-primary-font-family ) !important;
    border-radius: 0px;
    color: #000;   
    text-transform: uppercase;
    text-align: center;
}
#bloque-noticias input::placeholder{
    color: #000;
    text-transform: uppercase;
}

#bloque-noticias button:hover{
    background: transparent !important;
    color: var( --e-global-color-primary );
}

#paginador-noticias {
    position: relative;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
    margin: 20px 0;
    font-size: 14px;
}

.page-id-16 #busqueda-noticias, #busqueda-cursos {
    font-size: 13px;
    width: 65%;
    padding: 10px;
    margin-bottom: 10px;
    height: 58px;
}

.page-id-9 #busqueda-noticias, .page-id-9 #busqueda-cursos{
    width: 24%;
}
.dropdown-menu label {
    display: flex;               /* Flex para alinear checkbox y texto */
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    width: 100%;
    white-space: normal;         /* Permite que el texto baje de línea */
  }

.areas-formativas .dropdown-menu{
    width: 530px !important;
    font-weight: bold;
}
.areas-conocimiento .dropdown-menu{
    width: 551px !important;

}

.tipologia .dropdown-menu{
    width: 500px !important;
    font-weight: bold;
}

.tipologia .fila1 {
	position: relative;
	float: left;
	width: 50%;
}

.tipologia .fila2 {
	position: relative;
	float: left;
	width: calc(50% - 20px);
	margin-left: 20px;
}

.cursos label, .fila1 label{
   /*color:#D60000 !important;*/
    line-height: 20px;
}

.jornadas label, .fila2 label{
 /*   color:#3C7AAF !important;*/
    line-height: 20px;
}

.escuelas-opositores label, .fila1 label:last-of-type{
   /* color: #924e7d !important;*/
    line-height: 20px;
}

.fila2 label:last-of-type{
   /* color: #3C7A10 !important;*/
    line-height: 20px;
}

#filtro-categorias {
    text-align: left;
    margin: 10px 0;
}

#filtro-categorias label {
    display: block;
    margin-bottom: 5px;
}

#buscar-noticias, #buscar-cursos {
    font-size: 13px;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    cursor: pointer;
    height: 58px;
}

#buscar-noticias:hover, #buscar-cursos:hover {
    background-color: var( --e-global-color-primary );
}

#resultados-noticias ul, #resultados-cursos ul {
    list-style: none;
    padding: 0;
}

#resultados-noticias li, #resultados-cursos li {
    margin: 5px 0;
}

.filtro-categorias {
    position: relative;
    display: inline-block;
}
button.dropdown-btn{
    width: 100%;
}
.filtro-categorias.tipologia,.filtro-categorias.areas-conocimiento,.filtro-categorias.areas-formativas {
    width: 15%;
}

.dropdown-btn, .reset-filtro {
    font-size: 13px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 10px 20px;
    height: 58px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.filtro-categorias.areas-formativas .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;                   /* Justo debajo del botón */
   left: 0;                  /* Alineado con el botón a la izquierda */
    z-index: 999;
  
    max-width: 100vw;            /* No se desborde horizontalmente */
    max-height: 300px;           /* Altura máxima visible */
    overflow-y: auto;            /* Scroll si es alto */
    overflow-x: hidden;          /* Evita scroll horizontal */
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
  
    /* Evita que se salga del borde derecho */
    right: auto;
    inset-inline-end: 0;
    transform: translateX(0);
  }

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 250px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.dropdown-menu label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: var( --e-global-typography-primary-font-family ) !important;
    text-transform: uppercase;
}

.dropdown-menu input[type="checkbox"] {
    margin-right: 8px;
}

.filtro-categorias:hover .dropdown-menu {
    display: block;
}


.fecha-noticia {
    display: block;
    text-align: left;
    color:#7a7a7a;
    font-size: 13px;
}

.extracto-noticia {
    display: block;
    text-align: left;
    font-size: 13px;
    color:#54595f;
}
/*CARD*/
.wrapper_resultados_cursos {
	position: relative;
	float: left !important;
	width: 100%;
}
#resultados-noticias, #resultados-cursos {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 20px;
    justify-content: space-between;
}

#resultados-noticias .noticia-tarjeta {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 30%; /* Ajusta según tu diseño */
    width: calc(25% - 30px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s;
}

#resultados-cursos .noticia-tarjeta {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 30%; /* Ajusta según tu diseño */
    width: calc(50% - 30px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s;
}

#resultados-cursos .imagen {
    position: relative;
    float: left;
    width: calc(42% - 20px);

}
/*ESTI*/
.page-id-16 #resultados-noticias {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 20px 0;
}

.page-id-16 .noticia-tarjeta {
  flex: 1 1 250px; /* crece, encoge, ancho mínimo */
  max-width: 350px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.page-id-16 .noticia-tarjeta img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
/*FIN ESTI*/
#resultados-cursos .noticia-contenido {
    position: relative;
    float: left;
    width: 58%;
    margin-left: 10px;
}

#resultados-cursos .info-areas {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    border-top: 1px dashed #e1e1e1;
}

#resultados-cursos .tipo_curso {
    display: block;
    text-align: left;
    font-family: Dosis;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: bold;
}

#resultados-cursos .datos_curso {
    display: block;
    text-align: left;
    font-size: 13px;
    font-family: Open Sans;
}

#resultados-cursos .noticia-contenido a {
    font-size: 13px;
    font-weight: 600;
    font-family: Dosis;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

#resultados-cursos .noticia-contenido h3{
    margin-top: 0px;
}

.noticia-tarjeta:hover {
    transform: translateY(-5px);
}

.noticia-tarjeta img {
    width: 100%;
    height: 254px;
    display: block;
    object-fit: cover;
}

.noticia-contenido {
    padding: 15px;
}

.noticia-contenido h3 {
    font-family: Dosis !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #000 !important;
    margin: 8px 0 !important;
    text-align: left;
}

.noticia-contenido h3 a:hover{
    text-decoration: none;
    color: #E16124 !important;
}

.noticia-contenido a {
    display: inline-block;
    margin-top: 0px;
    color: #000 !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.5px;
}

.noticia-contenido a:hover {
    text-decoration: underline;
}

.news-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /*margin: 20px*/;
    
}


.news-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 20px;
    transition: box-shadow 0.3s ease;
}

.news-item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}


.news-title {
    font-size: 16px;
    font-family: var( --e-global-typography-primary-font-family ) !important;
    color: var( --e-global-color-primary ) !important;
    margin-bottom: 10px;
}


.news-description {
    font-size: 14px;
    font-family: var(--e-global-typography-text-font-family);
    color: var( --e-global-color-secondary );
    margin-bottom: 15px;
    line-height: 1.6;
}


.news-link {
    font-family: var( --e-global-typography-primary-font-family ) !important;
    font-size: 14px;
    color: var( --e-global-color-primary ) !important;
    text-decoration: none;
    font-weight: bold;
}

.news-link:hover {
    text-decoration: underline;
}

.xdsoft_datetimepicker.xdsoft_inline{
    border: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: var( --e-global-color-primary ) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: var( --e-global-color-primary ) !important;
    box-shadow: var( --e-global-color-primary ) 0 1px 3px 0 inset !important;
}

.xdsoft_calendar table td, .xdsoft_calendar table th {
    background: transparent !important;
    border: none !important;
}

.xdsoft_next:hover, .xdsoft_prev:hover{
    background-color: transparent !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: var( --e-global-color-primary ) !important;
}

.xdsoft_date {
    text-align: center !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding: 5px;
}

 #datetimepicker2{
    /*display: none;*/
    width: 12%;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 10px;
    height: 58px;
}
.dato_curso {
	display: block;
	font-weight: bold;
	color: #FFF;
	margin: 10px 0;
}

.box_descuento {
	position: relative;
	float: left;
	width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    border-left: 5px solid #ccc !important;
    border-top: 1px dashed #ccc !important;
    border-bottom: 1px dashed #ccc !important;
    border-right: 1px dashed #ccc !important;
    padding: 15px 10px;
}

.box_precio {
	position: relative;
	float: left;
	width: 100%;
    font-family: Dosis;
    font-size: 18px;
}

.info_descuento {
	font-weight: 600;
	position: relative;
	float: left;
	width: 80%;
}

.info_precio {
	font-weight: 600;
	position: relative;
	float: left;
	width: 90%;
}

.porcentaje_descuento {
	position: relative;
	float: left;
	width: 10%;
    text-align: right;
}

.total_final, .precio_curso {
	position: relative;
	float: left;
	width: 10%;
    text-align: right;
}

.box_profesores {
	position: relative;
	float: left;
	width: 100%;
}

.profesor {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px dashed;
	padding: 20px 0;
}

.profesor:last-of-type {
  border-bottom: 0px;
}

.imagen_docente {
	position: relative;
	float: left;
	width: 20%;
}

.info_docente {
	position: relative;
	float: left;
	width: calc(80% - 20px);
	margin-left: 20px;
}

.puesto_docente {
	display: block;
	font-size: 15px;
	font-family: Dosis;
	letter-spacing: 1px;
}

.nombre_docente {
	display: block;
	font-size: 15px;
	margin-top: 10px;
	font-weight: bold;
	font-family: Open Sans;
	margin-bottom: 10px;
}

.ficha_docente {
	display: block;
	margin-top: 20px;
	position: relative;
	float: left;
	width: 100%;
}

.ficha_docente a {
	border: 1px solid;
	padding: 10px 20px;
	margin: 30px 0px;
	font-family: Dosis;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600px !important;
	text-align: center;
}

.patrocinadores li{
    list-style: none;
}
.box_objetivos h3{
    font-family: "Dosis", sans-serif;
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #eb7155;
}
.elementor-page-632 pre{
    background: #F3F1F0;
    padding: 20px;
    border-radius: 10px;

}
.box_objetivos h4{
    font-size: 16px !important;
    font-weight: bold;  
}

.wrapper_cursos {
    display: flex;
    flex-wrap: wrap;
	/*position: relative;*/
	float: left;
	width: 100%;
}

.box_curso {
	position: relative;
	float: left;
	width: calc(25% - 20px);
	margin-right: 20px;
}

.box_curso:last-of-type {
  margin-right: 0px;
}

.info_curso h3 {
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #eb7155;
	text-align: left !important;
	font-family: Dosis !important;
	font-size: 14px !important;
	display: block;
	text-align: left;
}

.info_curso span{
    font-size: 13px;
    font-family: Open Sans;
    display: block;
    text-align: left;
}

.wrapper_formaciones {
	position: relative;
	float: left;
	width: 100%;
}

.bloque_curso {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #CACACA !important;
	padding: 20px 0;
}

.bloque_curso:last-of-type {
	border-bottom: 0px !important;
}

.imagen_curso {
	position: relative;
	float: left;
	width: 20%;
}

.info_curso {
	position: relative;
	float: left;
	width: calc(80% - 20px);
	margin-left: 20px;
}
.documentacion li{
    list-style: none;
}

.mensaje-error {
	position: relative;
	float: left;
	width: 100%;
	background: #f8d7da;
	color: #721c24;
	padding: 10px 20px;
	border: 1px solid #f5c6cb;
	border-radius: 3px;
	margin: 10px 0;
	line-height: 20px;
}

.mensaje-ok {
	position: relative;
	float: left;
	width: 100%;
	background: #d4edda;
	color: #155724;
	padding: 10px 20px;
	border: 1px solid #c3e6cb;
	border-radius: 3px;
	margin: 10px 0;
	line-height: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1131px) {

    .page-id-16 #busqueda-noticias, #busqueda-cursos{
        width: 55%; 
    }
   
   .noticia-tarjeta{
        width: 47%;
    }

    

    #datetimepicker2{
        display: unset;
    }
   
    .page-id-9 .areas-formativas .dropdown-menu, .areas-conocimiento .dropdown-menu {
        width: 272% !important;
        font-weight: bold;
    }
    .page-id-9 .areas-conocimiento .cursos, .page-id-9 .areas-conocimiento .jornadas, .page-id-9 .areas-formativas .cursos, .page-id-9 .areas-formativas .jornadas {
        position: relative;
        float: left;
        width: 100% !important;
        margin-left: 0;
    
    }
    
    .filtro-categorias.areas-conocimiento .dropdown-menu{
        width: 332% !important;
        font-weight: bold;
        left: -215px !important;
    }
    .filtro-categorias.areas-formativas .dropdown-menu {
        width: 278% !important;
        font-weight: bold;
        left: -292px !important;
    }
    .tipologia .dropdown-menu{
    width: 461px !important;
    font-weight: bold;
    }
    .filtro-categorias.tipologia,.filtro-categorias.areas-conocimiento,.filtro-categorias.areas-formativas {
        width: 23%;
    }
    #datetimepicker2{
        width: 14%;
    }
    .page-id-9 #busqueda-noticias, .page-id-9 #busqueda-cursos {
        width: 87%;
    }
}


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

    .tipologia .fila1, .tipologia .fila2{
        width: 100%;
        margin-left: 0px;
    }

    .noticia-tarjeta{
        width: 100%;
    }

    .dropdown-btn, .reset-filtro, #buscar-noticias {
        padding: 10px 15px;
    }

    #datetimepicker2{
        display: unset;
    }
    /*CARD*/
#resultados-noticias, #resultados-cursos {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 20px;
    justify-content: space-between;
    flex-direction: column;
}

#resultados-noticias .noticia-tarjeta {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    /*width: 30%; /* Ajusta según tu diseño */
    width: calc(25% - 10px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s;
}

#resultados-cursos .noticia-tarjeta {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 100%; /* Ajusta según tu diseño */
    width: calc(100% - 0px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s;
}

#resultados-cursos .imagen {
    position: relative;
    float: left;
    width: calc(100% - 0px);

}
#resultados-cursos .noticia-contenido {
    position: relative;
    float: left;
    width: 100%;
}
.noticia-tarjeta img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
#resultados-cursos .info-areas {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 25px;
    border-top: 1px dashed #e1e1e1;
}
/*ACTUALIDAD*/
.page-id-16 #resultados-noticias {
    flex-direction: row;
  }
  .page-id-16 #resultados-noticias .noticia-tarjeta{
    width: calc(100% - 10px);
}/*FIN ACTUALIDAD*/
 
.wrapper_cursos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;

}

.wrapper_cursos > * {
    width: 43%;
}
.box_curso {
   
    margin-right: 10px;
}
.info_curso{
    margin-bottom: 15px;
}
.info_curso h3{
    margin: 5px 0;
}
.page-id-9 button.dropdown-btn{
    width: 100% !important;
}

.page-id-9 .filtro-categorias.areas-conocimiento, .page-id-9 .filtro-categorias.areas-formativas{
    width: 100%;
}
.page-id-9 #busqueda-noticias {
    width: 77%;
}
.page-id-9 .filtro-categorias:hover .dropdown-menu {
    display: flex;
    flex-direction: column;
}
.page-id-9 .areas-formativas .dropdown-menu, .areas-conocimiento .dropdown-menu {
    width: 100% !important;
    font-weight: bold;
}
.page-id-9 .areas-conocimiento .cursos, .page-id-9 .areas-conocimiento .jornadas, .page-id-9 .areas-formativas .cursos, .page-id-9 .areas-formativas .jornadas {
    position: relative;
    float: left;
    width: 100% !important;
    margin-left: 0;

}
.filtro-categorias .dropdown-menu input[type="checkbox"] {
    width: 3%;
}
.dropdown-menu input[type="checkbox"] {
    margin-right: 5px;
}
.filtro-categorias.areas-formativas .dropdown-menu{
    left: 0;
}
.dropdown-menu label{
    font-size: 13px !important;
    line-height: 1.2em !important;
}
.page-id-9 .filtro-categorias.tipologia{
    width: 100% !important;
   }
   .tipologia .dropdown-menu{
    width: 100% !important;
} 
.page-id-16 #datetimepicker2{
    width: 81% !important;
}
.page-id-9 #busqueda-noticias, .page-id-9 #busqueda-cursos {
    width: 74%;
}
.page-id-16 #busqueda-noticias, #busqueda-cursos{
    width: 77%;
}
.page-id-9 #datetimepicker2{
    width: 72%;
}
}