/* ===================================================================
   CIAE Guías PRO — UI filtros + acordeón por materia + tarjetas
   Manual de Marca CIAE:
   Azul Institucional #0D1B2E · Dorado Neutro #B8A27A
   Beige Claro #E8E1D5 · Gris Profesional #5C5C5C · Blanco Marfil #FAF9F6
   =================================================================== */

.ciae-guias-pro-toolbar{
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
  margin: 16px 0 18px;
  padding: 16px 16px;
  border-radius: 18px;
  background: #fff;
  border:1px solid #EFEBE2;
  box-shadow: 0 6px 18px rgba(13,27,46,.06);
}
.ciae-guias-pro-toolbar .field{display:flex; flex-direction:column; gap:6px; min-width: 180px;}
.ciae-guias-pro-toolbar label{
  font-family:'Montserrat', sans-serif;
  font-size:12px; font-weight:600; color:#5C5C5C;
}
.ciae-guias-pro-toolbar select,
.ciae-guias-pro-toolbar input{
  font-family:'Open Sans', sans-serif;
  border:1px solid #DDD7C9;
  border-radius: 10px;
  padding: 10px 12px;
  background:#fff;
  color:#0D1B2E;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ciae-guias-pro-toolbar select:focus,
.ciae-guias-pro-toolbar input:focus{
  border-color:#B8A27A;
  box-shadow:0 0 0 3px rgba(184,162,122,.2);
}
.ciae-guias-pro-toolbar input{min-width:260px; flex:1;}
.ciae-guias-pro-note{font-size:12px; color:#5C5C5C; margin-top:6px;}

.ciae-materia-accordion{margin: 14px 0;}
.ciae-materia-section{
  background:#fff;
  border:1px solid #EFEBE2;
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(13,27,46,.06);
  margin-bottom: 14px;
  overflow:hidden;
}
.ciae-materia-header{
  display:flex; justify-content:space-between; align-items:center;
  padding: 14px 18px;
  cursor:pointer;
  user-select:none;
}
.ciae-materia-title{
  font-family:'Montserrat', sans-serif;
  font-size:15px; font-weight:700; color:#0D1B2E; display:flex; gap:10px; align-items:center;
}
.ciae-materia-count{
  font-family:'Montserrat', sans-serif;
  font-size:12px; font-weight:700; color:#0D1B2E;
  background: #E8E1D5;
  border-radius: 999px;
  padding: 4px 10px;
}
.ciae-materia-chevron{
  width:18px; height:18px; display:inline-block;
  border-right:2px solid #B8A27A; border-bottom:2px solid #B8A27A;
  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 16px 16px;}
.ciae-materia-section[aria-expanded="true"] .ciae-materia-body{display:block;}

.ciae-guias-empty{
  padding: 18px;
  background:#fff;
  border:1px solid #EFEBE2;
  border-radius:18px;
  box-shadow: 0 6px 18px rgba(13,27,46,.06);
  color:#5C5C5C;
  font-family:'Open Sans', sans-serif;
}

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

/* Tarjetas de guía y recursos complementarios */
.ciae-guia-card{
  font-family:'Open Sans', sans-serif;
  border:1px solid #EFEBE2;
  border-radius:18px;
  padding:18px;
  margin:12px 0;
  background:#fff;
  box-shadow:0 6px 18px rgba(13,27,46,.05);
}
.ciae-guia-title{
  font-family:'Montserrat', sans-serif;
  margin:0 0 10px;font-size:17px;line-height:1.25;color:#0D1B2E;font-weight:600;
}
.ciae-guia-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.ciae-guia-materia,
.ciae-guia-date{
  font-family:'Montserrat', sans-serif;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 12px;
  font-size:12px;
  font-weight:700;
  background:#E8E1D5;
  color:#0D1B2E;
}
.ciae-guia-obs{
  margin:12px 0 14px;
  padding:14px 16px;
  border-radius:14px;
  background:#FAF9F6;
  border:1px solid #EFEBE2;
  color:#0D1B2E;
  font-size:14px;
  line-height:1.55;
}
.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;color:#0D1B2E;}
.ciae-guia-obs a:hover{color:#B8A27A;}
.ciae-guia-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;}
.ciae-guia-btn{
  font-family:'Montserrat', sans-serif;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  padding:10px 16px;
  font-weight:700;
  text-decoration:none!important;
  border:1px solid transparent;
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease, background .16s ease;
}
.ciae-guia-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(13,27,46,.14);}

/* Botón principal de descarga/apertura de la guía (PDF fuente) */
.ciae-guia-btn-resource{
  background:#0D1B2E;
  color:#FAF9F6!important;
}
.ciae-guia-btn-resource:hover{background:#16273e;}
.ciae-guia-btn-resource span{line-height:1;}

/* Recursos complementarios: un mismo estilo de marca, distinguidos por ícono */
.ciae-resource-educaplay,
.ciae-resource-video,
.ciae-resource-drive,.ciae-resource-google,
.ciae-resource-pdf,.ciae-resource-documento,
.ciae-resource-enlace{
  background:#fff;
  color:#0D1B2E!important;
  border:1px solid #DDD7C9;
}
.ciae-resource-educaplay:hover,
.ciae-resource-video:hover,
.ciae-resource-drive:hover,.ciae-resource-google:hover,
.ciae-resource-pdf:hover,.ciae-resource-documento:hover,
.ciae-resource-enlace:hover{
  background:#E8E1D5;
  border-color:#B8A27A;
}
@media (max-width: 700px){
  .ciae-guia-actions{flex-direction:column;align-items:stretch;}
  .ciae-guia-btn{width:100%;}
}