/* Quincenea · generador de anuncios de vacante (/herramientas/anuncio-de-vacante).
   El texto del anuncio va en <pre> con saltos de línea reales (lo que se copia es lo que se ve)
   y se parte en el teléfono sin desbordar la página. */

.anv-heroe .entrada{max-width:68ch}
.anv-heroe .acciones{margin-top:var(--e4)}

/* ── Las tres versiones ──────────────────────────────────────────────── */
.anv-versiones{display:grid;gap:var(--e5);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
.anv-version-largo{grid-row:span 2}
.anv-version{display:grid;gap:8px;min-width:0}
.anv-version-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.anv-version-cab h3,.anv-version-cab h4{margin:0}
.anv-version-cab h4{font-size:1rem}
.anv-texto{margin:0;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-chico);padding:16px 18px;
  font:500 .9375rem/1.55 var(--texto);color:var(--tinta);white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.anv-copiar{min-height:44px}
@media (max-width:900px){.anv-versiones{grid-template-columns:minmax(0,1fr)}.anv-version-largo{grid-row:auto}}

/* ── Formulario y resultado: lado a lado en la computadora, uno tras otro en el teléfono ── */
.anv-gen-fila{display:grid;gap:var(--e6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.anv-form{min-width:0}
.anv-sueldo{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))}
.anv-casillas{display:grid;gap:8px}
.anv-resultado{display:grid;gap:var(--e4);min-width:0;position:sticky;top:16px}
.anv-resultado:focus{outline:none}
.anv-resultado[hidden]{display:none}
.anv-avisos ul{margin:8px 0 0;padding-left:1.1em;display:grid;gap:8px}
.anv-cta{background:var(--alterno);border-radius:var(--r-tarjeta);padding:20px;display:grid;gap:12px}
.anv-cta h3{margin:0;font-size:1.2rem}
.anv-cta p{margin:0}
.anv-cta .acciones{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
@media (max-width:900px){.anv-gen-fila{grid-template-columns:minmax(0,1fr)}.anv-resultado{position:static}}

/* ── Índice por puesto ───────────────────────────────────────────────── */
.anv-indice{display:grid;gap:var(--e5);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.anv-area{margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em;color:var(--tenue)}

.anv-oculto{position:fixed;left:-10000px;top:0;width:1px;height:1px;opacity:0}