/* 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%;}
}

/* Mejora visual de tarjetas y recursos complementarios */
.ciae-guia-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:16px;
  margin:12px 0;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.ciae-guia-title{margin:0 0 8px;font-size:17px;line-height:1.25;color:#0f172a;}
.ciae-guia-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.ciae-guia-materia,
.ciae-guia-date{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:700;
  background:#f1f5f9;
  color:#334155;
}
.ciae-guia-obs{
  margin:10px 0 12px;
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#334155;
  font-size:14px;
  line-height:1.5;
}
.ciae-guia-obs p{margin:0 0 8px;}
.ciae-guia-obs p:last-child{margin-bottom:0;}
.ciae-guia-obs a{font-weight:700;text-decoration:none;}
.ciae-guia-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;}
.ciae-guia-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:14px;
  padding:10px 14px;
  font-weight:800;
  text-decoration:none!important;
  border:1px solid transparent;
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.ciae-guia-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.12);}
.ciae-guia-btn-resource{
  background:#0f172a;
  color:#fff!important;
}
.ciae-guia-btn-resource span{line-height:1;}
.ciae-resource-educaplay{background:linear-gradient(135deg,#7c3aed,#2563eb);}
.ciae-resource-video{background:linear-gradient(135deg,#dc2626,#f97316);}
.ciae-resource-drive,.ciae-resource-google{background:linear-gradient(135deg,#2563eb,#059669);}
.ciae-resource-pdf,.ciae-resource-documento{background:linear-gradient(135deg,#1d4ed8,#0f766e);}
@media (max-width: 700px){
  .ciae-guia-actions{flex-direction:column;align-items:stretch;}
  .ciae-guia-btn{width:100%;}
}