/* =============================================================
   page-investigacion.css
   ============================================================= */

.investigacion-page {
  padding-bottom: 4rem;
}

/* ---------------------------------------------------------------
   Secciones
   ------------------------------------------------------------- */
.investigacion-seccion {
  margin-top: 4rem;
}

.investigacion-seccion__titulo {
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
  text-align: right;
}

/* ---------------------------------------------------------------
   Tabla
   ------------------------------------------------------------- */
.investigacion-table thead th,
.investigacion-table tbody tr:first-child td {
  border-top: none;
}

.investigacion-table td {
  vertical-align: middle;
}

.investigacion-table__col-grupo {
  width: 25%;
}

.investigacion-table__col-tematica {
  width: 50%;
}

.investigacion-table__col-contacto {
  width: 25%;
}

.investigacion-table__grupo a {
  text-decoration: underline;
  color: var(--color-black);
}

.investigacion-table__grupo a:hover {
  text-decoration: none;
}

.investigacion-table__mail {
  text-decoration: none;
  color: var(--color-black);
}

.investigacion-table__mail:hover {
  text-decoration: underline;
}

/* ---------------------------------------------------------------
   Responsive — tablet
   ------------------------------------------------------------- */
@media (min-width: 640px) {
  .investigacion-page {
    padding-bottom: 5rem;
  }

  .investigacion-seccion {
    margin-top: 6rem;
    width: 83.333%;
    margin-left: auto;
  }

  .investigacion-seccion__titulo {
    padding-bottom: 1.5rem;
  }
}

/* ---------------------------------------------------------------
   Responsive — desktop
   ------------------------------------------------------------- */
@media (min-width: 1024px) {
  .investigacion-seccion {
    margin-top: 8rem;
  }

  .investigacion-seccion__titulo {
    padding-bottom: 2rem;
  }
}

/* ---------------------------------------------------------------
   Responsive — mobile (cards, mismo patrón que departamento-table)
   ------------------------------------------------------------- */
@media (max-width: 639px) {
  .investigacion-seccion__titulo {
    text-align: left;
  }

  .investigacion-table thead {
    display: none;
  }

  .investigacion-table,
  .investigacion-table tbody,
  .investigacion-table tr,
  .investigacion-table td {
    display: block;
    width: 100%;
  }

  .investigacion-table tbody tr {
    border-top: 0.5px solid var(--color-border, #e0e0e0);
    padding: 0.65rem 0;
  }

  .investigacion-table tbody tr:last-child {
    border-bottom: 0.5px solid var(--color-border, #e0e0e0);
  }

  .investigacion-table td {
    padding: 0;
    border: none;
    margin-top: 2px;
  }

  .investigacion-table__grupo {
    font-weight: 700;
    margin-bottom: 0.2rem;
  }

  .investigacion-table__tematica,
  .investigacion-table__contacto {
    font-size: 0.85em;
  }

  .investigacion-table__tematica {
    display: inline-block;
    margin-right: 6px;
  }

  .investigacion-table__contacto {
    display: inline-block;
  }

  .investigacion-table__mail {
    color: inherit;
  }
}

/* =============================================================
   Admin — meta box
   ============================================================= */
.dpa-tabla th,
.dpa-tabla td {
  padding: 6px 8px;
}

.dpa-tabla input.widefat {
  min-width: 80px;
}

.dpa-tabla-eliminar {
  color: #b32d2e !important;
}