/* ======================================================================
   Guías Docentes ISDAA - Vista HTML institucional
   Inspirada en la plantilla oficial, pero responsive y accesible.
   Esta hoja NO interviene en la vista A4/PDF (preview.css).
   ====================================================================== */

.isdaa-web-guide,
.isdaa-web-guide *{box-sizing:border-box}

.isdaa-web-guide{
  --isdaa-grey:#d7d7d7;
  --isdaa-grey-soft:#ececec;
  --isdaa-border:#9d9d9d;
  --isdaa-text:#171717;
  --isdaa-muted:#5f5f5f;
  --isdaa-paper:#fff;
  --isdaa-red:#a81720;
  max-width:980px;
  margin:0 auto;
  color:var(--isdaa-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.28;
}

.isdaa-web-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:0 0 1rem;
}
.isdaa-web-actions .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.55rem .9rem;
  border:1px solid #777;
  border-radius:2px;
  background:#fff;
  color:#171717;
  text-decoration:none;
  font:600 13px/1.1 Arial,Helvetica,sans-serif;
}
.isdaa-web-actions .button:hover,
.isdaa-web-actions .button:focus{
  border-color:#222;
  background:#f2f2f2;
  color:#000;
}

.isdaa-institution-sheet{
  background:var(--isdaa-paper);
  border:1px solid #dedede;
  padding:42px 42px 56px;
  box-shadow:0 3px 20px rgba(0,0,0,.06);
}

.isdaa-institution-head{margin-bottom:26px}
.isdaa-institution-topline{
  min-height:26px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:8px;
  color:#333;
}
.isdaa-course-chip{
  display:inline-block;
  padding:5px 13px;
  background:var(--isdaa-grey);
  font-weight:700;
  font-size:14px;
}
.isdaa-update-date{
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
}
.isdaa-logo-row{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  min-height:68px;
  margin-bottom:22px;
}
.isdaa-web-logo{
  display:block;
  width:min(330px,48%);
  height:auto;
  border:0;
  box-shadow:none;
  margin:0;
}
.isdaa-document-identification{
  margin:0 0 20px;
}
.isdaa-id-line{
  display:grid;
  grid-template-columns:126px 1fr;
  align-items:start;
  gap:0;
  margin:0 0 5px;
  font-size:14px;
  line-height:1.2;
}
.isdaa-id-line strong{
  font-size:14px;
  font-weight:800;
}
.isdaa-id-line span{
  min-width:0;
}

/* Secciones */
.isdaa-doc-section{
  margin:26px 0 0;
  padding:0;
}
.isdaa-doc-section h2,
.isdaa-doc-section h3,
.isdaa-doc-section h4{
  font-family:Arial,Helvetica,sans-serif;
  color:#171717;
}
.isdaa-doc-section h2{
  margin:0 0 14px;
  font-size:18px;
  line-height:1.15;
  font-weight:800;
  text-transform:uppercase;
}
.isdaa-doc-section h3{
  margin:24px 0 12px;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
}
.isdaa-doc-section h4{
  margin:19px 0 10px;
  font-size:14px;
  line-height:1.25;
  font-weight:800;
}
.isdaa-section-note,
.isdaa-eval-intro,
.isdaa-resource-label{
  margin:0 0 10px;
}
.isdaa-section-prose p{margin:.45rem 0}

/* Tablas */
.isdaa-web-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:0 0 16px;
}
.isdaa-web-table{
  width:100%;
  min-width:620px;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
  table-layout:fixed;
  color:#171717;
  font:13px/1.22 Arial,Helvetica,sans-serif;
}
.isdaa-web-table th,
.isdaa-web-table td{
  border:1px solid var(--isdaa-border);
  padding:7px 8px;
  text-align:left;
  vertical-align:top;
  overflow-wrap:anywhere;
  word-break:normal;
}
.isdaa-web-table thead th{
  background:var(--isdaa-grey);
  font-weight:800;
  text-align:center;
}
.isdaa-web-table tbody th{
  background:var(--isdaa-grey);
  font-weight:700;
}

