/* ==========================================================================
   NAVOA AI READINESS ASSESSMENT™️ — NAVOA Report Experience V1.
   Pieza editorial/data product premium, no un formulario que terminó.
   Escopado bajo .asmt-report para no colisionar con el resto de la SPA.

   Lenguaje visual: navy/negro NAVOA + blanco + gris neutro + azul de acento
   (#2E3FE5, el mismo ya aprobado en el hero/score de esta pantalla),
   tipografía grande, mucho whitespace, jerarquía editorial (Inter Display para
   titulares, ya cargada en index.html y sin uso hasta ahora), datos
   protagonistas, bordes sutiles solo donde aportan estructura. Sin
   gradientes genéricos, sin sombras SaaS, sin emojis, sin ilustraciones
   decorativas, sin semáforos de color.
   ========================================================================== */

.asmt-report{ color:#0d1526; }
.asmt-report .report-brand{
  display:block;text-align:center;padding:4px 0 4px;
  font:500 1.625rem/1 var(--font-body);letter-spacing:-1.4px;color:#101b2e;
}
.asmt-report .report-brand span{
  color:#2E3FE5;background:linear-gradient(110deg,#2E3FE5,#9a87cd);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}

.asmt-report .report-eyebrow{
  display:block;text-align:center;
  font:500 .75rem/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;
  color:#5a6a94;
}

/* ── 1 · Hero / IA Score ──────────────────────────────────────────────── */
.asmt-report .report-hero{ text-align:center;padding-top:10px; }
.asmt-report .report-hero .report-eyebrow{ margin-bottom:14px; }

/* Ajuste visual acotado (solo RESULTADO INICIAL, pre-desbloqueo): el
   diagnóstico (score+radar+insight) pasa de "suelto sobre blanco" a una
   sola tarjeta editorial contenida — mismo lenguaje que .report-unlock,
   para que ambas se lean como una secuencia NAVOA coherente al hacer
   scroll. Clase propia (NO .report-hero a secas) para no afectar el hero
   del reporte completo post-desbloqueo, que reutiliza esa misma clase base. */
.asmt-report .report-initial-card{
  margin-top:18px;padding:44px clamp(20px,5vw,52px) 40px;
  border:1px solid #dadddf;border-radius:12px;background:#f6f7f9;
}
.asmt-report .report-pill{
  display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 12px;
  border:1px solid #dfe3f2;border-radius:999px;background:#f1f4fc;
  font:500 .75rem/1 var(--font-body);letter-spacing:0;color:#35499e;
}
.asmt-report .report-pill svg{ width:17px;height:17px; }

.asmt-report .report-score{ display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:10px; }
.asmt-report .report-score strong{
  font-family:var(--font-heading);font-optical-sizing:auto;
  font-size:4.75rem;font-weight:400;font-variation-settings:'opsz' 60;
  line-height:1.05;letter-spacing:-.03em;color:#2E3FE5;
}
.asmt-report .report-score .report-score-of{ color:#263249;font-weight:500;font-size:1.3125rem; }
.asmt-report .report-score .report-score-points{ color:#8590a1;font-size:.75rem;font-weight:400;margin-left:4px; }

.asmt-report .report-scale{ width:min(280px,100%);margin:12px auto 0; }
.asmt-report .report-scale-track{ height:5px;background:#e3e8f2;border-radius:99px;overflow:hidden; }
.asmt-report .report-scale-fill{ display:block;height:100%;background:#2E3FE5; }
.asmt-report .report-scale-labels{ display:flex;justify-content:space-between;font-size:.75rem;color:#8491a5;margin:5px 0 0; }

.asmt-report .report-radar-figure{ margin:26px auto 0;max-width:420px; }
.asmt-report .report-radar-wrap svg{ display:block;width:100%;height:auto;overflow:visible; }
.asmt-report .report-radar-wrap svg text{ font-size:1.1875rem; }
.asmt-report .report-radar-wrap svg g:nth-last-child(1) text{ font-size:.875rem; }
.asmt-report .report-radar-legend{ margin-top:6px;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#657185; }
.asmt-report .report-radar-legend span::before{ content:'';display:inline-block;width:16px;height:2px;background:#2E3FE5;margin-right:7px;vertical-align:middle; }

/* Lectura breve del RESULTADO INICIAL (aprobado) — una sola frase de
   contexto, nunca el análisis completo (eso vive en el reporte completo). */
.asmt-report .report-initial-insight{
  margin:22px auto 0;max-width:52ch;font-size:.8438rem;line-height:1.65;color:#5a6478;
}

/* ── ARQUITECTURA VISUAL DEL REPORTE COMPLETO (post-desbloqueo) ──────────────
   Ajuste puramente visual/CSS — mismo contenido, mismos datos, mismos IDs.
   Principio: fondo general suave (ya existente, --asmt-bg) → contenedor
   central de ancho controlado → cada sección es un GRAN BLOQUE VISUAL
   delimitado (tarjeta blanca con borde fino) → subcards con acentos
   pastel muy suaves solo donde ayudan a escanear → un único eje vertical,
   un único sistema de espaciado/radio para todo el reporte. ─────────────── */

/* Contenedor: más ancho que el resto del Assessment (900–1050px pedidos),
   SOLO dentro de la pantalla de reporte completo — no toca .asmt-shell en
   ninguna otra pantalla (landing/perfil/preguntas/resultado inicial). */
.asmt-full-report .asmt-shell{ width:min(960px,100% - 40px); }

:root{
  --fr-radius:18px;
  --fr-border:1px solid #e2e5ea;
  --fr-gap:22px;
  --fr-pad-x:clamp(20px,4.5vw,48px);
  --fr-pad-y:32px;
}

/* ── Apertura → HERO CARD (antes: texto suelto sobre el fondo) ──────────── */
.asmt-report .report-fr-hero{
  background:#fff;border:var(--fr-border);border-radius:var(--fr-radius);
  padding:var(--fr-pad-y) var(--fr-pad-x) 38px;margin-top:20px;
  box-shadow:0 1px 2px rgba(13,21,38,.03);
}
.asmt-report .report-fr-tagline{
  margin:-2px 0 0;text-align:center;font:500 .75rem/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8290a7;
}
.asmt-report .report-fr-hero h1{
  margin:14px auto 0;max-width:22ch;
  font-family:var(--font-heading);font-optical-sizing:auto;font-variation-settings:'opsz' 30;
  font-size:2rem;font-weight:400;line-height:1.3;letter-spacing:-.01em;color:#0d1526;
}
.asmt-report .report-fr-greeting{ margin:14px 0 0;font-size:.9375rem;color:#39435a; }
.asmt-report .report-fr-maturity{
  margin:6px 0 0;font:500 .75rem/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#263d92;
}
.asmt-report .report-fr-date{ margin:10px 0 0;font-size:.75rem;color:#8590a1; }

/* Animación discreta del radar: ejes → perfil → puntos. Respeta prefers-reduced-motion. */
@keyframes navoaRadarFade{ from{ opacity:0 } to{ opacity:1 } }
@keyframes navoaRadarProfile{ from{ opacity:0;transform:scale(.82); } to{ opacity:1;transform:scale(1); } }
.asmt-report .report-radar-wrap svg .radar-grid{ animation:navoaRadarFade .5s ease both; animation-delay:.05s; }
.asmt-report .report-radar-wrap svg .radar-axis{ animation:navoaRadarFade .45s ease both; animation-delay:.2s; }
.asmt-report .report-radar-wrap svg .radar-profile{ transform-origin:320px 285px; animation:navoaRadarProfile .7s cubic-bezier(.22,.8,.24,1) both; animation-delay:.4s; }
.asmt-report .report-radar-wrap svg .radar-dots{ animation:navoaRadarFade .35s ease both; animation-delay:1s; }
@media(prefers-reduced-motion:reduce){
  .asmt-report .report-radar-wrap svg .radar-grid,
  .asmt-report .report-radar-wrap svg .radar-axis,
  .asmt-report .report-radar-wrap svg .radar-profile,
  .asmt-report .report-radar-wrap svg .radar-dots{ animation:none!important; }
}

/* ── Cada sección = un GRAN BLOQUE VISUAL delimitado (mismo sistema que el
   hero): tarjeta blanca, borde fino, radio y padding consistentes, margen
   regular entre bloques. Esto reemplaza el viejo "borde superior + mucho
   aire" que hacía sentir el contenido flotando sobre blanco. ──────────── */
.asmt-report .report-section{
  margin-top:var(--fr-gap);padding:var(--fr-pad-y) var(--fr-pad-x) 42px;
  background:#fff;border:var(--fr-border);border-radius:var(--fr-radius);
  box-shadow:0 1px 2px rgba(13,21,38,.03);
}
/* Secciones con eyebrow propio no-duplicado (ej. NAVOA Academy, cuyo
   eyebrow y h2 dicen cosas distintas) conservan el espaciado. */
.asmt-report .report-section > .report-eyebrow{ text-align:left;margin-bottom:10px; }
.asmt-report .report-section h2{
  font-family:var(--font-heading);font-optical-sizing:auto;font-variation-settings:'opsz' 30;
  font-size:1.5rem;font-weight:400;line-height:1.3;letter-spacing:-.01em;
  color:#0d1526;margin:0 0 16px;
}
.asmt-report .report-section > h2:first-child{ margin-top:0; }

/* ── Resumen ejecutivo ────────────────────────────────────────────────── */
.asmt-report .report-fr-summary p{ font-size:1rem;line-height:1.5;color:#39435a;max-width:70ch; }

/* ── Tu perfil ────────────────────────────────────────────────────────── */
.asmt-report .report-fr-profile-meta{ font-size:.8125rem;color:#6b7690;margin:0 0 18px; }

.asmt-report .report-signals{ margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.asmt-report .report-signals--4{ grid-template-columns:repeat(4,1fr); }
.asmt-report .report-signal{ padding:18px 18px 20px;border-radius:14px;background:#f6f7f9;border:1px solid transparent; }
.asmt-report .report-signal.is-strength{ background:#eef3fc;border-color:#dbe6f8; }
.asmt-report .report-signal.is-gap{ background:#fbf1ee;border-color:#f3ddd4; }
.asmt-report .report-signal.is-lever{ background:#eef4ec;border-color:#dbe9d6; }
/* Las 4 cards de "Tu perfil" deben distinguirse entre sí a simple vista:
   la 3ª ("Lo que te diferencia") reutiliza la clase is-strength (mismo azul
   que Fortaleza principal) — se le da un 4º tono (lavanda) SOLO en este
   contexto de 4 columnas, sin tocar el resto de usos de .is-strength. */
.asmt-report .report-signals--4 .report-signal:nth-child(3){ background:#f2f0fa;border-color:#e1ddf2; }
.asmt-report .report-signal-tag{
  display:block;font:500 .75rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#6b7690;margin-bottom:8px;
}
.asmt-report .report-signal strong{ display:block;font-size:1.125rem;line-height:1.3;font-weight:500;color:#0d1526; }
.asmt-report .report-signal-score{ display:block;margin-top:2px;font-size:1.375rem;font-weight:500;color:#2E3FE5; }
.asmt-report .report-signal p{ margin-top:8px;font-size:1rem;line-height:1.5;color:#4b5568; }

.asmt-report .report-benchmark-note{
  margin-top:18px;font-size:.75rem;color:#7c8799;
}
.asmt-report .report-benchmark-note b{ color:#4b5568; }

/* ── Tus fortalezas (acento mint) / Tus principales oportunidades (acento
   peach) — mismo componente de lista, tono distinto por sección para que
   se puedan escanear y distinguir de un vistazo. ────────────────────────── */
.asmt-report .report-fr-list{ list-style:none;margin:0;padding:0;display:grid;gap:14px; }
.asmt-report .report-fr-list li{ padding:16px 20px;border-radius:14px;background:#fff;border:1px solid #e2e5ea; }
.asmt-report .report-fr-strengths .report-fr-list li{ background:#eef6f0;border-color:#d9ecdd; }
.asmt-report .report-fr-opportunities .report-fr-list li{ background:#fbf2ec;border-color:#f2ddc9; }
.asmt-report .report-fr-list b{ display:block;font-size:1.125rem;line-height:1.3;font-weight:500;color:#0d1526; }
.asmt-report .report-fr-list .report-fr-list-meta{ display:block;margin-top:2px;font-size:.75rem;color:#8290a7; }
.asmt-report .report-fr-list p{ margin:8px 0 0;font-size:1rem;line-height:1.5;color:#4b5568;max-width:70ch; }
.asmt-report .report-fr-opp-label{ font-weight:500;color:#39435a; }

/* ── Diagnóstico por dimensión ────────────────────────────────────────── */
.asmt-report .report-fr-dims .report-radar-figure{ margin-left:auto;margin-right:auto; }
.asmt-report .report-fr-dim-cards{ margin-top:26px;display:grid;gap:14px; }
.asmt-report .report-fr-dim-card{ padding:18px 20px 20px;border:1px solid #e2e5ea;border-radius:14px;background:#fafbfc; }
.asmt-report .report-fr-dim-head{ display:flex;align-items:baseline;justify-content:space-between;gap:10px; }
.asmt-report .report-fr-dim-head .dim-name{ font-size:1.125rem;line-height:1.3;font-weight:500;color:#0d1526; }
.asmt-report .report-fr-dim-head strong{ font-size:1rem;font-weight:500;color:#2E3FE5; }
.asmt-report .report-fr-dim-head strong small{ font-size:.75rem;color:#8891a3;font-weight:400; }
.asmt-report .report-fr-dim-bar{ margin-top:10px;height:5px;background:#e3e8f2;border-radius:99px;overflow:hidden; }
.asmt-report .report-fr-dim-bar span{ display:block;height:100%;background:#2E3FE5; }
.asmt-report .report-fr-dim-card dl{ margin:16px 0 0;display:grid;gap:10px; }
.asmt-report .report-fr-dim-card dt{ font:500 .75rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8290a7; }
.asmt-report .report-fr-dim-card dd{ margin:3px 0 0;font-size:1rem;line-height:1.5;color:#39435a; }

/* ── Insight NAVOA — card visualmente distinta, cruza señales ────────────── */
.asmt-report .report-fr-insight-card{ padding:30px 30px;border-radius:14px;background:#eef1fb;border:1px solid #dbe1f5; }
.asmt-report .report-fr-insight-card .report-eyebrow{ color:#3a4fb0; }
.asmt-report .report-fr-insight-card h2{ margin-top:10px; }
.asmt-report .report-fr-insight-card p{ font-size:1rem;line-height:1.5;color:#22305e;max-width:70ch; }

/* ── Recomendaciones personalizadas ──────────────────────────────────────── */
.asmt-report .report-fr-rec-list{ list-style:none;margin:0;padding:0;display:grid;gap:20px; }
.asmt-report .report-fr-rec{ display:flex;gap:18px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #edeff3; }
.asmt-report .report-fr-rec:last-child{ border-bottom:0;padding-bottom:0; }
.asmt-report .report-priority-num{
  flex:0 0 auto;font-family:var(--font-heading);font-size:1.625rem;font-weight:400;color:#c3cae0;line-height:1;
}
.asmt-report .report-fr-rec h3{ margin:0;font-size:1.125rem;font-weight:500;line-height:1.3;letter-spacing:.01em;color:#0d1526; }
.asmt-report .report-fr-rec p{ margin:7px 0 0;font-size:1rem;line-height:1.5;color:#4b5568;max-width:70ch; }
.asmt-report .report-fr-first-step{ color:#39435a!important; }
.asmt-report .report-fr-first-step b{ color:#0d1526; }

/* ── Tu hoja de ruta de 90 días — Aprende/Aplica/Escala con un tono NAVOA
   muy suave distinto cada una (mismo orden en que las arma assessment.js:
   d30, d60, d90 → nth-child 1/2/3), sin tocar el JS que las genera. ────── */
.asmt-report .report-roadmap-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.asmt-report .report-roadmap-stage{ padding:20px 18px 22px;border:1px solid #e2e5ea;border-radius:14px;background:#fff; }
.asmt-report .report-roadmap-grid .report-roadmap-stage:nth-child(1){ background:#eef3fc;border-color:#dbe6f8; }
.asmt-report .report-roadmap-grid .report-roadmap-stage:nth-child(2){ background:#eef4ec;border-color:#dbe9d6; }
.asmt-report .report-roadmap-grid .report-roadmap-stage:nth-child(3){ background:#f2f0fa;border-color:#e1ddf2; }
.asmt-report .report-roadmap-range{ display:block;font:500 .75rem/1 var(--font-mono);letter-spacing:.08em;color:#8290a7; }
.asmt-report .report-roadmap-stage h3{ margin:7px 0 14px;font-size:1.125rem;line-height:1.3;font-weight:500;color:#0d1526; }
.asmt-report .report-fr-actions{ margin:0;padding-left:18px;display:grid;gap:9px; }
.asmt-report .report-fr-actions li{ font-size:1rem;line-height:1.5;color:#39435a; }
.asmt-report .report-fr-roadmap-callouts{ margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.asmt-report .report-fr-roadmap-callouts > div{ padding:16px 18px;border-radius:12px;background:#f6f7f9; }
.asmt-report .report-fr-roadmap-callouts span{ display:block;font:500 .75rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8290a7; }
.asmt-report .report-fr-roadmap-callouts p{ margin:6px 0 0;font-size:1rem;line-height:1.5;color:#0d1526; }

/* ── Smart Prompts / Recursos curados — activos aún no conectados. Estado
   "pendiente de conexión" elegante (badge + nota), nunca vacío/roto. ────── */
.asmt-report .report-fr-pending-badge{
  display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:6px 12px;
  border:1px dashed #c7cede;border-radius:999px;
  font:500 .75rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#7885a3;
}
.asmt-report .report-fr-pending-badge::before{ content:'';width:6px;height:6px;border-radius:50%;background:#c7cede; }
.asmt-report .report-fr-pending-note{ font-size:.8125rem;line-height:1.7;color:#5a6478;max-width:64ch; }
.asmt-report .report-fr-pending-note b{ color:#0d1526; }

/* ── Casos de uso / Academy — subcards en gris muy suave (distinguibles de
   la tarjeta blanca de la sección que las contiene). ────────────────────── */
.asmt-report .report-picks-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.asmt-report .report-pick{ padding:20px 18px 22px;border:1px solid #e2e5ea;border-radius:14px;background:#fafbfc; }
.asmt-report .report-pick-kicker{ display:block;font:500 .75rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#6b7690; }
.asmt-report .report-pick h3{ margin:8px 0 0;font-size:1.125rem;font-weight:500;color:#0d1526;line-height:1.3; }
.asmt-report .report-pick p{ margin:8px 0 0;font-size:1rem;line-height:1.5;color:#4b5568; }
.asmt-report .report-pick-cta{
  display:inline-block;margin-top:14px;font:500 .75rem/1 var(--font-body);letter-spacing:.03em;
  color:#8290a7;cursor:default;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px;
}
.asmt-report .report-pick-cta:focus-visible{ outline:2px solid #6AC9EE;outline-offset:2px; }
/* Variante para links REALES (Academy → academia.html): cursor normal, sin guion, hover azul NAVOA. */
.asmt-report .report-pick-cta--live{
  color:#2E3FE5;cursor:pointer;text-decoration-style:solid;
}
.asmt-report .report-pick-cta--live:hover{ color:#1c2bb0; }

/* ── Bloque de desbloqueo — misma estructura/funcionalidad aprobada ──────── */
.asmt-report .report-unlock{ margin-top:22px;padding:32px clamp(20px,5vw,44px) 34px;border:1px solid #dadddf;border-radius:12px;background:#f6f7f9;text-align:center; }
.asmt-report .report-unlock-icon{ width:27px;height:27px;color:#526998;margin-bottom:14px; }
.asmt-report .report-unlock h2{ font-size:1.375rem;line-height:1.25;letter-spacing:-.035em;margin:0 0 10px;font-weight:500; }
.asmt-report .report-unlock>p{ font-size:.875rem;line-height:1.7;color:#59677e;margin:0 0 22px; }
.asmt-report .report-unlock form{ display:block;max-width:480px;margin:auto;text-align:left; }
.asmt-report .report-unlock form>label:not(.report-checkbox){ display:block;margin:0 0 7px;font-size:.75rem;font-weight:500; }
.asmt-report .report-unlock form>input{ width:100%;height:44px;border:1px solid #d5deeb;border-radius:9px;background:#fff;padding:12px 15px;font:inherit;font-size:.8125rem;margin-bottom:14px; }
.asmt-report .report-unlock form>input.is-invalid{ border-color:#c0564f; }
.asmt-report .report-checkbox{ display:flex;gap:11px;align-items:flex-start;font-size:.75rem;line-height:1.65;color:#526079;margin:0 0 12px; }
.asmt-report .report-checkbox input{ accent-color:#2E3FE5;width:16px;height:16px;flex-shrink:0;margin:3px 0; }
.asmt-report .report-legal{ text-decoration:underline;text-underline-offset:3px;cursor:default; }
.asmt-report .report-legal:focus-visible{ outline:2px solid #6AC9EE;outline-offset:2px; }
.asmt-report .report-unlock-optional{ color:#708097;margin-bottom:5px; }
.asmt-report .report-unlock button{ width:100%;min-height:48px;max-width:none;margin-top:10px;border:0;border-radius:999px;background:linear-gradient(100deg,#2E3FE5,#5660e4);box-shadow:0 5px 25px #2e3fe51c;color:#fff;font:500 .75rem var(--font-body);letter-spacing:.02em;cursor:pointer; }
.asmt-report .report-unlock button span{ margin-left:12px; }
.asmt-report .report-unlock button:hover{ filter:brightness(1.05); }
.asmt-report .report-unlock button:disabled{ opacity:.55;cursor:not-allowed;filter:none; }
.asmt-report .report-unlock input:focus-visible,
.asmt-report .report-unlock button:focus-visible,
.asmt-report .report-unlock a:focus-visible{ outline:3px solid #6AC9EE;outline-offset:3px; }
.asmt-report .report-confidential{ text-align:center;font-size:.75rem;color:#7c8799;margin-top:12px; }
.asmt-report .report-form-error{ min-height:16px;font-size:.75rem;line-height:1.6;color:#a14d50;margin-top:6px; }

/* ── Cierre — sobrio, sin pitch comercial ────────────────────────────────── */
.asmt-report .report-closing{ text-align:center; }
.asmt-report .report-closing h2{ max-width:26ch;margin-inline:auto; }
.asmt-report .report-closing p{ margin-top:10px;font-size:.875rem;line-height:1.7;color:#5a6478;max-width:46ch;margin-inline:auto; }
/* CTA real (enlaza a academia.html) — override de .report-b2b-cta, que por
   defecto es texto blanco pensado para el fondo navy del viejo bloque B2B
   (ya retirado de esta pantalla). Azul NAVOA, cursor normal, hover. */
.asmt-report .report-fr-closing-cta{
  display:inline-block;margin-top:22px;font:500 .75rem/1 var(--font-body);letter-spacing:.03em;
  color:#2E3FE5;border-bottom:1px solid #b9c2ea;padding-bottom:3px;cursor:pointer;text-decoration:none;
}
.asmt-report .report-fr-closing-cta:hover{ color:#1c2bb0;border-color:#2E3FE5; }
.asmt-report .report-fr-closing-cta:focus-visible{ outline:2px solid #6AC9EE;outline-offset:3px; }

/* ── Footer del reporte ───────────────────────────────────────────────── */
.asmt-report .report-fr-footer{
  margin-top:48px;padding-top:26px;border-top:1px solid #e2e5ea;text-align:center;
  font-size:.75rem;line-height:1.7;color:#8590a1;
}
.asmt-report .report-fr-footer p{ margin:2px 0; }
.asmt-report .report-fr-footer .report-fr-footer-note{ margin-top:10px;max-width:52ch;margin-inline:auto; }

@media(max-width:767px){
  .asmt-report .report-signals--4,
  .asmt-report .report-signals,
  .asmt-report .report-roadmap-grid,
  .asmt-report .report-picks-grid,
  .asmt-report .report-fr-roadmap-callouts{ grid-template-columns:1fr; }
}
@media(max-width:767px){
  .asmt-report .report-score strong{ font-size:3.625rem; }
  .asmt-report .report-brand{ font-size:1.5rem; }
  .asmt-report .report-section{ margin-top:16px;padding:24px 20px 28px; }
  .asmt-report .report-fr-hero{ padding:28px 20px 26px; }
  .asmt-report .report-fr-insight-card{ padding:22px 20px; }
  .asmt-report .report-fr-footer{ margin-top:28px; }
  .asmt-report .report-fr-hero h1{ font-size:1.75rem; }
  .asmt-report .report-section h2{ font-size:1.375rem; }
}

/* ── Pantalla de confirmación (post-envío) ─────────────────────────────── */
.asmt-confirm{ text-align:center; }
.asmt-confirm .asmt-confirm-icon{
  width:56px;height:56px;margin:0 auto 22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#eaf7ef;color:#1f8a53;
}
.asmt-confirm .asmt-confirm-icon svg{ width:26px;height:26px; }
.asmt-confirm .asmt-confirm-icon-warn{ display:none; }
.asmt-confirm .asmt-btn{ margin-top:30px; }
/* Tres estados mutuamente excluyentes — cada uno oculto por defecto y
   mostrado SOLO cuando el estado correspondiente está activo en la pantalla,
   para que nunca se vean dos mensajes de correo a la vez. */
.asmt-confirm .asmt-confirm-status{ display:none; }
.asmt-confirm .asmt-confirm-status--sent{
  margin-top:14px;font-size:.9375rem;font-weight:500;color:#111c30;
}
.asmt-confirm .asmt-confirm-status--disabled,
.asmt-confirm .asmt-confirm-status--error{
  margin-top:18px;padding:14px 18px;border-radius:10px;
  font-size:.8125rem;line-height:1.6;text-align:left;
}
.asmt-confirm .asmt-confirm-status--disabled{ background:#f1f3f8;color:#454f66; }
.asmt-confirm .asmt-confirm-status--error{ background:#fbeceb;color:#8f3b34; }
.asmt-confirm.is-email-sent .asmt-confirm-status--sent{ display:block; }
.asmt-confirm.is-email-disabled .asmt-confirm-status--disabled{ display:block; }
.asmt-confirm.has-email-error .asmt-confirm-status--error{ display:block; }
.asmt-confirm.has-email-error .asmt-confirm-icon{ background:#fbeceb;color:#8f3b34; }
.asmt-confirm.has-email-error .asmt-confirm-icon-ok{ display:none; }
.asmt-confirm.has-email-error .asmt-confirm-icon-warn{ display:block; }
.asmt-confirm.is-email-disabled .asmt-confirm-icon{ background:#f1f3f8;color:#454f66; }
.asmt-confirm .asmt-confirm-retry{
  margin-top:10px;background:none;border:0;padding:0;color:#175aab;
  font:500 .75rem/1.4 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}