/* ============================================================
   Neurya · diagnostico.css — "Lectura rápida de madurez IA".
   Solo aplica a /diagnostico/. Usa los tokens de tokens/*.css:
   ni un color ni una tipografía se define aquí a mano.
   Fondo Papel (sección clara), igual que el formulario de Contacto.
   ============================================================ */

.dg {
  position: relative;
  overflow: hidden;
  background: var(--papel);
  min-height: 76vh;
}

/* La misma retícula tenue que usan las secciones claras del sitio. */
.dg-reticula {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(33, 83, 130, 0.06) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(90deg, rgba(33, 83, 130, 0.06) 1px, transparent 1px) 0 0 / 56px 56px;
  pointer-events: none;
}

.dg-wrap {
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 72px 32px 88px;
}

.dg-pane[hidden] { display: none; }

/* ---------- tipografía base de la herramienta ---------- */
.dg-eyebrow {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--azul-acero);
  margin: 0 0 14px;
}

.dg h1 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 44px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--tinta);
  margin: 0;
}

.dg h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--tinta);
  margin: 0;
}
.dg h2:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 6px; border-radius: 4px; }

.dg h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--azul-acero);
  margin: 0 0 14px;
}

.dg p {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--tinta-2);
  overflow-wrap: break-word;
}

/* ---------- pantalla 0 · entrada ---------- */
.dg-intro-lead { font-size: 18px; margin: 18px 0 0; max-width: 620px; }

.dg-senales {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dg-senales li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--tinta-2);
}
.dg-tick {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border-radius: 999px;
  background: rgba(33, 83, 130, 0.08);
  border: 1px solid rgba(33, 83, 130, 0.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--azul-acero);
}
.dg-tick svg { width: 12px; height: 12px; }

/* ---------- botón principal ---------- */
.dg-btn,
.dg-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  padding: 15px 30px;
  margin-top: 34px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--cyan);
  color: var(--navy-base);
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.2s;
}
.dg-btn:hover,
.dg-cta:hover { transform: translateY(-2px); box-shadow: var(--shadow-light-md); color: var(--navy-base); }
.dg-btn:focus-visible,
.dg-cta:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
.dg-cta { width: 100%; margin-top: 8px; }

/* ---------- barra de avance ---------- */
.dg-avance {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 30px;
}
.dg-pista {
  flex: 1 1 auto;
  height: 6px;
  border-radius: 999px;
  background: rgba(33, 83, 130, 0.12);
  overflow: hidden;
}
.dg-barra {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: var(--cyan);
  transition: width 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.dg-paso-n-total {
  flex: 0 0 auto;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--tinta-3);
  font-variant-numeric: tabular-nums;
}

.dg-mitad {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--tinta-3);
  margin: 0 0 18px;
}
.dg-mitad[hidden] { display: none; }

.dg-sub { font-size: 15px; color: var(--tinta-3); margin: 12px 0 0; }
.dg-sub[hidden] { display: none; }

/* ---------- opciones ---------- */
.dg-opciones {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 28px;
}
.dg-opt {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 16px 20px;
  text-align: left;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.45;
  color: var(--tinta);
  background: var(--blanco);
  border: 1px solid var(--linea);
  border-radius: 12px;
  cursor: pointer;
  overflow-wrap: break-word;
  transition: border-color 0.16s, transform 0.16s, box-shadow 0.16s;
}
.dg-opt:hover {
  border-color: var(--azul-acero);
  transform: translateY(-1px);
  box-shadow: var(--shadow-light-sm);
}
.dg-opt:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.dg-opt[aria-pressed="true"] {
  border-color: var(--azul-acero);
  box-shadow: inset 3px 0 0 var(--cyan);
}

.dg-atras {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  min-width: 44px;
  margin-top: 26px;
  padding: 10px 14px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14px;
  color: var(--tinta-3);
  background: none;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
}
.dg-atras:hover { color: var(--azul-acero); border-color: var(--linea); }
.dg-atras:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.dg-atras[hidden] { display: none; }

