/* =========================================================================
   ENEQUIP — Autodiagnóstico completo (autodiagnostico.html)
   Se apoya en styles.css: aquí solo va lo propio de esta página.
   ========================================================================= */

.ad-intro h1{max-width:18ch}
.cabecera__acciones{margin-left:auto}
#ad-form,#ad-resultado{scroll-margin-top:84px}
.ad-garantias{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.88rem;color:var(--texto-suave)}
.ad-garantias li{position:relative;padding-left:18px}
.ad-garantias li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:2px;background:var(--acento-tierra)}

.ad{max-width:860px;margin-inline:auto}
.ad-paso{min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:30px}
.ad-paso .preg{gap:16px;width:100%}
.ad-paso .preg__txt{font-size:clamp(1.04rem,1.8vw,1.24rem);line-height:1.42}
@media (prefers-reduced-motion: no-preference){
  .ad-paso .preg{animation:entra-preg .3s ease both}
}

/* Escala de cinco.
   Ya no son cinco palabras iguales para todas las preguntas: cada pregunta
   trae sus propias respuestas, y algunas son una frase. Por eso las cajas
   son más altas, el texto se alinea arriba y la fila se parte en una sola
   columna antes que antes: cinco frases en paralelo no se leen. */
.ad-escala--5{grid-template-columns:repeat(5,1fr);align-items:stretch}
.ad-escala--5 label{align-items:flex-start;min-height:74px;padding:13px 12px;text-wrap:pretty}
@media (max-width:900px){
  .ad-escala--5{grid-template-columns:1fr}
  .ad-escala--5 label{min-height:48px;align-items:center;justify-content:flex-start;text-align:left;padding-inline:16px}
}
/* Opciones con explicación (dónde habéis intervenido) */
.ad-escala--opciones{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ad-escala--opciones label{flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:4px;padding:13px 14px}
.ad-op__txt{font-weight:600;color:var(--texto)}
.ad-op__sub{font-size:.78rem;line-height:1.35;color:var(--texto-suave)}
.escala label.marcada .ad-op__txt,.escala label.marcada .ad-op__sub{color:#fff}
.ad-escala--pos{grid-template-columns:repeat(3,1fr)}
@media (max-width:620px){.ad-escala--pos{grid-template-columns:repeat(2,1fr)}}
.ad .btn[disabled]{opacity:.4;cursor:default}

/* ---------- Resultado ---------- */
.ad-res{
  max-width:860px;margin-inline:auto;
  border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);
  box-shadow:var(--sombra);overflow:hidden;
}
.ad-res[hidden]{display:none!important}
.ad-res__cabeza{padding:clamp(24px,4vw,44px) clamp(22px,4vw,44px) 8px;display:flex;flex-direction:column;gap:14px}
.ad-res__titular{
  font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,3.4vw,2.2rem);
  line-height:1.2;letter-spacing:-.01em;max-width:28ch;outline:none;
}
.ad-res__texto{font-size:1.04rem;max-width:62ch;color:var(--texto)}
.ad-res__bloque{padding:clamp(22px,3.4vw,34px) clamp(22px,4vw,44px);border-top:1px solid var(--borde);display:flex;flex-direction:column;gap:14px}
.ad-res__bloque h3{font-size:clamp(1.06rem,1.9vw,1.28rem)}
.ad-res__bloque[hidden]{display:none!important}

/* Contraste: dónde actuáis / dónde están las señales */
.ad-contraste{
  margin:18px clamp(22px,4vw,44px) 26px;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;
  padding:18px 20px;border-radius:var(--radio);background:var(--fondo-alt);border:1px solid var(--borde);
}
.ad-contraste__rot{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-suave)}
.ad-contraste__val{margin:4px 0 0;font-weight:700;font-size:1.12rem}
.ad-contraste__flecha{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--acento-tierra);text-align:center}
.ad-contraste[data-coincide="si"] .ad-contraste__flecha{color:var(--acento)}
@media (max-width:520px){
  .ad-contraste{grid-template-columns:1fr}
  .ad-contraste__flecha{text-align:left;font-size:1.5rem}
}

/* Corte: barras de la superficie a la profundidad */
.ad-corte{display:flex;flex-direction:column;gap:12px}
.ad-corte__nivel{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris-claro)}
.ad-barra{grid-template-columns:118px 1fr 48px;row-gap:3px}
.ad-barra .barra__riel{height:14px;border-radius:7px}
.ad-barra .barra__valor{display:block;width:0;border-radius:7px}
.ad-barra__banda{grid-column:2 / 4;font-size:.78rem;color:var(--texto-suave)}
.ad-barra[data-banda="alta"] .ad-barra__banda{color:var(--acento-tierra);font-weight:600}
.ad-barra[data-actuais="si"] .barra__nombre::after{content:" ●";color:var(--acento-tierra);font-size:.7em;vertical-align:.15em}
@media (max-width:560px){.ad-barra{grid-template-columns:92px 1fr 44px}}
.ad-leyenda{margin:4px 0 0;font-size:.8rem;color:var(--texto-suave)}

