/* ========================================
   COOPERATIVISMO EN EL AULA — dos columnas (contenido + panel lateral con
   la info del llamado) sobre fondo blanco, sin bandas. El panel no es un
   menú de navegación, es una tarjeta informativa, así que no hay sidebar
   sticky.

   Contenido de lectura -> el wrapper lleva gutter horizontal como
   institucional/perspectiva de género. Ancho de CONTENIDO de referencia:
   1160px (ver [[feedback_container_width]]); box-sizing: content-box para
   que el padding lateral quede fuera de los 1160 (el border-box global de
   hello-biz si no se lo comería).

   Todo antepone #inacoop-cooperativismo-aula para ganar especificidad vs.
   Elementor/hello-biz (ver [[feedback_elementor_css_specificity]]).
   Tipografía en rem (ver [[feedback_css_units]]).

   Medidas según Figma (archivo "Web-INACOOP", node 736-9709 desktop /
   736-9935 mobile).
   ======================================== */

#inacoop-cooperativismo-aula {
  box-sizing: content-box;
  max-width: 1160px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 5rem;
  font-family: Asap, sans-serif;
  color: #1e2939;
}

/* ---- Layout ---- */
#inacoop-cooperativismo-aula .inacoop-ca-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 3.5rem;
  align-items: start;
}

/* ---- Encabezado de sección (círculo con ícono + rótulo) ---- */
#inacoop-cooperativismo-aula .inacoop-ca-head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
}

#inacoop-cooperativismo-aula .inacoop-ca-head__icon {
  flex: 0 0 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(64, 30, 94, 0.1);
}

#inacoop-cooperativismo-aula .inacoop-ca-head__icon img {
  display: block;
}

#inacoop-cooperativismo-aula .inacoop-ca-head__titulo {
  margin: 0;
  font-family: Asap, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.0234rem;
  text-transform: uppercase;
  color: #401e5e;
}

/* ---- Cuerpo ---- */
#inacoop-cooperativismo-aula .inacoop-ca-parrafo {
  margin: 0;
  max-width: 37.5rem; /* 600px de lectura (Figma) */
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: #1e2939;
}

#inacoop-cooperativismo-aula .inacoop-ca-parrafo strong {
  font-weight: 600;
}

#inacoop-cooperativismo-aula .inacoop-ca-sep {
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid #f3f4f6;
}

/* ---- Panel lateral ---- */
#inacoop-cooperativismo-aula .inacoop-ca-aside {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Tarjeta "Apertura del llamado" */
#inacoop-cooperativismo-aula .inacoop-ca-llamado {
  padding: 1.5rem;
  border: 1px solid rgba(64, 30, 94, 0.15);
  border-radius: 16px;
  background: #f0ebf7;
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__head {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__icon {
  flex: 0 0 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #401e5e;
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__icon img {
  display: block;
  width: 18px;
  height: 18px;
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__titulo {
  margin: 0;
  font-family: Asap, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #401e5e;
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__subtitulo {
  margin: 0.125rem 0 0;
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(64, 30, 94, 0.7);
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__texto {
  margin: 1rem 0 0;
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #1e2939;
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__texto strong {
  font-weight: 600;
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__estado {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 1rem 0 0;
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(64, 30, 94, 0.6);
}

#inacoop-cooperativismo-aula .inacoop-ca-llamado__estado img {
  display: block;
  flex: 0 0 auto;
}

/* Empty state punteado "Recursos y convocatorias" */
#inacoop-cooperativismo-aula .inacoop-ca-recursos {
  padding: 1.25rem;
  border: 1px dashed #e5e7eb;
  border-radius: 16px;
}

#inacoop-cooperativismo-aula .inacoop-ca-recursos__titulo {
  margin: 0;
  font-family: Asap, sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #99a1af;
}

#inacoop-cooperativismo-aula .inacoop-ca-recursos__texto {
  margin: 0.25rem 0 0;
  font-family: Asap, sans-serif;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #99a1af;
}

/* ========================================
   Responsive
   ======================================== */
@media (max-width: 860px) {
  #inacoop-cooperativismo-aula .inacoop-ca-layout {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 767px) {
  #inacoop-cooperativismo-aula {
    padding: 2rem 1.25rem 3.5rem;
  }
}