/* Imágenes de Reportar contenido; solo afecta al contenido principal. */
.report-page main .report-main-section {
  padding-block: clamp(30px, 3.5vw, 46px) clamp(42px, 5vw, 64px);
}

.report-page main .report-layout {
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
  column-gap: clamp(22px, 3vw, 36px);
  row-gap: 18px;
}

.report-page main .report-layout > .stack {
  grid-column: 1;
  grid-row: 1;
  gap: 18px;
}

.report-page main .report-layout > #content-report-form {
  grid-column: 2;
  grid-row: 1 / 4;
  gap: 20px;
  padding: clamp(22px, 2.6vw, 32px);
}

.report-page main .report-layout > .report-process-section {
  grid-column: 1;
  grid-row: 2;
  gap: 18px;
  padding: clamp(20px, 2.5vw, 28px);
}

.report-page main .report-process-section .steps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 12px;
}

.report-page main .report-layout > .report-links-section {
  grid-column: 1;
  grid-row: 3;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: 0;
}

.report-page main .report-resource-card {
  min-height: 92px;
  padding: 16px 20px;
}

.report-page main .report-layout .info-panel,
.report-page main .report-layout .callout {
  padding: clamp(20px, 2.5vw, 28px);
}

.report-page main .report-layout .with-icon h2 {
  margin-bottom: 8px;
}

.report-page main .report-layout .icon-list {
  gap: 10px;
  margin-top: 16px;
}

.report-page main #content-report-form .form-grid {
  gap: 18px;
}

.report-page main .page-hero__illustration img {
  width: min(100%, 360px);
  height: auto;
  object-fit: contain;
}

.report-page main .report-layout .with-icon > img {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  object-fit: contain;
}

.report-page main .report-layout .callout.with-icon {
  align-items: flex-start;
}

.report-page main .report-layout .icon-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.report-page main .report-layout .icon-list li img {
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  object-fit: contain;
}

.report-page main #content-report-form .report-form-title,
.report-page main .report-process-section h2 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.report-page main #content-report-form .report-form-title img,
.report-page main .report-process-section h2 img {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  object-fit: contain;
}

.report-page main .report-type-fieldset .radio-card img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.report-page main .report-resource-card .icon-circle {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  background: transparent;
}

.report-page main .report-resource-card .icon-circle img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

@media (max-width: 767px) {
  .report-page main .report-main-section {
    padding-block: 24px 42px;
  }

  .report-page main .report-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .report-page main .report-layout > .stack,
  .report-page main .report-layout > #content-report-form,
  .report-page main .report-layout > .report-process-section,
  .report-page main .report-layout > .report-links-section {
    grid-column: 1;
    grid-row: auto;
  }

  .report-page main .report-layout > .stack {
    gap: 16px;
  }

  .report-page main .report-layout > #content-report-form {
    gap: 18px;
    padding: 22px;
  }

  .report-page main .report-layout > .report-process-section {
    padding: 22px;
  }

  .report-page main .report-resource-card {
    min-height: 88px;
  }

  .report-page main .report-layout .with-icon > img {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}