/* ---------- pantalla del correo ---------- */
.dg-form {
  position: relative;
  overflow: hidden;
  background: var(--blanco);
  border: 1px solid var(--linea);
  border-radius: 14px;
  box-shadow: var(--shadow-light-lg);
  padding: 32px;
  margin-top: 26px;
}
.dg-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 3px;
  background: var(--cyan);
}
.dg-campos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.dg-campo { display: flex; flex-direction: column; gap: 6px; }
.dg-campo-ancho { grid-column: 1 / -1; }
.dg-campo > span {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--tinta);
}
.dg-campo input,
.dg-campo select {
  min-height: 48px;
  width: 100%;
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--tinta);
  background: var(--blanco);
  border: 1px solid var(--linea);
  border-radius: 10px;
  padding: 12px 14px;
  outline: none;
}
/* "opcional" al lado de la etiqueta: que se lea antes de teclear, no después. */
.dg-opcional {
  font-family: var(--font-body);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: var(--tinta-3);
}
.dg-campo input:focus-visible,
.dg-campo select:focus-visible { border-color: var(--azul-acero); outline: 3px solid var(--focus-ring); outline-offset: 1px; }
/* El select arranca en la opción vacía: que no parezca ya elegida. */
.dg-form select:required:invalid { color: var(--tinta-3); }
.dg-form select option { color: var(--tinta); }
.dg-form select option[value=""] { color: var(--tinta-3); }

.dg-aviso { font-size: 13px; color: var(--tinta-3); margin: 14px 0 0; }
/* El enlace del aviso es el único texto tocable de esta pantalla: se le da
   el área táctil de 44px sin sacarlo del párrafo. */
.dg-aviso a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 4px;
  color: var(--azul-acero);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.dg-aviso a:hover { color: var(--azul-medio); }
.dg-aviso a:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; border-radius: 4px; }
.dg-msg { margin-top: 14px; font-family: var(--font-body); font-size: 14px; line-height: 1.5; }

/* ---------- pantalla de resultado ---------- */
.dg-res-cab { border-bottom: 1px solid var(--linea); padding-bottom: 28px; }
.dg-res-num {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 56px;
  line-height: 1;
  color: var(--azul-acero);
  margin: 0 0 10px;
  font-variant-numeric: tabular-nums;
}
.dg-res-nivel { margin: 0 0 12px; }
.dg-res-desc { margin: 0; }
.dg-res-brecha {
  margin: 16px 0 0;
  font-size: 16px;
  color: var(--tinta);
  border-left: 3px solid var(--cyan);
  padding-left: 14px;
}

.dg-res-bloque { margin-top: 40px; }
.dg-res-bloque p { margin: 0 0 12px; }
.dg-res-bloque p:last-child { margin-bottom: 0; }

