/* ===========================================================================
   Tabla de especificaciones tecnicas al final de cada case-study.
   Ver assets/cwb/specs-table.php. Deliberadamente sin JS ni scroll horizontal:
   es una tabla simple pensada para ser legible por un crawler o un LLM.
   =========================================================================== */

/* Mismo padding-bottom que .csectionprojectitem (var(--sectionmargin)) --
   esta seccion vive fuera de .cprojectbuilder asi que no le llega esa regla
   sola, se replica el mismo valor. */
.csectionspecs { padding-bottom: var(--sectionmargin); }

/* Mismo padding-top que .ccontentfree .csingledescbuilderdesc (var(--paddings))
   tras la cabecera, sin el max-width:800px que trae esa clase completa. */
.cspecsintro {
  padding-top: var(--paddings);
}

.cspecsintro h3 {
  margin-bottom: var(--paddings);
}

.cspecsgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 40px;
  align-items: start;
}

.cspecstable {
  width: 100%;
  border-collapse: collapse;
}

.cspecstable tr {
  border-bottom: 1px solid var(--stroke, #000);
}

.cspecstable th,
.cspecstable td {
  text-align: left;
  padding: 14px 16px 14px 0;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.5;
}

.cspecstable th {
  width: 30%;
  font-family: "Roboto Condensed", "Roboto Mono", monospace;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--pharma-900, #223E4F);
  white-space: nowrap;
}

.cspecstable td {
  font-size: var(--fonts, 14px);
  font-weight: 300;
  color: #333;
}

@media (max-width: 767px) {
  .cspecsgrid { grid-template-columns: 1fr; gap: 0; }
  .cspecstable th { width: 42%; white-space: normal; }
  .cspecstable th, .cspecstable td { padding: 10px 8px 10px 0; }
}