/* ═══════════════════════════════════════════════════════════════════════════
   /auditoria/empieza/ — el embudo de la auditoría (18-oct-2026).
   Tarjetas que pasan de izquierda a derecha sobre el papel crema. Sistema de Jones: serif en los
   titulares, Anton solo en las cifras, un acento naranja por tarjeta, carbón para la reserva.
   ═══════════════════════════════════════════════════════════════════════════ */

.au{--au-ancho:720px;padding:0 0 clamp(48px,8vw,96px);min-height:70vh}

/* ── La barra de arriba: atrás · fase y progreso · empezar de cero ── */
.au-barra{position:sticky;top:64px;z-index:20;background:rgba(251,246,240,.94);backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--papel-borde)}
.au-barra-in{max-width:calc(var(--au-ancho) + 2*var(--gutter));margin:0 auto;padding:12px var(--gutter);
  display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center}
.au-atras{width:40px;height:40px;border-radius:50%;border:1px solid var(--papel-borde);background:#fff;cursor:pointer;
  font:600 18px/1 var(--font-sans);color:var(--carbon);transition:background .15s}
.au-atras:hover{background:var(--crema-2)}
.au-atras[hidden]{display:block;visibility:hidden}
.au-progreso{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}
.au-fase{font:700 11.5px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);white-space:nowrap}
.au-linea{height:4px;border-radius:999px;background:var(--crema-2);overflow:hidden}
.au-linea i{display:block;height:100%;width:0;background:var(--naranja);border-radius:inherit;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.au-cuenta{font:600 12.5px/1 var(--font-sans);color:var(--tinta-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.au-cero{border:0;background:none;font:600 13px var(--font-sans);color:var(--tinta-3);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.au-cero:hover{color:var(--naranja-sobre-claro)}

/* ── La pista: una tarjeta a la vista; la que entra y la que sale se cruzan ── */
.au-pista{position:relative;max-width:calc(var(--au-ancho) + 2*var(--gutter));margin:0 auto;padding:clamp(24px,4vw,44px) var(--gutter) 0;overflow:hidden}
.au-carta{position:relative;background:#fff;border:1px solid var(--papel-borde);border-radius:16px;
  padding:clamp(24px,4.4vw,44px);box-shadow:0 1px 0 rgba(51,61,64,.04),0 18px 40px -24px rgba(38,46,49,.28);
  transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .38s ease;will-change:transform}
.au-carta[hidden]{display:none}
.au-carta.sale{position:absolute;top:clamp(24px,4vw,44px);left:var(--gutter);right:var(--gutter);pointer-events:none}
.au-carta.a-der{transform:translateX(calc(100% + 40px));opacity:0}
.au-carta.a-izq{transform:translateX(calc(-100% - 40px));opacity:0}
@media (prefers-reduced-motion:reduce){.au-carta{transition:opacity .2s}.au-carta.a-der,.au-carta.a-izq{transform:none}}

.au-kick{font:700 12px/1.3 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--naranja-sobre-claro);margin-bottom:12px}
.au-h{font-family:var(--font-serif);font-weight:700;font-size:clamp(25px,3.6vw,36px);line-height:1.15;letter-spacing:-.01em;color:var(--tinta);max-width:600px}
.au-h em{font-style:normal;color:var(--naranja-sobre-claro)}
.au-lead{font-size:clamp(16px,1.6vw,18px);line-height:1.55;color:var(--tinta-2);margin:12px 0 22px;max-width:580px}
.au-lead b{color:var(--tinta)}
.au-sub{display:block;font:600 15px var(--font-sans);margin:22px 0 8px}

/* ── 1 · La caja de su Substack ── */
.au-busca{display:flex;gap:10px;flex-wrap:wrap}
.au-busca input{flex:1 1 260px;min-width:0;height:56px;border:1.5px solid var(--papel-borde);border-radius:var(--radio-sm);
  padding:0 16px;font:500 17px var(--font-sans);color:var(--tinta);background:var(--crema)}
.au-busca input:focus{outline:none;border-color:var(--naranja);background:#fff}
.au-busca .btn{height:56px}
.au-encontrado:empty{display:none}
.au-encontrado{margin-top:18px}
.au-cargando{display:flex;align-items:center;gap:10px;color:var(--tinta-3);font-size:15px}
.au-cargando::before{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid var(--crema-2);border-top-color:var(--naranja);animation:au-gira .8s linear infinite}
@keyframes au-gira{to{transform:rotate(360deg)}}
.au-pub{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;background:var(--crema);border:1px solid var(--papel-borde);
  border-radius:var(--radio-md);padding:14px 16px;animation:au-asoma .35s ease}
@keyframes au-asoma{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.au-pub img,.au-pub .au-ini{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--carbon);color:#fff;
  display:grid;place-items:center;font:400 26px/1 var(--font-display)}
.au-pub b{display:block;font-family:var(--font-serif);font-size:19px;line-height:1.25;overflow-wrap:anywhere}
.au-pub span{display:block;font-size:14px;color:var(--tinta-3);margin-top:2px;overflow-wrap:anywhere}
.au-pub a{color:var(--naranja-sobre-claro);font-weight:600;text-decoration:none}
.au-pub a:hover{text-decoration:underline}
.au-pregunta{font-family:var(--font-serif);font-weight:700;font-size:20px;margin:18px 0 12px}
.au-si-no{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.au-ok{display:inline-flex;align-items:center;gap:8px;font:700 14px var(--font-sans);color:#2f7a3b;margin:14px 0 4px}
.au-cands{list-style:none;display:grid;gap:10px;margin-top:12px}
.au-cands .au-pub{grid-template-columns:56px minmax(0,1fr) auto}
.au-fallo{background:#fff6f0;border:1px solid var(--naranja-border,rgba(255,103,25,.35));border-radius:var(--radio-sm);padding:14px 16px;font-size:15px;color:var(--tinta)}
.au-promesa{list-style:none;display:grid;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid var(--papel-borde)}
.au-promesa li{position:relative;padding-left:26px;font-size:15px;color:var(--tinta-2)}
.au-promesa li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:3px;background:var(--carbon)}
.au-promesa b{color:var(--tinta)}

/* ── Opciones grandes (cobras, tiempo, sí/no) ── */
.au-opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px}
.au-opciones.grande{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.au-opciones button{min-height:58px;border:1.5px solid var(--papel-borde);border-radius:var(--radio-md);background:var(--crema);
  padding:14px 18px;text-align:left;font:600 16px/1.3 var(--font-sans);color:var(--tinta);cursor:pointer;
  transition:border-color .15s,background .15s,transform .15s}
.au-opciones button:hover{border-color:var(--carbon);background:#fff}
.au-opciones button:active{transform:scale(.99)}
.au-opciones button.on{border-color:var(--naranja);background:#fff;box-shadow:inset 0 0 0 1px var(--naranja)}
.au-opciones.grande button{min-height:96px}
.au-opciones.grande b{display:block;font-family:var(--font-serif);font-size:21px}
.au-opciones.grande span{display:block;font-weight:400;font-size:14px;color:var(--tinta-3);margin-top:4px}

/* ── Archivos ── */
.au-abre{margin-bottom:18px}
.au-abre[aria-disabled]{opacity:.5;pointer-events:none}
.au-pasos{margin:16px 0 4px 20px;display:grid;gap:8px;font-size:15.5px;color:var(--tinta-2)}
.au-pasos b{color:var(--tinta)}
.au-chips-col{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.au-chips-col span{font:600 12.5px/1 var(--font-sans);padding:7px 10px;border-radius:999px;background:var(--crema-2);color:var(--carbon)}
.au-movil{background:var(--crema);border-left:3px solid var(--naranja);border-radius:var(--radio-sm);padding:12px 14px;font-size:14.5px;margin-bottom:16px}
.au-movil[hidden]{display:none}
.au-copia{border:0;background:none;font:700 14.5px var(--font-sans);color:var(--naranja-sobre-claro);text-decoration:underline;cursor:pointer;padding:0}

.au-suelta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-top:20px;
  min-height:96px;border:2px dashed rgba(51,61,64,.25);border-radius:var(--radio-md);background:var(--crema);cursor:pointer;
  text-align:center;padding:18px;transition:border-color .15s,background .15s}
.au-suelta:hover,.au-suelta.sobre{border-color:var(--naranja);background:#fff}
.au-suelta input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.au-suelta-txt{font-size:15px;color:var(--tinta-2)}
.au-suelta-txt b{color:var(--tinta)}
.au-suelta.listo{border-style:solid;border-color:#5f9a5b;background:#f2f8f0}
.au-suelta.listo .au-suelta-txt{display:none}
.au-suelta-ok{font:600 15px/1.4 var(--font-sans);color:#2f6b37}
.au-suelta-ok small{display:block;font-weight:500;color:var(--tinta-3);margin-top:2px}
.au-msg{font-size:14.5px;line-height:1.45;margin-top:10px;color:var(--tinta-2)}
.au-msg:empty{display:none}
.au-msg.ko,.au-err{color:#a3271f}
.au-msg.aviso{color:#8a4a00}

/* ── Preguntas ── */
.au-campo{display:block;width:100%;border:1.5px solid var(--papel-borde);border-radius:var(--radio-sm);padding:14px 16px;
  font:400 17px/1.5 var(--font-sans);color:var(--tinta);background:var(--crema);resize:vertical}
.au-campo:focus{outline:none;border-color:var(--naranja);background:#fff}

.au-nolose{margin-top:10px;border:0;background:none;padding:4px 0;font:600 14px var(--font-sans);color:var(--tinta-3);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.au-nolose:hover{color:var(--naranja-sobre-claro)}

.au-lista-posts{display:grid;gap:8px}
.au-lista-posts label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:11px 14px;border:1.5px solid var(--papel-borde);
  border-radius:var(--radio-sm);background:var(--crema);cursor:pointer;font-size:15px;line-height:1.4;transition:border-color .15s}
.au-lista-posts label:hover{border-color:var(--carbon)}
.au-lista-posts label.on{border-color:var(--naranja);background:#fff}
.au-lista-posts input{width:18px;height:18px;margin-top:2px;accent-color:var(--naranja)}
.au-lista-posts small{display:block;color:var(--tinta-3);font-size:12.5px}
.au-lista-posts textarea{grid-column:1/-1}

.au-acciones{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}
.au-sig[disabled]{background:var(--crema-2);color:var(--tinta-3);cursor:not-allowed}
.au-salta{border:0;background:none;font:600 14.5px var(--font-sans);color:var(--tinta-3);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.au-salta:hover{color:var(--carbon)}

/* ── La reserva (carbón) ── */

.au-micro{font-size:13px;line-height:1.5;color:var(--tinta-3);margin-top:12px;text-align:center}

/* ── Su nota ── */
.au-nota{display:flex;align-items:baseline;gap:6px}
.au-nota-n{font-family:var(--font-display);font-weight:400;font-size:clamp(84px,14vw,132px);line-height:.9;color:var(--carbon)}
.au-nota-n.baja{color:var(--naranja-sobre-claro)}
.au-nota span{font-family:var(--font-display);font-size:28px;color:var(--tinta-3)}
.au-nota-sub{color:var(--tinta-2);margin:8px 0 22px}
.au-areas{list-style:none;display:grid;gap:12px}
.au-areas li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:14px;padding:16px 18px;border:1px solid var(--papel-borde);border-radius:var(--radio-md);background:var(--crema)}
.au-areas li::before{content:"";width:14px;height:14px;border-radius:50%;margin-top:5px;background:#5f9a5b}
.au-areas li.regular::before{background:#e0a02a}
.au-areas li.mal::before{background:#c8352b}
.au-areas li.sin::before{background:var(--tinta-3)}
.au-areas h3{font:700 15px/1.3 var(--font-sans);margin-bottom:4px}
.au-areas p{font-size:15.5px;line-height:1.5;color:var(--tinta)}
.au-areas .tapado{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:14px;color:var(--tinta-3)}
.au-areas .tapado::before{content:"";flex:none;width:14px;height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' fill='%23646b6e'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2' fill='none' stroke='%23646b6e' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.au-tapa{margin-top:26px;background:var(--carbon-deep);color:var(--sobre-oscuro);border-radius:var(--radio-md);padding:clamp(22px,4vw,34px);text-align:center}
.au-tapa h3{font-family:var(--font-serif);font-weight:700;font-size:clamp(21px,2.6vw,26px);line-height:1.25;color:#fff}
.au-tapa h3 em{font-style:normal;color:var(--naranja)}
.au-tapa p{color:var(--sobre-oscuro-2);margin:10px auto 20px;max-width:440px}
.au-tapa .au-micro{color:var(--sobre-oscuro-2);margin:12px 0 0}

/* ════ El dibujo de «dónde pinchar»: una tarjeta de Jones con el panel recompuesto ════ */
.cap{margin:6px 0 4px;background:var(--carbon-deep);border-radius:var(--radio-md);padding:12px 12px 14px;color:var(--sobre-oscuro)}
.cap-cab{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px}
.cap-cab span{font:700 11px/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--naranja)}
.cap-cab img{height:14px;width:auto;opacity:.9}
.cap-win{background:#fff;border-radius:8px;overflow:hidden;color:#1d2426;font-family:var(--font-sans)}
.cap-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#eef0f1;border-bottom:1px solid #e1e4e5}
.cap-pt{display:flex;gap:5px}
.cap-pt i{width:9px;height:9px;border-radius:50%;background:#cfd4d6}
.cap-url{flex:1;min-width:0;background:#fff;border-radius:6px;padding:5px 10px;font:500 12px/1.2 var(--font-sans);color:#646b6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-url b{color:#1d2426;font-weight:700}
.cap-app{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:220px}
.cap-lado{background:#f7f7f7;border-right:1px solid #eceeee;padding:12px 10px;display:flex;flex-direction:column;gap:7px;font-size:11.5px;color:#4a5255}
.cap-lado .cap-abre{font-weight:700;color:#1d2426}
.cap-hijo{padding:4px 8px;border-radius:5px;margin-left:6px}
.cap-hijo.on{background:#e7e9ea;font-weight:700;color:#1d2426}
.cap-main{position:relative;padding:12px 14px 14px;min-width:0}
.cap-titulo{font:700 14px var(--font-sans);margin-bottom:10px}
.cap-tabs{display:flex;gap:3px;overflow:hidden;margin-bottom:12px;font-size:11px;color:#646b6e;white-space:nowrap;
  -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.cap-tabs span{padding:5px 7px;border-radius:5px}
.cap-tabs span.on{background:#1d2426;color:#fff;font-weight:700}
.cap-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 8px;font-size:13px}
.cap-h.tenue,.cap-graf.tenue{opacity:.35}
.cap-btns{display:flex;gap:6px;flex:none}
.cap-btn{position:relative;display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px solid #d9dddf;border-radius:6px;font-size:11.5px;font-weight:600;color:#1d2426;background:#fff;white-space:nowrap}
.cap-btn.naranja{background:#ff6719;border-color:#ff6719;color:#fff}
.cap-seg{display:flex;gap:2px;background:#f1f2f3;border-radius:6px;padding:2px;font-size:10.5px;overflow:hidden;min-width:0}
.cap-seg span{padding:4px 6px;border-radius:4px;white-space:nowrap;color:#646b6e}
.cap-seg span.on{background:#fff;color:#1d2426;font-weight:700}
.cap-pop{position:relative;margin:0 0 10px auto;background:#fff;border:1px solid #e1e4e5;border-radius:8px;box-shadow:0 10px 24px -10px rgba(0,0,0,.25);padding:6px}
.cap-pop-menu{width:max-content;min-width:150px}
.cap-pop-menu.bajo{margin-top:-4px}
.cap-item{position:relative;display:block;padding:7px 10px;border-radius:5px;font-size:12px;font-weight:600}
.cap-pop-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;padding:10px 12px;width:min(100%,380px)}
.cap-pop-col > b{grid-column:1/-1;font-size:11px;color:#646b6e;font-weight:600;margin-bottom:2px}
.cap-chk{position:relative;padding-left:18px;font-size:11px;line-height:1.35;color:#4a5255}
.cap-chk::before{content:"";position:absolute;left:0;top:1px;width:11px;height:11px;border:1.5px solid #b9c0c3;border-radius:3px}
.cap-chk.on{color:#1d2426;font-weight:600}
.cap-chk.on::before{background:#ff6719 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px no-repeat;border-color:#ff6719}
.cap-pie-pop{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #eceeee}
.cap-marca{position:absolute;left:-12px;top:34px}
.cap-filas{display:grid;gap:9px;margin-top:6px}
.cap-filas span{display:block;height:9px;width:var(--w);border-radius:4px;background:#eef0f1}
.cap-graf{display:flex;align-items:flex-end;gap:6px;height:84px;padding:6px 0 0;border-bottom:1px solid #eceeee;margin-bottom:8px}
.cap-graf.bajo{height:46px}
.cap-graf i{flex:1;height:var(--h);background:linear-gradient(#ffd6c1,#ffb48d);border-radius:3px 3px 0 0}
.cap-baja{font-size:11px;color:#646b6e;margin:2px 0 6px}
.cap-lista{display:grid;gap:6px;font-size:12px}
.cap-lista span{display:flex;justify-content:space-between;padding:7px 10px;background:#f7f7f7;border-radius:6px}
.cap-lista i{font-style:normal;font-weight:700}

/* Lo que se pulsa: aro naranja y su número. Uno late, para que el ojo vaya ahí. */
.cap .obj,.cap .obj-caja{box-shadow:0 0 0 2.5px #ff6719,0 0 0 6px rgba(255,103,25,.18);z-index:1}
.cap .obj-caja{position:relative;border-radius:6px;padding:6px 8px}
.cap .obj::after,.cap .obj-caja::after,.cap-marca::after{content:attr(data-n);position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;
  background:#ff6719;color:#fff;font:700 11.5px/20px var(--font-sans);text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.cap-marca::after{position:static;display:block}
.cap .obj[data-n="1"]{animation:cap-late 2.2s ease-in-out infinite}
@keyframes cap-late{0%,100%{box-shadow:0 0 0 2.5px #ff6719,0 0 0 6px rgba(255,103,25,.18)}50%{box-shadow:0 0 0 2.5px #ff6719,0 0 0 11px rgba(255,103,25,.06)}}
@media (prefers-reduced-motion:reduce){.cap .obj[data-n="1"]{animation:none}}

/* ── Móvil ── */
@media (max-width:640px){
  .au-barra{top:64px}
  .au-barra-in{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:10px var(--gutter)}
  .au-atras{width:36px;height:36px}
  .au-fase{display:none}
  .au-progreso{grid-template-columns:minmax(0,1fr) auto}
  .au-carta{border-radius:14px;padding:22px 18px}
  
  .cap-app{grid-template-columns:minmax(0,1fr)}
  .cap-lado{display:none}
  .cap-pop-col{grid-template-columns:minmax(0,1fr)}
  .au-acciones{justify-content:stretch}
  .au-acciones .au-sig{flex:1 1 100%}
  .au-acciones .au-salta{order:2;flex:1 1 100%;text-align:center}
  .au-busca .btn{flex:1 1 100%}
}

/* ════ Escritorio (18-oct-2026, Iván: «el bloque del texto más ancho… que se vea sin hacer scroll cuando sea
   posible»). Tarjeta ancha y, en las de archivos y en la reserva, dos columnas: lo que se lee y se hace a la
   izquierda; el dibujo (o el formulario) a la derecha. Lo de la derecha ocupa todas las filas de la rejilla
   más una última de 1fr: así, si es más alto que la columna de texto, el sobrante va a esa fila y no
   separa los bloques de la izquierda. En el móvil no cambia nada. ════ */
@media (min-width:980px){
  .au{--au-ancho:1080px}
  .au-pista{padding-top:24px}
  .au-carta{padding:34px 40px 36px}
  .au-carta:not(.au-dos):not(.au-carta-ancha) > *,
  .au-carta-ancha > :not(.au-areas):not(.au-tapa):not(.au-lleva):not(.au-ya){max-width:820px}
  .au-h{max-width:820px}
  .au-lead{margin:10px 0 18px;max-width:none}
  .au-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-rows:repeat(14,auto) 1fr;column-gap:44px}
  .au-dos > *{grid-column:1}
  .au-dos > .cap{grid-column:2;grid-row:1 / -1;align-self:start;margin:0}
  .au-dos .au-h{font-size:clamp(25px,2.4vw,31px)}
  .au-dos .au-suelta{min-height:84px;margin-top:14px}
  .au-dos .au-acciones{margin-top:18px}
  .au-dos .au-pasos{margin-top:4px}
  .au-dos .au-chips-col span{font-size:12px;padding:6px 9px}
  .cap-app{min-height:0}
  /* La reserva: las dos opciones a la izquierda; día, hora y datos a la derecha. */
  
  
  
  
  
  
  /* La nota: las áreas en dos columnas. */
  .au-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .au-areas li{padding:14px 16px}
  .au-promesa{margin-top:22px;padding-top:16px}
}
@media (min-width:980px){
  .au-pista{padding-top:16px}
  .au-carta{padding-top:30px}
  .au-dos .au-lead{font-size:16.5px}
  .au-dos .au-abre{margin-bottom:14px}
  /* Reserva: los 10 días en una fila. */
  
  
  
  
  
  
  
  /* Sus 3 mejores, en dos columnas. */
  .au-lista-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}
  .au-lista-posts label{padding:8px 12px;font-size:14px;line-height:1.3}
  .au-carta[data-id="q_mejores"] .au-campo{min-height:0}
  /* La nota: tres columnas y el cierre en horizontal. */
  .au-nota-n{font-size:96px}
  .au-nota-sub{margin:4px 0 16px}
  .au-areas{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .au-areas li{grid-template-columns:12px minmax(0,1fr);gap:10px;padding:13px 14px}
  .au-areas li::before{width:12px;height:12px}
  .au-areas p{font-size:14.5px;line-height:1.45}
  .au-areas .tapado{font-size:13px}
  /* El CTA: el gancho a la izquierda; a la derecha, la pregunta de invertir, el correo y el botón. */
  .au-tapa{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;gap:6px 36px;align-items:start;text-align:left;margin-top:18px;padding:26px 30px}
  .au-tapa{grid-template-rows:auto}
  .au-tapa .au-tapa-izq{grid-column:1}
  .au-tapa .au-tapa-resto{margin:6px 0 0;max-width:none}
  .au-tapa .au-pide{grid-column:2;grid-row:1;margin:0;max-width:none;align-self:center}
}
@media (min-width:980px){
  /* «Tus 3 mejores»: la pregunta a la izquierda, la lista de sus correos a la derecha. */
  .au-dos-lista{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .au-dos > .au-lista-posts{grid-column:2;grid-row:1 / -1;align-self:start;grid-template-columns:minmax(0,1fr);gap:5px}
  .au-dos .au-lista-posts label{padding:7px 12px}
  .au-dos .au-lista-posts small{display:inline;margin-left:8px}
  .au-dos-lista .au-sub{margin-top:8px}
  /* Reserva: unos píxeles menos de aire en la columna del formulario. */
  
  
  
  
  
  
}

/* ════ La muestra del informe en la primera tarjeta (18-oct-2026, Iván: «una captura tipo tarjeta de Jones con algo
   potente, un mockup de informe… que represente lo que va a obtener el lector»). Papel crema como las portadas de las
   guías, girado y con la sombra naranja. ⛔ Las cifras van TAPADAS (desenfocadas): enseña la forma del informe, no
   datos de nadie. El nombre de arriba pasa a ser el de SU newsletter en cuanto se reconoce. ════ */
.au-muestra{margin:28px auto 6px;max-width:420px;padding:0 10px 14px 0}
.mu-papel{position:relative;background:var(--crema);border:1px solid var(--papel-borde);border-radius:8px;padding:20px 22px 18px;
  box-shadow:12px 12px 0 var(--naranja),0 26px 50px -20px rgba(38,46,49,.45);transform:rotate(1.6deg);color:var(--tinta)}
.mu-cab{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid var(--carbon)}
.mu-cab span{font:700 10.5px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--naranja-sobre-claro)}
.mu-cab img{height:15px;width:auto}
.mu-nombre{font:700 22px/1.15 var(--font-serif);margin:12px 0 2px;overflow-wrap:anywhere}
.mu-sub{font:italic 12.5px/1.4 var(--font-serif);color:var(--tinta-3)}
.mu-papel small{display:block;font:700 9.5px/1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:6px}
.mu-fila{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:end;margin:14px 0 4px;padding-bottom:12px;border-bottom:1px solid var(--papel-borde)}
.mu-nota b{font-family:var(--font-display);font-weight:400;font-size:52px;line-height:.9;color:var(--carbon)}
.mu-nota i{font-family:var(--font-display);font-style:normal;font-size:17px;color:var(--tinta-3);margin-left:2px}
.mu-graf{position:relative}
.mu-graf svg{display:block;width:100%;height:56px}
.mu-marca{position:absolute;left:0;bottom:2px;background:var(--naranja);color:#fff;font:700 9.5px/1 var(--font-sans);padding:4px 6px;border-radius:3px;transform:rotate(-2deg)}
.mu-bloque{padding:10px 0;border-bottom:1px solid var(--papel-borde)}
.mu-barra{display:grid;grid-template-columns:96px minmax(0,1fr) 32px;gap:8px;align-items:center;font-size:11.5px;margin:4px 0;color:var(--tinta-2)}
.mu-barra i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--carbon) var(--w),var(--crema-2) var(--w))}
.mu-barra b{font-size:11px;text-align:right}
.mu-correo{display:flex;align-items:center;gap:8px;margin:6px 0}
.mu-correo em{font:700 10.5px/1 var(--font-sans);font-style:normal;color:#fff;background:#c8352b;padding:3px 6px;border-radius:999px}
.mu-raya{display:block;height:8px;width:var(--w);border-radius:4px;background:#ddd5ca}
.mu-plan div{display:flex;align-items:center;gap:8px;margin:6px 0}
.mu-plan i{flex:none;width:12px;height:12px;border:1.5px solid var(--carbon);border-radius:3px}
.mu-plan div:first-of-type i{background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px no-repeat;border-color:var(--naranja)}
.mu-tapa{filter:blur(4.5px);user-select:none}
.mu-firma{font:italic 13px/1 var(--font-serif);color:var(--tinta-2);text-align:right;margin-top:10px}
@media (min-width:980px){
  .au-carta[data-id="substack"].au-dos{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .au-dos > .au-muestra{grid-column:2;grid-row:1 / -1;align-self:center;margin:0 0 0 auto;width:100%}
}
/* Con su Substack ya encontrado, las tres promesas sobran: dejan sitio al «¿es este?». */
.au-encontrado:not(:empty) ~ .au-promesa{display:none}
/* Móvil (Iván, 18-oct-2026: «la veo muy alta, debe ser más corta»): la muestra se queda en la cabecera, la nota con
   las aperturas y las fuentes, más pequeña y menos girada. Lo de abajo (correos y plan) solo en escritorio. */
@media (max-width:640px){
  .au-muestra{max-width:330px;margin:18px auto 0;padding:0 8px 10px 0}
  .mu-papel{padding:13px 15px 12px;transform:rotate(1deg);box-shadow:8px 8px 0 var(--naranja),0 18px 34px -18px rgba(38,46,49,.45)}
  .mu-cab{padding-bottom:8px}
  .mu-cab img{height:12px}
  .mu-nombre{font-size:18px;margin-top:9px}
  .mu-sub{font-size:11.5px}
  .mu-fila{margin:10px 0 2px;padding-bottom:8px;gap:12px}
  .mu-nota b{font-size:40px}
  .mu-graf svg{height:44px}
  .mu-bloque{padding:8px 0 2px;border-bottom:0}
  .mu-barra{grid-template-columns:88px minmax(0,1fr) 28px;margin:3px 0;font-size:11px}
  .mu-correos,.mu-plan,.mu-firma{display:none}
}

/* ── La nota gratis a medias y el gancho de la reserva (18-oct-2026) ── */
.au-areas li.tapada h3{color:var(--tinta-2)}
.au-areas .rayas{display:grid;gap:7px;margin:8px 0 4px}
.au-areas .rayas i{display:block;height:9px;width:var(--w);border-radius:5px;background:#e3dbd0}
.au-areas li.abierta{border-color:var(--carbon);background:#fff;box-shadow:0 10px 24px -16px rgba(38,46,49,.35)}

/* ── La muestra como informe de varias páginas (Iván, 18-oct-2026: «que no dé la sensación de que es solo eso»):
   hojas apiladas detrás, el índice de las 9 secciones del método de la auditoría (auditoria-4-exports.md de la skill
   de consultoría), «pág. 1» y la pegatina con lo que va además del informe. ── */
.mu-pila{position:relative}
.mu-pila::before,.mu-pila::after{content:"";position:absolute;inset:0;background:var(--crema-2);border:1px solid var(--papel-borde);border-radius:8px;
  box-shadow:0 14px 30px -18px rgba(38,46,49,.4)}
.mu-pila::before{transform:rotate(-4deg) translate(-10px,6px)}
.mu-pila::after{transform:rotate(-1.2deg) translate(-4px,3px);background:#f8f1e7}
.mu-pila .mu-papel{z-index:1}
.mu-indice ol{list-style:none;counter-reset:mi;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;margin:0}
.mu-indice li{counter-increment:mi;display:flex;gap:6px;font-size:11.5px;line-height:1.3;color:var(--tinta)}
.mu-indice li::before{content:counter(mi,decimal-leading-zero);font:700 10.5px/1.3 var(--font-sans);color:var(--naranja-sobre-claro)}
.mu-indice{border-bottom:0}
.mu-pie{display:flex;justify-content:space-between;margin-top:8px;font:italic 12px/1 var(--font-serif);color:var(--tinta-3)}
.mu-nota-pegada{position:absolute;z-index:2;left:-14px;bottom:-12px;background:var(--carbon-deep);color:#fff;font:700 11.5px/1.45 var(--font-sans);
  padding:8px 12px;border-radius:4px;transform:rotate(-3deg);box-shadow:0 10px 20px -10px rgba(0,0,0,.5)}
@media (max-width:640px){
  .mu-fuentes{display:none}
  .mu-indice li{font-size:11px}
  .mu-pie{display:none}
  .mu-nota-pegada{left:-6px;bottom:-14px;font-size:10.5px;padding:6px 10px}
  .au-muestra{padding-bottom:20px}
}
.mu-nota-pegada{left:auto;right:-18px;bottom:44px;transform:rotate(3deg)}
@media (max-width:640px){.mu-nota-pegada{right:-6px;bottom:-12px;left:auto}}
.mu-pie{justify-content:flex-start;gap:14px}
@media (min-width:641px){.mu-nota-pegada{right:22px;bottom:-22px;transform:rotate(-2deg)}}
/* «Lo que vas a saber» (Iván, 18-oct-2026: «genera curiosidad, no digas el qué, di qué gana el lector»): una columna. */
.mu-indice ol{grid-template-columns:minmax(0,1fr);gap:4px}
.mu-indice li{font-size:12px}
@media (max-width:640px){.mu-indice li{font-size:11.5px}}

/* La pista de sus datos, debajo del archivo subido (18-oct-2026). */
.au-pista-dato{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;background:var(--carbon-deep);color:#fff;
  border-radius:var(--radio-sm);font:500 14.5px/1.45 var(--font-sans);animation:au-asoma .35s ease}
.au-pista-dato[hidden]{display:none}
.au-pista-dato::before{content:"";flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 4px rgba(255,103,25,.25)}

/* Tranquilizar con los datos (18-oct-2026): el candado bajo cada archivo y el aviso de la primera tarjeta de archivos. */
.au-seguro{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:13px;line-height:1.45;color:var(--tinta-3)}
.au-seguro::before{content:"";flex:none;width:13px;height:13px;margin-top:2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' fill='%23646b6e'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2' fill='none' stroke='%23646b6e' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.au-calma{font-size:14px;line-height:1.5;color:var(--tinta-2);background:#f2f8f0;border-left:3px solid #5f9a5b;border-radius:var(--radio-sm);
  padding:10px 14px;margin:10px 0 0}
.au-calma b{color:var(--tinta)}
.au-suelta-ok small + small{margin-top:0}
/* El dibujo y, debajo, el aviso de los datos: juntos en la columna de la derecha (18-oct-2026). */
.au-ver .au-calma{margin:14px 0 4px}
@media (min-width:980px){.au-dos > .au-ver{grid-column:2;grid-row:1 / -1;align-self:start}}
@media (min-width:980px){
  .au-dos .au-pasos{gap:5px}
  .au-dos .au-chips-col{gap:5px;margin-top:6px}
  .au-seguro{margin-top:8px;font-size:12.5px}
  .au-pista-dato{margin-top:10px;padding:10px 12px;font-size:14px}
  .au-dos .au-msg{margin-top:8px}
}
/* El dibujo de «Mostrar» con Agregación y Metadatos arriba (18-oct-2026). */
.cap-meta{position:relative;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 16px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #eceeee}
.cap-meta-g{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px}
.cap-meta-g b{font-size:11px;color:#646b6e;font-weight:600;width:100%}
.cap-radio{position:relative;padding-left:16px;font-size:11px;font-weight:600;color:#1d2426}
.cap-radio::before{content:"";position:absolute;left:0;top:1px;width:11px;height:11px;border-radius:50%;border:1.5px solid #b9c0c3}
.cap-radio.on::before{border:3.5px solid #ff6719;width:6px;height:6px}
.cap-marca-meta{position:absolute;left:-12px;top:22px}
/* Cada número junto a su bloque: 2 en Metadatos, 3 en Métricas. */
.cap-pop-col{position:relative}
.cap-marca-meta{left:-12px;top:44px}
.cap-pop-col > i.cap-marca:not(.cap-marca-meta){top:auto;bottom:62px;left:-12px}
.cap-meta-g:first-child{min-width:30%}
@media (min-width:980px){
  .au-carta[data-id="columnas"].au-dos{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
  .au-carta[data-id="columnas"] .au-chips-col span{font-size:11.5px;padding:5px 8px}
}
@media (min-width:980px){
  .au-carta[data-id="columnas"] .au-acciones{margin-top:10px}
  .au-carta[data-id="columnas"] .au-abre{margin-bottom:10px}
  .au-carta[data-id="columnas"] .au-pasos{margin-top:0;font-size:15px}
}
.cap-marca-meta{top:60px}
@media (min-width:980px){
  .au-carta[data-id="columnas"] .au-lead{font-size:15.5px;margin:8px 0 12px}
  .au-carta[data-id="columnas"] .au-pasos{gap:4px}
}

/* «Guardar cambios» no se ve a la primera (Iván, 18-oct-2026): el paso, destacado; y en el aviso, el botón de vuelta. */
.au-pasos li.au-guarda{background:#fff4ec;border:1px solid rgba(255,103,25,.45);border-radius:var(--radio-sm);padding:8px 12px;margin-left:-4px;color:var(--tinta)}
.au-pasos li.au-guarda::marker{color:var(--naranja-sobre-claro);font-weight:700}
.au-pasos li.au-guarda b{color:var(--naranja-sobre-claro)}
.cap-baja-pop{grid-column:1/-1;margin:6px 0 0;font-weight:700;color:#c94b0b}
.au-volver-col{margin-left:4px;border:0;background:none;padding:0;font:700 14px var(--font-sans);color:var(--naranja-sobre-claro);text-decoration:underline;cursor:pointer}
@media (min-width:980px){
  .au-carta[data-id="columnas"] .au-h{font-size:clamp(22px,2vw,26px)}
  .au-carta[data-id="columnas"] .cap-meta-g{gap:2px 8px}
  .au-carta[data-id="columnas"] .cap-pop-col{padding:8px 12px}
}
@media (min-width:980px){
  /* En el dibujo de columnas, sin el menú lateral: el panel «Mostrar» gana ancho y los nombres no se parten. */
  .cap[data-cap="columnas"] .cap-app{grid-template-columns:minmax(0,1fr)}
  .cap[data-cap="columnas"] .cap-lado{display:none}
}
/* El paso 4 («Guardar cambios»), separado de las etiquetas del paso 3 (Iván, 18-oct-2026). */
.au-pasos li.au-guarda{margin-top:12px}

/* ── La pista «pensando» (18-oct-2026): ecualizador, lo que mira en rotación, un brillo que barre y la barra que se
   llena en 1,7 s; luego la frase sale del desenfoque y el punto late una vez. ── */
.au-pista-dato.cargando{position:relative;overflow:hidden;align-items:center;gap:12px;min-height:56px;padding-bottom:13px}
.au-pista-dato.cargando::before{display:none}
.au-pista-dato.cargando::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.09) 50%,transparent 70%);animation:pd-brillo 1.1s linear infinite}
.pd-ecu{display:flex;align-items:flex-end;gap:3px;height:24px;flex:none}
.pd-ecu i{width:4px;height:30%;border-radius:2px;background:var(--naranja);animation:pd-ecu .55s ease-in-out infinite alternate}
.pd-ecu i:nth-child(2){animation-delay:-.15s;background:#ff8a4f}
.pd-ecu i:nth-child(3){animation-delay:-.3s}
.pd-ecu i:nth-child(4){animation-delay:-.45s;background:#ffb48d}
.pd-ecu i:nth-child(5){animation-delay:-.2s}
.pd-txt{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.pd-txt b{font-weight:700;color:#fff}
.pd-mira{font-style:normal;font-size:12.5px;color:var(--sobre-oscuro-2);letter-spacing:.02em}
.pd-barra{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--naranja),#ffb48d);
  transform-origin:left;animation:pd-barra 1.7s cubic-bezier(.4,0,.2,1) forwards}
.au-pista-dato.listo .pd-final{display:block;animation:pd-sale .55s cubic-bezier(.2,.8,.2,1)}
.au-pista-dato.listo::before{animation:pd-late .9s ease-out 1}
.au-pista-dato .pd-final b{color:var(--naranja);font-weight:700}
@keyframes pd-ecu{from{height:22%}to{height:100%}}
@keyframes pd-brillo{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes pd-barra{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pd-sale{from{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes pd-late{0%{box-shadow:0 0 0 0 rgba(255,103,25,.7)}100%{box-shadow:0 0 0 14px rgba(255,103,25,0)}}

/* El fluorescente (Iván, 18-oct-2026: «subrayado con un fluorescente amarillo que se vea… que es importante. Aplícalo
   siempre donde toque»): SOLO en lo que, si se salta, estropea el archivo (periodos, Agregación, marcar todas, Guardar
   cambios). Como un rotulador: la mitad de abajo de la línea, y se parte bien entre líneas. */
mark.au-fluor{color:inherit;background:linear-gradient(transparent 46%,#fff04a 46%,#fff04a 90%,transparent 90%);
  padding:0 2px;margin:0 -1px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.au-pasos li.au-guarda mark.au-fluor{color:var(--tinta)}
mark.au-fluor{background:linear-gradient(transparent 32%,#ffe733 32%,#ffe733 94%,transparent 94%)}

/* ── Superposición: pegar o captura (18-oct-2026) ── */
.au-sup{display:grid;gap:14px;margin-top:4px}
.au-sup-op{background:var(--crema);border:1px solid var(--papel-borde);border-radius:var(--radio-md);padding:12px 14px}
.au-sup-t{font-size:14.5px;line-height:1.45;color:var(--tinta-2);margin-bottom:8px}
.au-sup-t b{color:var(--tinta);margin-right:4px}
.au-sup .au-campo{background:#fff;font-size:14.5px;padding:10px 12px;min-height:54px}
.au-sup .au-suelta{margin-top:0;min-height:64px;background:#fff;padding:12px}
.au-sup-lista{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.au-sup-lista li{font-size:12.5px;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid var(--papel-borde);color:var(--tinta)}
.au-sup-lista li b{color:var(--naranja-sobre-claro)}
.au-sup-lista li.au-sup-ok{background:#f2f8f0;border-color:#5f9a5b;color:#2f6b37;font-weight:700}
.au-suelta-img .au-suelta-ok{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.au-sup-mini{height:40px;width:auto;border-radius:4px;border:1px solid var(--papel-borde)}

/* ── El aviso de «Empezar de cero» (18-oct-2026) ── */
.au-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,24,26,.6);animation:au-asoma .2s ease}
.au-modal[hidden]{display:none}
.au-modal-caja{width:100%;max-width:440px;background:#fff;border-radius:var(--radio-md);padding:26px 24px 22px;box-shadow:0 30px 80px rgba(0,0,0,.4);border-top:4px solid var(--naranja)}
.au-modal-caja h2{font-family:var(--font-serif);font-weight:700;font-size:24px;line-height:1.2;margin-bottom:8px}
.au-modal-caja p{color:var(--tinta-2);font-size:15.5px;line-height:1.5}
.au-modal-bot{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.au-modal-bot .btn{width:100%}
.au-cero-si{border:0;background:none;font:600 14.5px var(--font-sans);color:#a3271f;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px}
body.au-con-modal{overflow:hidden}
.au-ver .au-sup{margin-top:14px}
@media (min-width:980px){
  .au-carta[data-id="superposicion"] .au-sup{gap:10px;margin-top:0}
  .au-carta[data-id="superposicion"] .au-sup-op{padding:10px 12px}
  .au-carta[data-id="superposicion"] .au-sup-t{font-size:13.5px;margin-bottom:6px}
  .au-carta[data-id="superposicion"] .au-sup .au-campo{min-height:44px;padding:8px 10px}
  .au-carta[data-id="superposicion"] .au-sup .au-suelta{min-height:52px;padding:8px}
  .au-carta[data-id="superposicion"] .au-abre{margin-bottom:12px}
}
#auSup[hidden]{display:none}
.au-sup-lista{margin-top:0}
.au-sup-cambia{background:none!important;border:0!important;padding:5px 2px!important}
.au-sup-cambia button{border:0;background:none;padding:0;font:600 12.5px var(--font-sans);color:var(--tinta-3);text-decoration:underline;cursor:pointer}

/* Sus 3 mejores: buscador y lista con scroll (18-oct-2026). */
.au-busca-posts{margin-bottom:8px;font-size:15px;padding:10px 12px;background:#fff}
.au-posts{display:grid;gap:6px;max-height:420px;overflow-y:auto;padding-right:4px;overscroll-behavior:contain}
.au-carta[data-id="q_mejores"] .au-pista-dato{margin:0 0 14px}
@media (min-width:980px){.au-dos .au-lista-posts .au-posts{max-height:520px}}
@media (max-width:640px){.au-posts{max-height:360px}}
/* La pista de Intro bajo los textos de las preguntas (18-oct-2026). */
.au-intro{margin-top:6px;font-size:12.5px;color:var(--tinta-3)}
.au-intro kbd{font:600 11px var(--font-sans);padding:1px 5px;border:1px solid var(--papel-borde);border-bottom-width:2px;border-radius:4px;background:#fff;color:var(--tinta-2)}
@media (min-width:980px){.au-dos .au-lista-posts .au-posts{max-height:470px}}
/* El buscador no es una casilla: la regla de los checkbox de la lista también le cogía (18-oct-2026). */
.au-lista-posts input.au-busca-posts{width:100%;height:auto;margin:0 0 8px;accent-color:auto}

/* ── Menos pasos (18-oct-2026): Retención con sus tres huecos y tarjetas con varias preguntas ── */
.au-ret{display:grid;gap:10px;margin-top:4px}
.au-ret-fila{background:var(--crema);border:1px solid var(--papel-borde);border-radius:var(--radio-md);padding:10px 12px}
.au-ret-fila[hidden]{display:none}
.au-ret-t{font-size:14px;line-height:1.4;color:var(--tinta-2);margin-bottom:6px}
.au-ret-t b{color:var(--tinta)}
.au-ret-op{display:block;font-size:12.5px;color:var(--tinta-3);margin-top:2px}
.au-ret .au-suelta{margin-top:0;min-height:52px;padding:10px;background:#fff}
.au-ret .au-pista-dato{margin-top:8px}
.au-ret .au-msg{margin-top:6px}
.au-sub-n{display:block;font-weight:400;font-size:13.5px;color:var(--tinta-3);margin-top:2px}
.au-opciones-cortas{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.au-opciones-cortas button{min-height:46px;padding:10px 14px;text-align:center;font-size:15px}
.au-carta[data-multi] .au-sub{margin-top:18px}
.au-carta[data-multi] .au-sub:first-of-type{margin-top:4px}
/* Retención en escritorio (18-oct-2026): arriba texto y dibujo; debajo, los tres huecos EN FILA. Un hueco ya subido se
   queda en una línea. */
.au-ret .au-suelta.listo{min-height:0;padding:8px 10px}
.au-ret .au-suelta-ok small{font-size:11.5px}
.au-ret .au-pista-dato{padding:8px 10px;font-size:13.5px}
@media (min-width:980px){
  .au-carta.au-ret-carta.au-ret-carta > *{max-width:none}
  .au-ret-arriba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:40px;align-items:start}
  .au-ret-arriba .cap{margin:0}
  .au-ret-arriba .cap-graf{display:none}
  .au-ret-arriba .au-abre{margin-bottom:0}
  .au-ret{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;align-items:start}
  .au-ret-fila[hidden] + .au-ret-fila[hidden]{display:none}
  .au-ret-carta .au-seguro{margin-top:10px}
}
/* La reserva: a dónde lleva el botón y qué plan elegir, en fluorescente sobre el fondo oscuro. */

/* Sobre oscuro, el rotulador entero (el de media altura deja media letra negra sobre negro). */

.au-falta{margin:14px 0 0;font-size:14px;color:var(--tinta-2);text-align:right}
@media (max-width:640px){.au-falta{text-align:left}}

/* La reserva con DOS opciones (Iván, 18-oct-2026): completa o solo el informe. Las mismas filas en las dos: lo que no
   trae, tachado y en gris, para que la diferencia se vea sin leer. */

/* ── Sus resultados (18-oct-2026, tarde): lo que ya se lleva, la nota a medias y UNA acción: que Jones lo mire. ── */
.au-lleva{margin:4px 0 22px;padding:16px 18px;border-radius:var(--radio-md);background:#fff;border:1px solid var(--papel-borde)}
.au-lleva[hidden]{display:none}
.au-lleva h3{font:700 15px/1.3 var(--font-sans);margin-bottom:10px;color:var(--tinta)}
.au-lleva-lista{list-style:none;display:grid;gap:7px}
.au-lleva-lista li{position:relative;padding-left:26px;font-size:15px;line-height:1.45;color:var(--tinta-2)}
.au-lleva-lista li b{color:var(--tinta)}
.au-lleva-lista li small{color:var(--tinta-3);font-size:13px}
.au-lleva-lista li::before{content:"";position:absolute;left:0;top:.2em;width:17px;height:17px;border-radius:4px;
  background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.au-lleva-pie{margin-top:10px;font-size:13px;color:var(--tinta-3)}
.au-lleva-pie:empty{display:none}
.au-pide{max-width:560px;margin:4px auto 0;text-align:left}
.au-invierte{border:0;padding:0;margin:0 0 14px}
.au-invierte legend{font:600 15px var(--font-sans);color:#fff;margin-bottom:9px;text-align:center;width:100%}
.au-invierte-op{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.au-invierte-op button{flex:1 1 0;min-width:0;padding:11px 10px;border-radius:var(--radio-sm);border:1.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);
  color:#fff;font:600 14.5px var(--font-sans);cursor:pointer;white-space:nowrap}
.au-invierte-op button:hover{border-color:rgba(255,255,255,.45)}
.au-invierte-op button.on{border-color:var(--naranja);background:rgba(255,103,25,.18);box-shadow:0 0 0 1px var(--naranja)}
.au-pide-fila{display:flex;gap:8px}
.au-pide-fila input{flex:1 1 auto;min-width:0;padding:13px 14px;border-radius:var(--radio-sm);border:1.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;font:16px var(--font-sans)}
.au-pide-fila input::placeholder{color:rgba(255,255,255,.5)}
.au-pide-fila input:focus{outline:none;border-color:var(--naranja)}
.au-pide-fila .btn{flex:none;margin:0}
.au-oculta-et{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.au-pide .au-err{margin-top:8px;color:#ffb38a;text-align:center}
.au-pide .au-err:empty{display:none}
.au-pide .au-micro{text-align:center}
.au-pide .au-micro a{color:inherit}
@media (max-width:560px){
  .au-pide-fila{flex-direction:column}
  .au-pide-fila .btn{width:100%}
  .au-invierte-op button{font-size:13.5px;padding:10px 6px}
}
@media (min-width:980px){ .au-lleva-lista{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px} }
@media (max-width:640px){
  /* En el móvil, las tapadas en dos columnas y sin rayas: el CTA queda a la mitad de distancia. La abierta, entera. */
  .au-areas{grid-template-columns:minmax(0,1fr);gap:8px}
  .au-areas li.tapada{grid-template-columns:10px minmax(0,1fr);gap:8px;padding:11px 12px}
  .au-areas li.tapada::before{width:10px;height:10px;margin-top:4px}
  .au-areas li.tapada h3{font-size:13.5px;margin-bottom:0}
  .au-areas li.tapada .rayas{display:none}
  .au-areas li.tapada .tapado{margin-top:4px;font-size:12px}
  .au-invierte-op button{white-space:normal;line-height:1.2}
}

/* Lo que hay detrás del candado: el beneficio, en tinta y algo más grande que el resto, que es lo que vende. */
.au-areas-t{font:700 15px/1.35 var(--font-sans);color:var(--tinta);margin:0 0 10px}
.au-areas-t span{font-weight:400;color:var(--tinta-2)}
.au-areas li.tapada .rayas i:last-child{display:none}
.au-areas .beneficio{margin-top:6px;font-size:15px;line-height:1.4;font-weight:600;color:var(--tinta)}
@media (min-width:980px){ .au-areas .beneficio{font-size:14.5px} }
@media (max-width:640px){ .au-areas .beneficio{font-size:14px;margin-top:3px} }

/* El CTA: qué pasa después, quién contesta y el correo que aparece al elegir (investigación del 18-oct-2026). */
.au-despues{list-style:none;counter-reset:d;display:grid;gap:7px;margin:16px 0 0;text-align:left;max-width:440px;margin-inline:auto}
.au-despues li{counter-increment:d;position:relative;padding-left:30px;font-size:14.5px;line-height:1.4;color:var(--sobre-oscuro-2)}
.au-despues li b{color:#fff;font-weight:600}
.au-despues li::before{content:counter(d);position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:rgba(255,103,25,.18);
  color:var(--naranja);font:700 12px/21px var(--font-sans);text-align:center}
.au-firma{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;color:var(--sobre-oscuro-2);text-align:left}
.au-firma img{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;object-fit:contain;padding:3px}
.au-firma b{color:#fff}
.au-pide-paso2{animation:au-aparece .35s ease both}
.au-pide-paso2[hidden]{display:none}
@keyframes au-aparece{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.au-pide-paso2{animation:none}}
@media (min-width:980px){ .au-despues{margin:16px 0 0} }

/* UNA cosa tangible (18-oct-2026): la que más le duele, con su dato y lo que haría ya. Lo más visible de la página. */
.au-ya{position:relative;margin:4px 0 22px;padding:20px 22px 18px 24px;border-radius:var(--radio-md);background:#fff;border:1.5px solid var(--tinta);
  box-shadow:6px 6px 0 var(--naranja)}
.au-ya[hidden]{display:none}
.au-ya::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:5px;border-radius:0 4px 4px 0;background:#c8352b}
.au-ya.regular::before{background:#e0a02a}.au-ya.bien::before{background:#5f9a5b}
.au-ya-k{font:700 12px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--naranja-sobre-claro);margin:0 0 8px}
.au-ya-h{font-family:var(--font-serif);font-weight:700;font-size:clamp(19px,2.2vw,23px);line-height:1.35;color:var(--tinta);margin:0}
.au-ya-a{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--tinta);background:#fff6d6;border-radius:var(--radio-sm);padding:10px 12px}
.au-ya-a b{color:var(--tinta)}
.au-ya .tapado{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:13.5px;color:var(--tinta-3)}
.au-ya .tapado::before{content:"";flex:none;width:14px;height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' fill='%23888'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2' fill='none' stroke='%23888' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
@media (min-width:980px){ .au-carta-ancha > .au-ya{max-width:none} }
@media (max-width:640px){ .au-ya{padding:16px 16px 14px 20px;box-shadow:4px 4px 0 var(--naranja)} .au-ya-a{font-size:15px} }