.dg-dims { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.dg-dim {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  background: var(--blanco);
  border: 1px solid var(--linea);
  border-radius: 10px;
}
.dg-dim-nom { font-family: var(--font-body); font-size: 16px; color: var(--tinta); }
.dg-dim-est {
  flex: 0 0 auto;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 999px;
}
.dg-dim[data-estado="firme"] .dg-dim-est { background: rgba(29, 158, 99, 0.12); color: var(--exito); }
.dg-dim[data-estado="medio"] .dg-dim-est { background: rgba(33, 83, 130, 0.10); color: var(--azul-acero); }
.dg-dim[data-estado="freno"] .dg-dim-est { background: rgba(199, 122, 24, 0.14); color: var(--alerta); }
.dg-dim[data-estado="freno"] { border-color: rgba(199, 122, 24, 0.35); }

.dg-res-freno p { font-size: 18px; color: var(--tinta); }
.dg-res-freno2 { color: var(--tinta-2) !important; font-size: 16px !important; }
.dg-res-nota {
  font-size: 15px !important;
  color: var(--tinta-2) !important;
  background: rgba(33, 83, 130, 0.05);
  border-left: 3px solid var(--azul-acero);
  padding: 12px 14px;
  border-radius: 0 8px 8px 0;
}

.dg-plan { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.dg-paso {
  display: flex;
  gap: 14px;
  padding: 20px;
  background: var(--blanco);
  border: 1px solid var(--linea);
  border-radius: 12px;
}
.dg-paso-n {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 14px;
  background: rgba(33, 83, 130, 0.08);
  color: var(--azul-acero);
}
.dg-paso-cuerpo { min-width: 0; }
.dg-paso-cuerpo p { font-size: 16px; }
.dg-paso-resp { font-size: 14px !important; color: var(--tinta-3) !important; }
.dg-paso-servicio { border-color: rgba(33, 83, 130, 0.35); box-shadow: var(--shadow-light-sm); }
.dg-paso-servicio .dg-paso-n { background: var(--cyan); color: var(--navy-base); }
.dg-paso-serv {
  font-family: var(--font-display) !important;
  font-weight: 700;
  font-size: 18px !important;
  color: var(--tinta) !important;
}

.dg-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 16px;
  color: var(--azul-acero);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.dg-link:hover { color: var(--azul-medio); }
.dg-link:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; border-radius: 4px; }

.dg-res-pie {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--linea);
  font-size: 14px !important;
  color: var(--tinta-3) !important;
}

/* La región viva solo existe para los lectores de pantalla. */
.dg-live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ---------- móvil ---------- */
@media (max-width: 760px) {
  .dg-wrap { padding-top: 48px; padding-bottom: 64px; }
  .dg h2 { font-size: 24px; }
  .dg-res-num { font-size: 46px; }
  .dg-campos { grid-template-columns: 1fr; }
  .dg-form { padding: 22px; }
  .dg-opt { font-size: 15px; padding: 15px 16px; }
  .dg-dim { flex-direction: column; align-items: flex-start; gap: 8px; }
  .dg-res-freno p { font-size: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .dg-btn, .dg-cta, .dg-opt, .dg-barra { transition: none; }
  .dg-btn:hover, .dg-cta:hover, .dg-opt:hover { transform: none; }
}

/* ---------- eco del contexto en la pantalla del correo ---------- */
.dg-contexto-eco {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 18px 0 0;
  font-size: 14px;
  color: var(--text-muted);
}
.dg-eco-editar {
  min-height: 32px;
  padding: 4px 12px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--azul-acero);
  background: transparent;
  border: 1px solid var(--linea-navy);
  border-radius: 99px;
  cursor: pointer;
}
.dg-eco-editar:hover { border-color: var(--azul-acero); }
.dg-eco-editar:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }

/* ---------- identidad del documento ---------- */
.dg-res-marca { display: none; }          /* solo al imprimir */
.dg-res-ident {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 0 0 22px;
  font-size: 14px;
  color: var(--text-muted);
}
.dg-res-ident-fecha { color: var(--tinta-3); }
.dg-solo-impresion { display: none; }

/* ---------- análisis público de la empresa ---------- */
.dg-res-ia[hidden] { display: none; }
.dg-ia-intro, .dg-ia-esperando { color: var(--text-muted); font-size: 15px; }
.dg-ia-esperando { font-style: italic; }
.dg-ia-vacio {
  padding: 16px 18px;
  border-left: 3px solid var(--linea-navy);
  color: var(--text-muted);
  font-size: 15px;
}
.dg-ia-bloque { margin-top: 18px; }
.dg-ia-bloque h4 {
  margin: 0 0 6px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.01em;
  color: var(--azul-acero);
}
.dg-ia-lista { margin: 0; padding-left: 20px; }
.dg-ia-lista li { margin-bottom: 6px; }
.dg-ia-hueco, .dg-ia-nota { font-size: 13.5px; color: var(--tinta-3); }
.dg-ia-nota { margin-top: 16px; }
.dg-ia-fuentes-tit {
  margin: 18px 0 6px !important;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--tinta-3);
}
.dg-ia-fuentes { margin: 0; padding-left: 20px; font-size: 13.5px; }
.dg-ia-fuentes li { margin-bottom: 4px; word-break: break-word; }

