/* CONTENEDOR GENERAL */
.microcursos{
  border:1px solid #d8d8d8;
  border-radius:12px;
  padding:20px;
  background:#f7f8fa;
}

/* FILTROS (BARRA SUPERIOR) */
.microcursos .view-filters{
  background:white;
  border:1px solid #d8d8d8;
  border-radius:12px;
  padding:15px 20px;
  margin-bottom:25px;
}

/* FILTROS INLINE */
.microcursos .view-filters .form--inline{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

/* ITEM FILTRO */
.microcursos .view-filters .form-item{
  flex:1;
  min-width:220px;
}

/* SELECT */
.microcursos .view-filters select{
  width:100%;
  /*padding:12px 16px;*/
  border-radius:30px;
  border:2px solid #2e6ddf;
  background:#f5f7fb;
  font-weight:600;
  appearance:none;
}

/* TITULO */
.titulo-resultados{
  padding:18px;
  text-align:center;
  font-size:24px;
  font-weight:700;
  margin-bottom:20px;
}

/* TABLA */
.microcursos table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 20px;
}

/* HEADER */
.microcursos thead th{
  font-size:16px;
  font-weight:700;
  border:none !important;
  background:transparent;
  text-align:left;
}

/* FILA COMO TARJETA */
.microcursos tbody tr{
  background:white;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  border-radius:12px;
}

/* CELDAS */
.microcursos tbody td{
  padding:20px;
  border:none;
  vertical-align:middle;
}

/* PRIMERA COLUMNA (TIPO) */
.views-field-field-tipo{
  background:#eef2f7;
  font-weight:600;
  border-radius:12px 0 0 12px;
  text-align:center;
  width:150px;
}

/* NOMBRE */
.views-field-field-nombre-microcurso{
  width:250px;
  font-weight:500;
  border-right:2px solid #e5e5e5;
}

/* DESCRIPCION */
.views-field-field-descripcion-tutorial{
  font-size:14px;
  line-height:1.6;
  max-height:120px;
  overflow:auto;
}

/* MATERIAL */
.views-field-field-tipo-material{
  text-align:center;
  border-radius:0 12px 12px 0;
  width:120px;
}

/* ICONO MATERIAL */
.material-link img{
  width:40px;
  transition:0.2s;
}

.material-link img:hover{
  transform:scale(1.15);
}

/* SCROLL RESULTADOS */
.microcursos .view-content{
  max-height:500px;
  overflow-y:auto;
  padding-right:10px;
}

/* SCROLLBAR */
.microcursos .view-content::-webkit-scrollbar{
  width:6px;
}

.microcursos .view-content::-webkit-scrollbar-thumb{
  background:#2e6ddf;
  border-radius:10px;
}

.microcursos .view-filters{
  margin-top:0 !important;
  width:100% !important;
  float:none !important;
}

.node__submitted {
	display:none;
}