/* CIAE Guías PRO – UI filtros + acordeón por materia (safe) */
.ciae-guias-pro-toolbar{
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
  margin: 16px 0 18px;
  padding: 14px 14px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.ciae-guias-pro-toolbar .field{display:flex; flex-direction:column; gap:6px; min-width: 180px;}
.ciae-guias-pro-toolbar label{font-size:12px; font-weight:600; color:#111827;}
.ciae-guias-pro-toolbar select,
.ciae-guias-pro-toolbar input{
  border:1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 10px 12px;
  background:#fff;
  outline:none;
}
.ciae-guias-pro-toolbar input{min-width:260px; flex:1;}
.ciae-guias-pro-note{font-size:12px; color:#6b7280; margin-top:6px;}

.ciae-materia-accordion{margin: 14px 0;}
.ciae-materia-section{
  background:#fff;
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  margin-bottom: 14px;
  overflow:hidden;
}
.ciae-materia-header{
  display:flex; justify-content:space-between; align-items:center;
  padding: 14px 16px;
  cursor:pointer;
  user-select:none;
}
.ciae-materia-title{font-size:15px; font-weight:700; color:#111827; display:flex; gap:10px; align-items:center;}
.ciae-materia-count{
  font-size:12px; font-weight:700; color:#374151;
  background: rgba(0,0,0,.06);
  border-radius: 999px;
  padding: 4px 10px;
}
.ciae-materia-chevron{
  width:18px; height:18px; display:inline-block;
  border-right:2px solid #111827; border-bottom:2px solid #111827;
  transform: rotate(45deg);
  margin-left: 10px;
  transition: transform .18s ease;
}
.ciae-materia-section[aria-expanded="true"] .ciae-materia-chevron{ transform: rotate(225deg); }

.ciae-materia-body{display:none; padding: 6px 14px 14px;}
.ciae-materia-section[aria-expanded="true"] .ciae-materia-body{display:block;}

.ciae-guias-empty{
  padding: 18px;
  background:#fff;
  border-radius:18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  color:#111827;
}

@media (max-width: 700px){
  .ciae-guias-pro-toolbar input{min-width: 100%;}
  .ciae-guias-pro-toolbar .field{min-width: 100%;}
}