/* 1. Identificadores */
.isdaa-ident-table{min-width:0}
.isdaa-ident-table th{width:48%}
.isdaa-ident-table td{background:#fff}

/* 2-3. Profesorado */
.isdaa-prof-table th:first-child{width:64%}
.isdaa-prof-table th:last-child{width:36%}
.isdaa-prof-table tbody td{min-height:34px}
.isdaa-prof-groups-table th:nth-child(1){width:50%}
.isdaa-prof-groups-table th:nth-child(2){width:39%}
.isdaa-prof-groups-table th:nth-child(3){width:11%}

/* 4. Competencias */
.isdaa-competency-box{
  border:1px solid var(--isdaa-border);
  margin:0 0 14px;
}
.isdaa-box-label{
  background:var(--isdaa-grey);
  border-bottom:1px solid var(--isdaa-border);
  padding:7px 8px;
  font-weight:800;
  font-size:13px;
}
.isdaa-box-row{
  padding:7px 8px;
  border-bottom:1px solid #c7c7c7;
  background:#fff;
  font-size:13px;
  line-height:1.24;
}
.isdaa-box-row:last-child{border-bottom:0}
.isdaa-box-row-empty{min-height:52px}

/* 5. Resultados */
.isdaa-text-box{
  border:1px solid var(--isdaa-border);
  background:#fff;
  padding:12px 10px;
  min-height:95px;
}
.isdaa-text-box p{
  margin:0 0 8px;
  font-size:13px;
  line-height:1.27;
}
.isdaa-text-box p:last-child{margin-bottom:0}
.isdaa-text-box-empty{min-height:80px}

/* 6. Contenidos */
.isdaa-contents-table thead th:first-child{width:29%}
.isdaa-contents-table thead th[colspan="2"]{width:71%}
.isdaa-contents-table tbody td:first-child{width:29%}
.isdaa-contents-table tbody td{min-height:42px}
.isdaa-contents-table thead th{padding-top:10px;padding-bottom:10px}

/* 7. Planificación */
.isdaa-plan-table th:first-child,
.isdaa-plan-table td:first-child{width:76%}
.isdaa-plan-table th:last-child,
.isdaa-plan-table td:last-child{width:24%;text-align:center}
.isdaa-plan-table tbody th{background:var(--isdaa-grey-soft)}
.isdaa-plan-table tbody tr:last-child th{background:var(--isdaa-grey)}
.isdaa-plan-table tbody tr:last-child td{font-weight:700}

/* 8, 9.1, 9.2 */
.isdaa-activity-table{min-width:620px}
.isdaa-activity-table th{width:35%;background:var(--isdaa-grey)}
.isdaa-activity-table td{width:65%;min-height:58px}
.isdaa-method-table td,
.isdaa-eval-table td{padding-top:10px;padding-bottom:10px}

/* 9.3 */
.isdaa-93-title{margin-top:28px!important}
.isdaa-weight-table th:first-child,
.isdaa-weight-table td:first-child{width:78%}
.isdaa-weight-table th:last-child,
.isdaa-weight-table td:last-child{width:22%;text-align:center}
.isdaa-weight-table .isdaa-total-row th,
.isdaa-weight-table .isdaa-total-row td,
.isdaa-weight-table .isdaa-total-row td:first-child{
  background:var(--isdaa-grey-soft);
  font-weight:800;
}

/* 10 */
.isdaa-planif10-table{font-size:12px}

/* 11. Recursos */
.isdaa-platform-box{
  min-height:70px;
  border:1px solid var(--isdaa-border);
  padding:10px;
  margin:0 0 24px;
  background:#fff;
}
.isdaa-biblio-list{display:grid;gap:12px}
.isdaa-biblio-card{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font:13px/1.22 Arial,Helvetica,sans-serif;
}
.isdaa-biblio-card th,
.isdaa-biblio-card td{
  border:1px solid var(--isdaa-border);
  padding:6px 8px;
  vertical-align:top;
  text-align:left;
}
.isdaa-biblio-card th{
  width:15%;
  background:var(--isdaa-grey);
  font-weight:800;
}
.isdaa-biblio-card td{background:#fff}
.isdaa-biblio-empty{height:54px;border:1px solid var(--isdaa-border)}
.isdaa-footnote{
  margin:18px 0 22px;
  padding-top:7px;
  border-top:1px solid #aaa;
  font-size:11px;
}
.isdaa-other-resources-table th{width:15%}

.isdaa-embed-draft-note{
  margin:1rem 0;
  padding:.75rem 1rem;
  border-left:4px solid #dba617;
  background:#fff3cd;
}
.isdaa-embed-error{
  margin:1rem 0;
  padding:.75rem 1rem;
  border-left:4px solid #b32d2e;
  background:#fff1f0;
}

/* Integrada en una página de asignatura: mantiene aspecto documental sin simular hojas A4. */
.isdaa-embedded-guide{margin:1.25rem 0 2.5rem}
.isdaa-embedded-guide .isdaa-institution-sheet{box-shadow:none}

/* Tema oscuro: la guía sigue siendo un documento blanco institucional. */
@media (prefers-color-scheme:dark){
  .isdaa-institutional-web .isdaa-institution-sheet{background:#fff;color:#171717}
}

/* Adaptación móvil sin perder la identidad gráfica de la plantilla. */
@media(max-width:760px){
  .isdaa-web-guide{font-size:13px}
  .isdaa-institution-sheet{padding:24px 16px 34px}
  .isdaa-institution-topline{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .isdaa-logo-row{
    min-height:50px;
    margin-bottom:18px;
  }
  .isdaa-web-logo{width:min(285px,72%)}
  .isdaa-id-line{
    grid-template-columns:108px 1fr;
    font-size:12.5px;
  }
  .isdaa-id-line strong{font-size:12.5px}
  .isdaa-doc-section{margin-top:22px}
  .isdaa-doc-section h2{font-size:16px}
  .isdaa-doc-section h3{font-size:14.5px}
  .isdaa-doc-section h4{font-size:13.5px}
  .isdaa-web-actions{display:grid;grid-template-columns:1fr 1fr}
  .isdaa-web-actions .button{text-align:center}
  .isdaa-web-table{min-width:560px;font-size:12px}
  .isdaa-ident-table{min-width:0}
  .isdaa-ident-table th{width:43%}
  .isdaa-biblio-card th{width:24%}
}

/* Impresión de la vista HTML (no sustituye a la vista A4 institucional). */
@media print{
  .isdaa-web-actions,
  .isdaa-embed-draft-note{display:none!important}
  .isdaa-web-guide{max-width:none;font-size:10pt}
  .isdaa-institution-sheet{
    border:0;
    box-shadow:none;
    padding:0;
  }
  .isdaa-web-table-wrap{overflow:visible}
  .isdaa-web-table{min-width:0}
  .isdaa-doc-section,
  .isdaa-competency-box,
  .isdaa-biblio-card{break-inside:avoid}
}