/* Señales más fuertes */
.ad-senales{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ad-senales li{display:flex;flex-direction:column;gap:3px;padding-left:16px;border-left:4px solid var(--azul-cielo)}
.ad-senales li[data-capa="liderazgo"]{border-color:var(--azul)}
.ad-senales li[data-capa="equipo"]{border-color:var(--azul-medio)}
.ad-senales li[data-capa="organizacion"]{border-color:var(--azul-hondo)}
.ad-senal__capa{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-suave)}
.ad-senal__txt{font-size:.98rem;line-height:1.45}
/* Con preguntas, la señal necesita además la respuesta: «¿Está claro qué es
   lo importante este año?» no dice nada sin el «compiten entre sí y nadie
   elige» que se eligió debajo. */
.ad-senal__resp{font-size:.92rem;line-height:1.4;font-weight:600;color:var(--acento-tierra)}

.ad-explorar__preg{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.12rem,2vw,1.36rem);line-height:1.38}
.ad-explorar p{margin:0;max-width:62ch}

.ad-preguntas{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:8px}

.ad-contrastar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;background:var(--fondo-alt)}
.ad-contrastar > div:first-child{flex:1 1 380px;display:flex;flex-direction:column;gap:8px}
.ad-contrastar p{margin:0;color:var(--texto-suave);max-width:60ch}
.ad-contrastar__accion{display:flex;align-items:center;gap:12px}
.ad-copiado{font-size:.84rem;color:var(--acento)}

/* Laboratorio */
.ad-lab{
  background:var(--tinta);color:#F2EDE6;padding:clamp(26px,4vw,44px);
  display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:26px;align-items:end;
}
.ad-lab .rotulo{color:var(--azul-cielo)}
.ad-lab h3{color:#FFFDF9;font-size:clamp(1.18rem,2.3vw,1.56rem);max-width:30ch}
.ad-lab p{margin:0;color:#B7C6D0;max-width:60ch}
.ad-lab .ad-lab__meta{color:var(--arcilla);font-weight:700;font-size:.9rem;letter-spacing:.02em}
.ad-lab__acciones{display:flex;flex-direction:column;gap:10px}
@media (max-width:760px){.ad-lab{grid-template-columns:1fr}.ad-lab__acciones{flex-direction:row;flex-wrap:wrap}}

.ad-informe{border:0;border-radius:0;box-shadow:none;border-top:1px solid var(--borde)}

.ad-res__pie{
  padding:20px clamp(22px,4vw,44px);border-top:1px solid var(--borde);background:var(--fondo-alt);
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
}
.ad-res__pie p{margin:0;font-size:.82rem;color:var(--texto-suave);max-width:60ch}
.ad-solo-impresion{display:none}

/* ---------- Informe impreso / PDF ---------- */
@media print{
  @page{margin:14mm 14mm 16mm}
  html,body{background:#fff!important;color:#10262C!important;font-size:11pt}
  .cabecera,.pie,.saltar,.ad-intro,#ad-form,.ad-informe,.ad-lab__acciones,.ad-contrastar__accion,#ad-repetir{display:none!important}
  .seccion{padding:0!important}
  .ad-res{border:0;box-shadow:none;max-width:none}
  .ad-res__cabeza,.ad-res__bloque{padding:10pt 0!important}
  .ad-contraste{margin:6pt 0 10pt!important;background:#F0F8FA!important}
  .ad-res__bloque,.ad-contrastar{background:#fff!important;break-inside:avoid}
  .ad-lab{background:#fff!important;color:#10262C;border:1.5pt solid #185F70;padding:12pt!important;break-inside:avoid}
  .ad-lab h3,.ad-lab p{color:#10262C!important}
  .ad-lab .rotulo,.ad-lab .ad-lab__meta{color:#185F70!important}
  .ad-res__pie{background:#fff!important;padding:8pt 0!important}
  .barra__riel{background:#F0F8FA!important;border-color:#D6E8EC!important}
  .barra__valor,.ad-contraste,.ad-senales li{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .barra[data-capa="persona"] .barra__valor{background:#A8DAE3!important}
  .barra[data-capa="liderazgo"] .barra__valor{background:#2EA5B5!important}
  .barra[data-capa="equipo"] .barra__valor{background:#1880A1!important}
  .barra[data-capa="organizacion"] .barra__valor{background:#185F70!important}
  .ad-solo-impresion{display:block;margin-top:10pt;font-size:9pt;color:#5E6B74}
  a{text-decoration:none}
}

/* Paleta de la v4: las cuatro capas con los cuatro colores del isotipo */
.ad-barra[data-capa="persona"] .barra__valor{background:var(--azul-cielo);box-shadow:inset 0 0 0 1px var(--azul)}
.ad-barra[data-capa="liderazgo"] .barra__valor{background:var(--azul)}
.ad-barra[data-capa="equipo"] .barra__valor{background:var(--azul-medio)}
.ad-barra[data-capa="organizacion"] .barra__valor{background:var(--azul-hondo)}
.ad-res__titular{font-family:var(--sans);font-weight:700}
.ad-lab .ad-lab__meta{color:var(--azul-cielo)}