/* El paso que le toca a quien está leyendo se marca, sin cambiar el texto. */
.dg-paso-resp-tuyo { color: var(--azul-acero) !important; font-weight: 600; }

/* ---------- acciones del resultado ---------- */
.dg-res-acciones { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 34px; }
.dg-res-acciones .dg-cta { margin-top: 0; }
.dg-cta-2 {
  background: transparent;
  border-color: var(--azul-acero);
  color: var(--azul-acero);
}
.dg-cta-2:hover { background: rgba(84, 200, 245, 0.08); color: var(--azul-acero); }
@media (max-width: 760px) {
  .dg-res-acciones { grid-template-columns: 1fr; }
}

/* ============================================================
   Impresión · "Descargar en PDF" es window.print() y esta hoja.
   Sin librería: el texto sale seleccionable y buscable, la
   tipografía es la real y no hay un megabyte de JavaScript que
   rasterice la página para volverla una imagen dentro de un PDF.
   ============================================================ */
@media print {
  /* Fuera todo lo que no es el diagnóstico: barra superior (el primer hijo
     sticky que inyecta el SSI), pie, widget de voz y buscador. */
  #root > div > div:first-child,
  footer,
  sophia-voice,
  [data-buscador],
  .dg-reticula { display: none !important; }

  /* Inter es una fuente VARIABLE (`font-weight: 100 900` en tokens/fonts.css).
     Chrome no sabe embeber un peso interpolado en un PDF, así que dibuja cada
     letra como un procedimiento Type3: el resultado se ve idéntico pero el
     texto deja de ser texto (no se selecciona bien, no se busca, no lo lee un
     lector de pantalla). Al imprimir usamos Sora, que sí está instalada por
     peso (300 a 800, archivos estáticos), así que el PDF sale con fuentes
     reales embebidas. Es además la tipografía de titulares de la marca, así
     que el documento no pierde identidad: la gana. */
  .dg, .dg * { font-family: 'Sora', 'Verdana', system-ui, sans-serif !important; }

  html, body {
    background: #fff !important;
    color: #14161c !important;
    font-size: 10pt;
    line-height: 1.5;
    font-family: 'Sora', 'Verdana', system-ui, sans-serif !important;
  }
  /* Solo los pesos que existen como archivo: 300, 400, 500, 600, 700, 800.
     Los textos bilingües viven dentro de un <span>, así que el span hereda:
     forzarlo a 400 dejaría todos los titulares en peso de párrafo. */
  .dg span { font-weight: inherit !important; }
  .dg p, .dg li, .dg a { font-weight: 400 !important; }
  /* Los que sí llevan peso se escriben con la misma especificidad que la
     regla de arriba (elemento + clase), o esa se los come. */
  .dg h3, .dg h4,
  .dg p.dg-paso-serv, .dg p.dg-paso-resp-tuyo, .dg span.dg-dim-est { font-weight: 600 !important; }
  .dg h2 { font-weight: 700 !important; }
  .dg p.dg-res-num, .dg p.dg-res-marca-nom, .dg span.dg-paso-n { font-weight: 800 !important; }
  .dg { background: #fff !important; }
  .dg-wrap { padding: 0 !important; max-width: none !important; }

  /* Las pantallas que no son el resultado no se imprimen nunca. */
  .dg-pane[data-pane="intro"],
  .dg-pane[data-pane="contexto"],
  .dg-pane[data-pane="pregunta"],
  .dg-pane[data-pane="correo"] { display: none !important; }

  /* Botones y enlaces de acción: el papel no tiene dónde hacer clic. */
  .dg-res-acciones, .dg-btn, .dg-atras, .dg-eco-editar { display: none !important; }

  .dg-solo-impresion { display: block !important; }

  /* Encabezado de la hoja. */
  .dg-res-marca {
    display: flex !important;
    align-items: baseline;
    gap: 12px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 2px solid #14161c;
  }
  .dg-res-marca-nom {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 15pt;
    letter-spacing: 0.14em;
    color: #14161c !important;
  }
  .dg-res-marca-doc { margin: 0; font-size: 10pt; color: #55606f !important; }
  .dg-res-ident { color: #55606f !important; font-size: 9.5pt; margin-bottom: 12px !important; }
  .dg-res-ident-fecha { color: #55606f !important; }

  /* Todo el texto en tinta oscura: el diseño en pantalla es sobre navy. */
  .dg h2, .dg h3, .dg h4, .dg p, .dg li, .dg span, .dg a {
    color: #14161c !important;
    text-shadow: none !important;
  }
  .dg-res-num {
    font-size: 34pt !important;
    line-height: 1 !important;
    color: #0b7ea8 !important;
    -webkit-text-fill-color: #0b7ea8 !important;
    background: none !important;
  }
  .dg-res-nivel { font-size: 17pt !important; margin-top: 2px !important; }
  .dg-res-bloque h3 { font-size: 13pt !important; }
  .dg-res-cab { margin-bottom: 8px; }

  /* Nada partido a la mitad, pero al nivel correcto: lo atómico es el paso,
     la dimensión y el bloque de análisis, NO la sección entera. Poner
     `avoid` en la sección completa empuja el plan de 90 días a la hoja
     siguiente y deja media página en blanco. */
  .dg-res-cab,
  .dg-paso,
  .dg-dim,
  .dg-ia-bloque,
  .dg-res-pie { break-inside: avoid; page-break-inside: avoid; }
  .dg-res-bloque h3 { break-after: avoid; page-break-after: avoid; }
  .dg-res-bloque { margin-top: 15px !important; }

  /* Las dimensiones caben en dos columnas y ahorran media hoja. */
  .dg-dims { display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px 24px; }
  .dg-dim {
    border-color: #d7dce4 !important;
    background: none !important;
    padding: 6px 0 !important;
  }

  .dg-paso { break-inside: avoid; page-break-inside: avoid; }

  /* El anexo de fuentes públicas es el bloque más variable en largo: se
     imprime compacto para que el cierre no se vaya solo a una tercera hoja. */
  .dg-ia-bloque { margin-top: 10px !important; }
  .dg-ia-bloque h4 { font-size: 10pt !important; margin-bottom: 2px !important; }
  .dg-ia-intro, .dg-ia-lista, .dg-ia-fuentes, .dg-ia-bloque p { font-size: 9.5pt !important; }
  .dg-ia-lista li, .dg-ia-fuentes li { margin-bottom: 2px !important; }
  .dg-ia-fuentes-tit { margin: 10px 0 4px !important; }
  .dg-ia-nota { margin-top: 8px !important; font-size: 8.5pt !important; }
  .dg-ia-hueco { font-size: 8.5pt !important; }
  /* El cierre viaja junto: título, enlace, nota y firma. */
  .dg-res-acciones ~ .dg-res-pie { break-before: avoid; page-break-before: avoid; }
  .dg-paso-n { color: #0b7ea8 !important; background: none !important; border-color: #0b7ea8 !important; }
  .dg-paso-resp, .dg-ia-nota, .dg-ia-hueco, .dg-res-pie { color: #55606f !important; }

  /* En papel, un enlace sin su dirección es un callejón sin salida. Salvo
     cuando el texto del enlace YA es la dirección: ahí repetirla sobra. */
  .dg-ia-fuentes a:not(.dg-url-visible)::after { content: " (" attr(href) ")"; font-size: 8pt; color: #55606f; word-break: break-all; }
  .dg-link { text-decoration: none !important; }
  .dg-link::after { content: " → neurya.com" attr(href); display: block; font-size: 8pt; font-weight: 400; color: #55606f; }

  .dg-form, .dg-res-freno { box-shadow: none !important; }
}

@page {
  margin: 13mm 13mm;
}