/* CAME — accesos alineados e iconos de colores, prueba 12. */
.came-notice-links { margin: 28px 0 24px; }
.came-notice-links ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
.came-notice-links li { min-width: 0; margin: 0; padding: 0; }
.came-notice-links .came-notice-link {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 184px;
  align-items: center;
  gap: 18px;
  min-height: 106px;
  box-sizing: border-box;
  padding: 18px;
  border: 1px solid #ded7e8;
  border-left: 4px solid var(--came-notice-accent);
  border-radius: 14px;
  background: #fff;
  color: #30283e;
  text-align: left;
  text-decoration: none;
  transition: background-color .15s ease, box-shadow .15s ease;
}
.came-notice-link-document { --came-notice-accent: #c3172a; --came-notice-soft: #fff0f2; }
.came-notice-link-register { --came-notice-accent: #157a50; --came-notice-soft: #eaf7ef; }
.came-notice-link-status { --came-notice-accent: #1965a4; --came-notice-soft: #edf4ff; }
.came-notice-links .came-notice-link:hover { background: #faf9fc; color: #30283e; text-decoration: none; box-shadow: 0 4px 14px rgb(37 23 62 / 7%); }
.came-notice-link:focus-visible { outline: 3px solid #492f7b; outline-offset: 3px; }
.came-notice-links .came-notice-link-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: var(--came-notice-soft); color: var(--came-notice-accent); }
.came-notice-link-icon svg { display: block; width: 28px; height: 28px; }
.came-notice-links .came-notice-link-title { display: block; min-width: 0; color: #30283e; font: 600 16px/1.5 'Open Sans', Arial, sans-serif; text-align: left; white-space: normal; overflow-wrap: break-word; }
.came-notice-links .came-notice-link-action { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 44px; box-sizing: border-box; margin: 0; padding: 11px 12px; border: 1px solid #ddd4e9; border-radius: 8px; background: #f6f2fb; color: #492f7b; font: 600 14px/1.4 'Open Sans', Arial, sans-serif; text-align: left; white-space: nowrap; }
.came-notice-link-action svg { width: 20px; height: 20px; flex-shrink: 0; }
@media (max-width: 767.98px) {
  .came-notice-links .came-notice-link { grid-template-columns: 44px minmax(0, 1fr); min-height: 0; padding: 14px; gap: 10px 12px; }
  .came-notice-links .came-notice-link-icon { grid-row: 1 / span 2; align-self: start; width: 44px; height: 44px; }
  .came-notice-links .came-notice-link-title { font-size: 15px; }
  .came-notice-links .came-notice-link-action { grid-column: 2; max-width: 190px; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .came-notice-links .came-notice-link { transition: none; } }