/* Credentials (DESKTOP - CREDENTIALS, 490:6773), medidas de Figma a 1440 px. El
   hero, la banda, el mapa y el formulario estan en base.css. */

/* ------------------------------------------------- certifications & credentials */

.cw-credentials { padding: 37px 0 64px; }
.cw-credentials .cw-heading { max-width: 501px; margin-top: 22px !important; }
.cw-credentials__text { max-width: 509px; margin-top: 12px !important; }
.cw-credentials__grid {
  display: grid;
  grid-template-columns: repeat(4, 281px);
  justify-content: space-between;
  margin-top: 53px !important;      /* en Figma el texto ocupa una caja de 57 */
}

/* Tarjeta: el mismo degradado que el formulario de contacto. */
.cw-cert {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 245px;
  padding: 25px 20px 24px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgb(113 134 154 / 0.8) 0%, rgb(201 202 205 / 0.8) 62%);
  color: var(--cw-navy);
  text-align: center;
}
.cw-cert__logo {
  display: grid;
  place-items: center;
  width: 89px;
  height: 89px;
  border-radius: 50%;
  background: var(--cw-mist);
}
.cw-cert__logo img { width: 71px; height: 26px; }
.cw-cert__name { max-width: 166px; margin-top: 22px !important; font-size: 0.875rem; line-height: 16px; font-weight: 900; text-transform: uppercase; }
.cw-cert__text { max-width: 166px; margin-top: 14px !important; font-size: 0.875rem; line-height: 16px; font-weight: 300; }

/* ------------------------------------------- tablets y mobile (sin diseno) */

@media (max-width: 1199px) {
  .cw-credentials__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
@media (max-width: 781px) {
  .cw-credentials__grid { grid-template-columns: 1fr; }
}