/* Hub de recursos educativos (niveles + temas desplegables) */

.page-template-page-recursos-hub{
  overflow-x:hidden;
}

.page-template-page-recursos-hub .top_site_main{
  background-color:#1677cb !important;
}
.page-template-page-recursos-hub .top_site_main .page-title{
  color:#fff;
}
.page-template-page-recursos-hub #sidebar,
.page-template-page-recursos-hub .sidebar,
.page-template-page-recursos-hub .widget-area,
.page-template-page-recursos-hub aside.col-sm-3,
.page-template-page-recursos-hub aside.col-sm-4{
  display:none !important;
}
.page-template-page-recursos-hub .site-main,
.page-template-page-recursos-hub .site-main.col-sm-9,
.page-template-page-recursos-hub .site-main.col-sm-8,
.page-template-page-recursos-hub .site-content > .row,
.page-template-page-recursos-hub .content-area,
.page-template-page-recursos-hub #main{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
}

.page-template-page-recursos-hub .thim-ekit__footer,
.page-template-page-recursos-hub footer.site-footer,
.page-template-page-recursos-hub #colophon{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  float:none !important;
  clear:both;
}

.recursos-hub-page{
  max-width:1240px;
  width:100%;
  margin:0 auto;
  padding:40px 15px 60px;
}
.recursos-hub-intro{
  max-width:750px;
  margin:0 auto 40px;
  padding:0 20px;
  text-align:center;
  font-size:22px;
  line-height:1.45;
  font-family:"Poppins",sans-serif;
}
.recursos-hub-intro p{
  margin:0 0 1em;
}
.recursos-hub-intro p:last-child{
  margin-bottom:0;
}

.recursos-hub,
.recursos-hub__grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:24px !important;
  align-items:start;
  width:100%;
  float:none !important;
}
.recursos-hub{
  grid-template-columns:1fr !important;
}
.recursos-hub__grid > .recursos-hub-card,
.recursos-hub-card{
  display:flex !important;
  flex-direction:column;
  gap:10px;
  min-width:0;
  width:auto !important;
  max-width:none !important;
  float:none !important;
  margin:0 !important;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.recursos-hub-card__image{
  overflow:hidden;
  line-height:0;
  cursor:default;
}
.recursos-hub-card.has-temas .recursos-hub-card__image{
  cursor:pointer;
}
.recursos-hub-card__image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100%;
}
.recursos-hub-card__btn{
  display:block !important;
  width:100% !important;
  margin:0;
  padding:12px 18px;
  border:0 !important;
  border-radius:30px !important;
  background:#5a5fef;
  color:#fff !important;
  font-family:"Poppins",sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1.3;
  text-align:center;
  text-decoration:none !important;
  cursor:pointer;
  appearance:none;
  box-shadow:none;
}
.recursos-hub-card.has-temas .recursos-hub-card__btn{
  position:relative;
  padding-right:36px;
}
.recursos-hub-card.has-temas .recursos-hub-card__btn::after{
  content:"";
  position:absolute;
  top:50%;
  right:16px;
  width:8px;
  height:8px;
  margin-top:-6px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .2s ease, margin-top .2s ease;
}
.recursos-hub-card.is-open .recursos-hub-card__btn::after{
  margin-top:-2px;
  transform:rotate(225deg);
}
.recursos-hub-card--nivel-inicial .recursos-hub-card__btn{
  background-color:#E0CA0A !important;
}
.recursos-hub-card--nivel-primario .recursos-hub-card__btn{
  background-color:#E0390A !important;
}
.recursos-hub-card--nivel-secundario .recursos-hub-card__btn{
  background-color:#0A57E0 !important;
}
.recursos-hub-card--formacion-docente .recursos-hub-card__btn{
  background-color:#14B0BF !important;
}
.recursos-hub-card__btn:hover,
.recursos-hub-card__btn:focus{
  color:#fff !important;
  text-decoration:none !important;
  filter:brightness(0.92);
}
.recursos-hub-card__temas{
  list-style:none;
  margin:0;
  padding:8px 4px 4px;
}
.recursos-hub-card__temas[hidden]{
  display:none !important;
}
.recursos-hub-card__tema{
  margin:0;
  list-style:none;
}
.recursos-hub-card__tema a{
  display:block;
  padding:8px 10px;
  color:#333;
  text-decoration:none;
  font-size:15px;
  line-height:1.3;
  border-radius:8px;
}
.recursos-hub-card__tema a:hover,
.recursos-hub-card__tema a:focus{
  background:#f4f4f4;
  text-decoration:none;
}
.recursos-hub-card__tema--all a{
  font-weight:600;
}
.recursos-hub-card--nivel-inicial .recursos-hub-card__tema a:hover,
.recursos-hub-card--nivel-inicial .recursos-hub-card__tema a:focus{
  background:#fbf8e6;
}
.recursos-hub-card--nivel-primario .recursos-hub-card__tema a:hover,
.recursos-hub-card--nivel-primario .recursos-hub-card__tema a:focus{
  background:#fbeee8;
}
.recursos-hub-card--nivel-secundario .recursos-hub-card__tema a:hover,
.recursos-hub-card--nivel-secundario .recursos-hub-card__tema a:focus{
  background:#e8eefb;
}
.recursos-hub-card--formacion-docente .recursos-hub-card__tema a:hover,
.recursos-hub-card--formacion-docente .recursos-hub-card__tema a:focus{
  background:#e7f6f8;
}

@media (max-width: 1024px){
  .recursos-hub__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px){
  .recursos-hub-intro{
    font-size:18px;
    margin-bottom:28px;
  }
  .recursos-hub__grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
}