/* Diagnóstico: identidad visual actual del sitio (logo oficial, azul de marca, tipografía y tarjetas alineadas).
   Se carga después de assessment.css, report.css y navoa-type.css. Solo estilo: no cambia preguntas, puntaje ni envío. */

/* --- Logo oficial (navoa-logo-claro.png en fondos claros; navoa-logo-formal.png en la barra oscura) --- */
.asmt-brand, .report-brand { display: block; line-height: 0; }
.asmt-brand-logo { display: block; width: auto; }
.asmt-landing-brand { display: flex; justify-content: center; }
.asmt-landing-brand .asmt-brand-logo { height: 44px; }
.asmt-test-shell > .asmt-brand .asmt-brand-logo { height: 30px; }
.asmt-logo .asmt-brand-logo { height: 28px; }
.asmt-context-mode .asmt-logo img { filter: none !important; } /* antes se pintaba de blanco; el logo oficial ya trae su versión para fondo oscuro */
.report-brand .asmt-brand-logo { height: 36px; }
.report-fr-footer .report-brand .asmt-brand-logo { height: 28px; }
.asmt-full-report > .asmt-shell > .report-brand, .asmt-report > .asmt-shell > .report-brand { display: flex; justify-content: center; }
.report-fr-footer .report-brand { display: flex; justify-content: center; }

/* --- Enlace "Volver a NAVOA": como los enlaces del menú del sitio (Inter 500, sin mayúsculas) --- */
.asmt-exit { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: .9375rem !important; letter-spacing: 0 !important; text-transform: none !important; }

/* --- Botones: botón primario del sitio (azul de marca, Inter 600, sin mayúsculas) --- */
.asmt-btn, .report-b2b-cta, .report-pick-cta {
  font-family: var(--font-body) !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important;
}
.asmt-btn--primary, .report-b2b-cta { background: #206EF3 !important; background-image: none !important; color: #fff !important; box-shadow: none !important; }
.asmt-btn--primary:hover, .report-b2b-cta:hover { background: #1A5FD6 !important; }
.asmt-report .report-pick-cta--live:hover { color: #1A5FD6; }

/* --- Tarjetas alineadas fila por fila (título con título, puntaje con puntaje, texto con texto) --- */
@media (min-width: 768px) {
  /* Tu perfil: etiqueta · título · puntaje · texto */
  .asmt-report .report-signals { grid-template-rows: repeat(4, auto); grid-auto-rows: auto; row-gap: 0; }
  .asmt-report .report-signal { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 6px; align-content: start; margin-bottom: 14px; }
  .asmt-report .report-signal > * { margin-top: 0 !important; }
  .asmt-report .report-signal-score { align-self: start; }

  /* Hoja de ruta: plazo · título · acciones */
  .asmt-report .report-roadmap-grid { grid-template-rows: repeat(3, auto); row-gap: 0; }
  .asmt-report .report-roadmap-stage { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 8px; align-content: start; }
  .asmt-report .report-roadmap-stage > h3 { margin: 0 !important; }

  /* Casos de uso: título · problema · cómo aplicarlo */
  #asmt-fr-usecases-grid { grid-template-rows: repeat(3, auto); row-gap: 0; }
  #asmt-fr-usecases-grid .report-pick { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 8px; align-content: start; }

  /* Academia: etiqueta · curso · por qué · desarrollarás · enlace (el enlace queda al fondo) */
  #asmt-fr-academy-grid { grid-template-rows: repeat(5, auto); row-gap: 0; }
  #asmt-fr-academy-grid .report-pick { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 8px; }
  #asmt-fr-academy-grid .report-pick-cta { align-self: end; }
  #asmt-fr-usecases-grid .report-pick > *, #asmt-fr-academy-grid .report-pick > * { margin-top: 0 !important; }
}