/* ═══════════════════════════════════════════════════════════════════════════
   ARIA · EL INTERIOR DE LAS FASES (Luis, 2026-09-26; en ARIA desde el 2026-09-28)
   ───────────────────────────────────────────────────────────────────────────
   Una forma por fase, elegidas en la maqueta: Expediente (calificación), Taller (cotización),
   Libro abierto (itinerario), Carpeta (documentos) y Lista de trabajo (Toursys). Cada panel de
   fase que ya pasó al interior nuevo lleva `.pz-int`; adentro todo es `pz-*`.
   LOS TRES TEMAS SON VARIABLES: oscuro (el de siempre), teal (el intermedio) y claro. Los
   acomodos se cortan por el ancho del PANEL (container queries), no de la ventana: con la
   consola encendida, la conversación le quita lugar al lado.
   Los controles de siempre (inputs, selects) conservan sus ids; ARIA les pone su vidrio con una
   regla muy pesada (aria-lujo.css §6, con un id adentro), y acá se les gana con `:not(#pz)`,
   que suma el peso de un id sin elegir nada.
   ═══════════════════════════════════════════════════════════════════════════ */
/* la fase 3 no es `.pz-int` (el editor trae su propio marcado), pero usa las mismas variables */
.pz-int, #fase3{ container:pz / inline-size; box-sizing:border-box;
  --suelo:#1A2633; --hoja:#222E3A; --hoja2:#26323E;
  --tinta:#EADFCE; --tinta-f:#FFFFFF; --tinta2:rgba(234,223,206,.78); --tinta3:rgba(234,223,206,.62);
  --filete:rgba(234,223,206,.12); --filete2:rgba(234,223,206,.24); --suave:rgba(234,223,206,.06); --marcado:rgba(0,109,130,.5);
  --acento:#005565; --acento-h:#006D82; --acento-t:#FFFFFF; --marca:#EADFCE;
  --sombra:0 28px 60px -34px rgba(0,0,0,.7);
  background:var(--suelo) !important; color:var(--tinta); font:400 14px/1.55 var(--sans); }
html[data-tema="teal"] :is(.pz-int, #fase3){
  --suelo:#046477; --hoja:#005565; --hoja2:#035C6D;
  --tinta2:#EADFCE; --tinta3:rgba(234,223,206,.94);   /* sobre el teal, la letra secundaria no baja de 4,5:1 */
  --filete:rgba(234,223,206,.16); --filete2:rgba(234,223,206,.3); --suave:rgba(234,223,206,.08); --marcado:rgba(234,223,206,.24);
  --acento:#EADFCE; --acento-h:#FFFFFF; --acento-t:#046477; --sombra:0 28px 60px -34px rgba(3,40,48,.8); }
html[data-tema="claro"] :is(.pz-int, #fase3){
  --suelo:#F6F3ED; --hoja:#FFFFFF; --hoja2:#FBF9F5;
  --tinta:#1A2633; --tinta-f:#1A2633; --tinta2:rgba(26,38,51,.78); --tinta3:rgba(26,38,51,.7);
  --filete:rgba(26,38,51,.09); --filete2:rgba(26,38,51,.18); --suave:rgba(26,38,51,.035); --marcado:rgba(0,85,101,.14);
  --acento:#005565; --acento-h:#006D82; --acento-t:#FFFFFF; --marca:#005565;
  --sombra:0 28px 60px -36px rgba(26,38,51,.35); }
.pz-int *, .pz-int *::before, .pz-int *::after{ box-sizing:border-box; }
.pz-int :is(p, h2, h3, dl, dd, dt, ul){ margin:0; padding:0; }
.pz-int li{ list-style:none; }
.pz-int .hidden{ display:none !important; }

/* ── la estructura ── */
.pz-marco{ max-width:1240px; margin:0 auto; padding:36px 32px 96px; }
.pz-ceja{ font:400 10.5px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
.pz-h{ font:300 clamp(24px,2.3vw,30px)/1.15 var(--glare); letter-spacing:-.01em; color:var(--tinta-f); text-wrap:balance; }
.pz-h2{ font:300 20px/1.25 var(--glare); color:var(--tinta-f); text-wrap:balance; }
.pz-h3{ font:400 15px/1.35 var(--sans); color:var(--tinta-f); }
.pz-p{ font-size:14px; line-height:1.65; color:var(--tinta2); }
.pz-chico{ font-size:12px; color:var(--tinta3); }
.pz-tab{ font-variant-numeric:tabular-nums; white-space:nowrap; }
.pz-mono{ font:400 12px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing:.02em; }
.pz-aire{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pz-hoja{ background:var(--hoja); border:1px solid var(--filete); border-radius:18px; }
.pz-cabeza{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.pz-int .pz-solo-movil{ display:none; }
/* el título de cada bloque: su nombre, cuántos y lo que se hace con él, en un renglón sobre un filete */
.pz-bloque{ margin-top:34px; }
.pz-bloque > header{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:40px; padding-bottom:8px; margin-bottom:4px; border-bottom:1px solid var(--filete2); }
.pz-bloque > header h3{ font:400 10.5px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta2); }
.pz-bloque > header h3 b{ font-weight:400; color:var(--tinta3); margin-left:8px; }

/* ── botones, pastillas y campos ── */
.pz-bt{ all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:36px; padding:0 15px;
  border-radius:99px; font:400 13px/1 var(--sans); white-space:nowrap; color:var(--tinta-f); border:1px solid var(--filete2); transition:background-color .2s, border-color .2s, color .2s; }
.pz-bt:hover{ background:var(--suave); border-color:var(--tinta3); }
.pz-bt:disabled{ opacity:.5; cursor:default; }
.pz-bt--pral{ background:var(--acento); border-color:var(--acento); color:var(--acento-t); }
.pz-bt--pral:hover{ background:var(--acento-h); border-color:var(--acento-h); }
.pz-bt--chico{ height:30px; padding:0 12px; font-size:12px; }
.pz-int .pz-ico{ width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
/* los botones de ícono solo: un círculo fino que aparece al pasar */
.pz-icono{ all:unset; box-sizing:border-box; cursor:pointer; display:inline-grid; place-items:center; width:32px; height:32px; flex:none; border-radius:50%; color:var(--tinta3); transition:background-color .2s, color .2s; }
.pz-icono:hover{ background:var(--suave); color:var(--tinta-f); }
.pz-int .pz-icono .pz-ico{ width:15px; height:15px; }
.pz-int :is(.pz-bt, .pz-icono):focus-visible{ outline:2px solid var(--marca) !important; outline-offset:2px; box-shadow:none !important; }
.pz-chip{ display:inline-flex; align-items:center; max-width:100%; min-height:24px; padding:3px 10px; border-radius:12px; border:1px solid var(--filete2); font-size:11.5px; line-height:1.3; color:var(--tinta2); white-space:nowrap; }
.pz-chip--lleno{ background:var(--suave); border-color:transparent; color:var(--tinta-f); }
.pz-chip:empty{ display:none; }
.pz-et{ font:400 10px/1.3 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--tinta3); }
.pz-par{ display:grid; gap:5px; min-width:0; align-content:start; }
.pz-barra{ height:3px; border-radius:3px; background:var(--filete); overflow:hidden; }
.pz-barra b{ display:block; width:0; height:100%; border-radius:3px; background:var(--marca); transition:width .4s cubic-bezier(.22,1,.36,1); }
.pz-av{ flex:none; display:inline-grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#005565; color:#FFFFFF; }
.pz-av svg{ width:58%; height:58%; }
html[data-tema="teal"] .pz-av{ background:#EADFCE; color:#046477; }
/* al pasar, lo señalado cobra vida y lo demás se apaga */
.pz-foco > *{ transition:opacity .25s, background-color .2s; }
.pz-foco:hover > *{ opacity:.45; }
.pz-foco:hover > *:hover, .pz-foco > *:focus-within{ opacity:1; }
.pz-alerta{ display:grid; gap:4px; margin-top:12px; padding:12px 14px; border-radius:12px; border:1px solid var(--filete2); background:var(--suave); font-size:12.5px; color:var(--tinta2); }
.pz-alerta__tit{ color:var(--tinta-f); }

/* los campos de siempre, en el lenguaje de adentro: un renglón con filete fino */
html.aria-lujo body .pz-int :is(.pz-campo, .pz-area, .pz-asunto):not(#pz):not(#pz){
  -webkit-appearance:none; appearance:none; width:100%; min-width:0; min-height:34px; margin:0; padding:0 12px; border-radius:10px !important;
  border:1px solid var(--filete2) !important; background:var(--suave) !important; box-shadow:none !important;
  font:400 13.5px/1.3 var(--sans) !important; color:var(--tinta-f) !important; font-variant-numeric:tabular-nums; }
html.aria-lujo body .pz-int .pz-area:not(#pz):not(#pz){ display:block; min-height:120px; padding:10px 12px; line-height:1.55 !important; resize:vertical; }
html.aria-lujo body .pz-int .pz-area.pz-mono:not(#pz):not(#pz){ font:400 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; }
html.aria-lujo body .pz-int select.pz-campo:not(#pz):not(#pz){ cursor:pointer; padding-right:30px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23918A80' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 10px center !important; background-size:14px !important; }
html.aria-lujo body .pz-int :is(.pz-campo, .pz-area, .pz-asunto):not(#pz):not(#pz)::placeholder{ color:var(--tinta3); opacity:1; }
html.aria-lujo body .pz-int :is(.pz-campo, .pz-area, .pz-asunto):not(#pz):not(#pz):focus-visible{ outline:none !important; border-color:var(--marca) !important; box-shadow:0 0 0 3px var(--marcado) !important; }
.pz-int span.pz-campo{ display:flex; align-items:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pz-int select option{ color:#1A2633; background:#FFFFFF; }

/* ═════ FASE 1 · EXPEDIENTE ═════ */
/* con la carta oculta (Luis, 2026-09-29) la calificación va sola, a una medida de lectura */
.pz-exp{ display:grid; grid-template-columns:minmax(0,1fr); gap:48px; align-items:start; max-width:960px; margin:0 auto; }
.pz-exp__carta{ position:sticky; top:20px; display:grid; gap:12px; }
.pz-carta-hoja{ padding:18px 22px 24px; }
.pz-carta-hoja > header{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:14px; }
.pz-carta{ white-space:pre-wrap; font:300 15.5px/1.75 var(--glare); color:var(--tinta-f); overflow-wrap:anywhere; }
.pz-carta__vacia{ font:400 13px/1.5 var(--sans); color:var(--tinta3); }
/* lo que dijo el cliente, subrayado apenas; al pasar por un dato se enciende su frase */
.pz-carta mark{ background:transparent; color:inherit; border-bottom:1px dotted var(--tinta3); border-radius:3px; transition:background-color .2s, border-color .2s; }
.pz-carta mark.on{ background:var(--marcado); border-bottom-color:transparent; }
/* mientras se pega o se cambia el correo, la carta deja el lugar al cuadro de texto */
.pz-carta-hoja:has(#intakeBox:not(.hidden)) :is(#cartaTexto, #cartaLeerTodo){ display:none; }
.pz-intake{ display:grid; gap:10px; }
#btnToggleIntake[aria-expanded="true"]{ background:var(--suave); color:var(--tinta-f); }
.pz-aviso-linea{ margin-top:10px; }
.pz-aviso-linea:empty{ display:none; }
.pz-aviso-linea *{ color:inherit !important; font-weight:400 !important; }
.pz-avance{ display:grid; gap:8px; min-width:150px; }
.pz-avance > span{ text-align:right; }
/* lo que se sabe y lo que falta: el dato, su valor (se corrige ahí mismo) y de dónde salió */
.pz-dl > div{ display:grid; grid-template-columns:170px minmax(0,1fr) 72px; gap:14px; align-items:center; padding:5px 8px; margin:0 -8px; border-radius:10px; border-bottom:1px solid var(--filete); }
.pz-dl > div:last-child{ border-bottom:0; }
.pz-dl > div.on{ background:var(--suave); }
.pz-dl__et{ font-size:12.5px; color:var(--tinta3); }
.pz-origen{ font-size:11px; color:var(--tinta3); text-align:right; }
/* el valor se lee como texto y se vuelve campo al pasar o al escribir */
html.aria-lujo body .pz-int .pz-dl__v:not(#pz):not(#pz){ -webkit-appearance:none; appearance:none; width:100%; min-width:0; text-overflow:ellipsis; height:34px; margin:0 -8px; padding:0 8px; border:1px solid transparent !important; border-radius:8px !important;
  background:transparent !important; box-shadow:none !important; font:400 14px/1.3 var(--sans) !important; color:var(--tinta-f) !important; transition:border-color .2s, background-color .2s; }
html.aria-lujo body .pz-int .pz-dl__v:not(#pz):not(#pz):hover{ border-color:var(--filete2) !important; background:var(--suave) !important; }
html.aria-lujo body .pz-int .pz-dl__v:not(#pz):not(#pz):focus-visible{ outline:none !important; border-color:var(--marca) !important; background:var(--suave) !important; box-shadow:none !important; }
html.aria-lujo body .pz-int .pz-dl__v:not(#pz):not(#pz)::placeholder{ color:var(--tinta3); opacity:1; }
.pz-dl--falta > div{ border-bottom-style:dashed; border-bottom-color:var(--filete2); }
.pz-vacio{ padding:10px 0; }
.pz-faltan li{ display:flex; align-items:center; gap:12px; min-height:42px; padding:6px 0; border-bottom:1px dashed var(--filete2); font-size:13.5px; color:var(--tinta-f); }
.pz-faltan li > span{ flex:1; min-width:0; }
.pz-faltan li i{ font-style:normal; font-size:11px; color:var(--tinta3); white-space:nowrap; }
/* el resumen del cliente: se lee como texto y se vuelve campo al pasar o al escribir en él */
html.aria-lujo body .pz-int .pz-resumen:not(#pz):not(#pz){ -webkit-appearance:none; appearance:none; display:block; width:calc(100% + 20px); min-height:0; field-sizing:content; margin:14px -10px 0;
  padding:6px 10px; border:1px solid transparent !important; border-radius:10px !important; background:transparent !important; box-shadow:none !important; resize:none; overflow:hidden;
  font:300 18px/1.55 var(--glare) !important; color:var(--tinta-f) !important; text-wrap:pretty; transition:border-color .2s, background-color .2s; }
html.aria-lujo body .pz-int .pz-resumen:not(#pz):not(#pz):hover{ border-color:var(--filete2) !important; background:var(--suave) !important; }
html.aria-lujo body .pz-int .pz-resumen:not(#pz):not(#pz):focus-visible{ outline:none !important; border-color:var(--marca) !important; background:var(--suave) !important; }
html.aria-lujo body .pz-int .pz-resumen:not(#pz):not(#pz)::placeholder{ font-size:15px; color:var(--tinta3); opacity:1; }
/* el perfil: una fila por dato —quién es, canal, nivel— con su etiqueta a la izquierda, como la
   tabla de arriba, y sus opciones como píldoras finas. La elegida lleva el filete del acento y un
   velo suave; al pasar, la señalada se enciende. */
.pz-perfil{ display:grid; padding-top:4px; }
.pz-perfil__fila{ display:grid; grid-template-columns:170px minmax(0,1fr); gap:10px 24px; align-items:center; padding:18px 0; border-bottom:1px solid var(--filete); }
.pz-perfil__fila:last-child{ border-bottom:0; }
.pz-perfil__fila:first-child{ align-items:start; }
.pz-perfil__fila:first-child .pz-perfil__et{ padding-top:8px; }
.pz-perfil__et{ font-size:12.5px; color:var(--tinta3); }
.pz-perfil__fila[data-falta] .pz-perfil__et::after{ content:"sin determinar"; display:block; margin-top:3px; font-size:11px; font-style:italic; }
.pz-opciones{ display:flex; flex-wrap:wrap; gap:8px; }
.pz-opcion{ all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:baseline; gap:8px; height:34px; padding:0 15px; line-height:32px; border-radius:99px;
  border:1px solid var(--filete2); font:400 13px/32px var(--sans); color:var(--tinta2); white-space:nowrap; transition:border-color .2s, background-color .2s, color .2s; }
.pz-opcion small{ font-size:11px; color:var(--tinta3); }
.pz-opcion:hover{ border-color:var(--tinta3); color:var(--tinta-f); }
.pz-opcion[aria-checked="true"]{ border-color:var(--marca); background:var(--marcado); color:var(--tinta-f); }
.pz-opcion[aria-checked="true"] small{ color:var(--tinta2); }
.pz-opcion:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
/* cómo hablarle a ese arquetipo, con su ceja y su aire */
/* `.pz-int .` para ganarle al margen en cero de los párrafos del interior */
.pz-int .pz-perfil__como{ margin-top:24px; font:300 16px/1.5 var(--glare); color:var(--tinta-f); }
.pz-perfil__como::before{ content:"Cómo hablarle"; display:block; margin-bottom:6px; font:400 10px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
.pz-rejilla{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pz-siguiente{ padding:22px 24px; margin-top:34px; }
.pz-siguiente__cab{ align-items:center; }
.pz-siguiente__redactar{ margin-top:16px; }
/* con la propuesta ya redactada, lo que sigue es regenerarla o copiarla: «Redactar» se retira */
.pz-siguiente:has(#propuestaBox:not(.hidden)) .pz-siguiente__redactar{ display:none; }
html.aria-lujo body .pz-int .pz-asunto:not(#pz):not(#pz){ margin-top:14px; min-height:0; padding:4px 8px; border-color:transparent !important; background:transparent !important; font:300 20px/1.3 var(--glare) !important; }
html.aria-lujo body .pz-int .pz-asunto:not(#pz):not(#pz):hover{ border-color:var(--filete2) !important; }
/* la propuesta como la lee el cliente: papel blanco, en los tres temas */
.pz-previa{ display:block; width:100%; height:300px; margin-top:12px; border:0; border-radius:12px; background:#FFFFFF; }
.pz-editar{ margin-top:10px; }
.pz-editar summary{ cursor:pointer; width:max-content; padding:4px 0; }
.pz-editar[open] summary{ margin-bottom:8px; }
.pz-siguiente__pie{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-top:18px; padding-top:14px; border-top:1px solid var(--filete); }
/* con la consola apagada no se redacta con IA (consola.css §28): el siguiente paso se retira entero */
[data-consola="apagada"] .pz-siguiente{ display:none !important; }

/* ═════ FASE 2 · TALLER ═════ */
/* lo de arriba del panel: el avance de la IA, el enlace público, el estado del guardado y el aviso de tramos */
.pz-franja{ padding:6px 32px; font-size:12px; color:var(--tinta3); }
.pz-franja--estado:has(> span:empty){ display:none; }
.pz-franja *{ color:inherit !important; }
.pz-enlace{ color:var(--tinta-f) !important; word-break:break-all; text-decoration:underline; text-decoration-color:var(--filete2); }
.pz-progreso{ display:grid; gap:6px; padding:10px 32px; border-bottom:1px solid var(--filete); }
.pz-marco--taller{ padding-bottom:28px; }
/* el viaje, arriba: una sola franja a lo ancho del Taller, como la ficha de la reserva de la fase
   5 — la ficha, las notas y las comisiones en tercios separados por filetes; la elegida se enciende */
.pz-taller__barra{ display:flex; align-items:stretch; gap:0; margin-bottom:14px; padding:6px; border:1px solid var(--filete); border-radius:18px; background:var(--hoja); }
.pz-taller__viaje{ flex:1 1 auto; display:flex; min-width:0; }
.pz-viaje-bt{ all:unset; box-sizing:border-box; cursor:pointer; position:relative; flex:1 1 0; display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px; align-items:center; min-width:0; padding:10px 18px 10px 12px;
  border-radius:12px; color:var(--tinta2); transition:background-color .2s; }
.pz-viaje-bt + .pz-viaje-bt::before{ content:""; position:absolute; left:0; top:14px; bottom:14px; width:1px; background:var(--filete); }
.pz-viaje-bt:hover, .pz-viaje-bt.on{ background:var(--suave); }
.pz-viaje-bt:hover::before, .pz-viaje-bt:hover + .pz-viaje-bt::before, .pz-viaje-bt.on::before, .pz-viaje-bt.on + .pz-viaje-bt::before{ opacity:0; }
.pz-viaje-bt:focus-visible{ outline:2px solid var(--marca); outline-offset:-2px; }
.pz-viaje-bt > i{ width:32px; height:32px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--filete2); font-style:normal; color:var(--tinta2); transition:background-color .2s, border-color .2s, color .2s; }
.pz-viaje-bt.on > i{ background:var(--acento); border-color:var(--acento); color:var(--acento-t); }
.pz-int .pz-viaje-bt > i .pz-ico{ width:15px; height:15px; }
.pz-viaje-bt > span{ min-width:0; display:grid; gap:3px; }
.pz-viaje-bt > span b{ font:400 9.5px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
.pz-viaje-bt.on > span b{ color:var(--tinta2); }
.pz-viaje-bt > span small{ font-size:13px; line-height:1.35; color:var(--tinta-f); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pz-taller{ display:grid; grid-template-columns:272px minmax(0,1fr); border:1px solid var(--filete); border-radius:22px; overflow:hidden; background:var(--hoja); }
/* en escritorio los dos paneles van separados: los días quedan fijos y sólo el día se desplaza */
@container pz (min-width:901px){
  #builderSection > .pz-rollo{ display:flex; flex-direction:column; overflow:hidden !important; }
  /* de borde a borde y hasta abajo: el Taller aprovecha el espacio entero, sin marco ni caja
     alrededor (Luis, 2026-09-29); la barra del viaje y los paneles se separan con filetes */
  .pz-marco--taller{ flex:1 1 auto; min-height:0; width:100%; max-width:none; display:flex; flex-direction:column; padding:0; }
  .pz-taller__barra{ margin:0; padding:6px 10px; border:0; border-bottom:1px solid var(--filete); border-radius:0; }
  .pz-taller{ border:0; border-radius:0; }
  .pz-taller{ flex:1 1 auto; min-height:0; grid-template-rows:minmax(0,1fr); }
  :is(.pz-taller__nav, .pz-taller__panel){ min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--filete2) transparent; }
  /* la lista de los días se desplaza sin barra; arriba, junto a «Los días», la píldora para
     agregar uno (la misma forma que «+ Servicio» en la cabecera del día), sin bajar hasta el final */
  .pz-taller__nav{ grid-template-columns:minmax(0,1fr) auto; align-items:center; scrollbar-width:none; }
  .pz-taller__nav::-webkit-scrollbar{ display:none; }
  .pz-taller__nav .pz-nav-it{ grid-column:1 / -1; }
  .pz-taller__nav .pz-ceja:first-child{ grid-column:1; grid-row:1; padding:0 10px; }
  .pz-taller__nav .pz-nav-it[data-dia="0"]{ margin-top:12px; }
  .pz-taller__nav .pz-nav-it--nuevo{ grid-column:2; grid-row:1; width:auto; grid-template-columns:auto auto; gap:4px; height:28px; margin-right:4px; padding:0 12px 0 9px;
    border-radius:99px; border:1px solid var(--filete2); color:var(--tinta2); transition:color .2s, background-color .2s, border-color .2s; }
  .pz-taller__nav .pz-nav-it--nuevo:hover{ border-color:var(--tinta3); color:var(--tinta-f); background:var(--suave); }
  .pz-taller__nav .pz-nav-it--nuevo > i{ width:auto; height:auto; border:0; color:inherit; }
  .pz-taller__nav .pz-nav-it--nuevo > span b{ font-size:12.5px; }
  /* al bajar por el día la barra del viaje se oculta (aria-interiores.js) y vuelve arriba */
  .pz-taller__barra{ max-height:120px; transition:max-height .3s ease, margin .3s ease, padding .3s ease, opacity .2s ease, border-color .2s ease; }
  .barra-oculta .pz-taller__barra{ max-height:0; margin-bottom:0; padding-top:0; padding-bottom:0; opacity:0; border-color:transparent; overflow:hidden; pointer-events:none; }
}
.pz-taller__nav{ position:relative; padding:18px 12px; background:var(--hoja2); border-right:1px solid var(--filete); display:grid; align-content:start; gap:2px; }
.pz-taller__nav .pz-ceja{ padding:16px 10px 8px; }
.pz-taller__nav .pz-ceja:first-child{ padding-top:4px; }
.pz-taller__nav .pz-ceja b{ font-weight:400; }
.pz-taller__dias{ display:contents; }
.pz-nav-it{ all:unset; box-sizing:border-box; cursor:pointer; display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; align-items:center; width:100%; padding:8px 10px; border-radius:12px; color:var(--tinta2); transition:background-color .2s, color .2s; }
.pz-nav-it:hover{ background:var(--suave); color:var(--tinta-f); }
.pz-nav-it.on{ background:var(--hoja); color:var(--tinta-f); box-shadow:inset 0 0 0 1px var(--filete2); }
.pz-nav-it:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
.pz-nav-it.drop-target{ box-shadow:inset 0 0 0 2px var(--marca); }
.pz-nav-it > i{ width:28px; height:28px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--filete2); font:300 14px/1 var(--glare); font-style:normal; color:var(--tinta-f); }
.pz-nav-it.on > i{ background:var(--acento); border-color:var(--acento); color:var(--acento-t); }
.pz-int .pz-nav-it > i .pz-ico{ width:14px; height:14px; }
.pz-nav-it > span{ min-width:0; display:grid; gap:1px; }
.pz-nav-it > span b{ font-weight:400; font-size:13.5px; line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.pz-nav-it > span small{ font-size:11px; color:var(--tinta3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pz-nav-it--nuevo{ color:var(--tinta3); }
.pz-nav-it--nuevo > i{ border-style:dashed; }
.pz-taller__panel{ padding:28px 32px 30px; min-width:0; }
.pz-vista{ display:none; }
.pz-vista.on{ display:block; }
.pz-int .pz-vista__tit{ margin:8px 0 22px; }
.pz-int .pz-vista__sub{ margin:-12px 0 20px; }
/* el recorrido del viaje: las paradas con sus noches y el traslado entre ellas */
.pz-int .recorrido{ margin:0 0 22px; padding:0 0 16px; border:0 !important; border-bottom:1px solid var(--filete) !important; background:transparent !important; box-shadow:none !important; }
.pz-int .recorrido *{ color:var(--tinta2) !important; background:transparent !important; border-color:var(--filete2) !important; }
.pz-int .recorrido :is(.rec-parada__eco, .rec-resumen){ color:var(--tinta-f) !important; }
/* un día: la ceja con su número, su ecosistema y su fecha; el título y el texto se editan ahí mismo */
#daysList > .pz-dia{ display:none; }
#daysList > .pz-dia.on{ display:block; }
.pz-dia-cab{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:start; padding-bottom:18px; border-bottom:1px solid var(--filete2); }
.pz-dia-cab__ceja{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pz-dia-cab__acc{ display:flex; align-items:center; gap:2px; }
/* lo que suma el día, por persona y cuántos servicios: una línea discreta bajo el texto */
.pz-int .pz-dia-cifras{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 24px; margin:14px 0 0; font-size:12px; color:var(--tinta3); }
.pz-dia-cifras b{ margin-right:7px; font:300 17px/1 var(--glare); color:var(--tinta-f); font-variant-numeric:tabular-nums; }
html.aria-lujo body .pz-int :is(.pz-dia-tit, .pz-dia-txt, .pz-fecha):not(#pz):not(#pz){ -webkit-appearance:none; appearance:none; width:100%; margin:0; border:1px solid transparent !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important; color:var(--tinta-f) !important; transition:border-color .2s, background-color .2s; }
html.aria-lujo body .pz-int .pz-dia-tit:not(#pz):not(#pz){ margin:6px -8px 0; width:calc(100% + 16px); padding:2px 8px; font:300 clamp(24px,2.3vw,30px)/1.2 var(--glare) !important; }
html.aria-lujo body .pz-int .pz-dia-txt:not(#pz):not(#pz){ margin:6px -8px 0; width:calc(100% + 16px); padding:4px 8px; resize:none; field-sizing:content; min-height:0; font:400 14px/1.65 var(--sans) !important; color:var(--tinta2) !important; }
html.aria-lujo body .pz-int .pz-fecha:not(#pz):not(#pz){ width:auto; height:28px; padding:0 8px; font:400 12px/1 var(--sans) !important; color:var(--tinta3) !important; }
html.aria-lujo body .pz-int .pz-fecha--fija:not(#pz):not(#pz){ color:var(--tinta-f) !important; border-color:var(--filete2) !important; }
/* lo que se puede editar se ve como texto hasta que se pasa por encima */
html.aria-lujo body .pz-int :is(.pz-dia-tit, .pz-dia-txt, .pz-fecha):not(#pz):not(#pz):hover{ border-color:var(--filete2) !important; background:var(--suave) !important; }
html.aria-lujo body .pz-int :is(.pz-dia-tit, .pz-dia-txt, .pz-fecha):not(#pz):not(#pz):focus-visible{ outline:none !important; border-color:var(--marca) !important; background:var(--suave) !important; }
.pz-icono.on{ color:var(--tinta-f); background:var(--suave); }
/* los servicios del día */
/* cada servicio en su propia ficha: fondo suave, filete fino y aire entre uno y otro, para ver de
   un vistazo dónde empieza y termina cada uno (Luis, 2026-09-29) */
.pz-int .pz-srvs{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:22px 0 0; padding:0; }   /* ninguna ficha más ancha que el panel; `.pz-int` le gana al margen 0 de las listas */
.pz-srv{ min-width:0; padding:18px 20px; border:1px solid var(--filete); border-radius:14px; background:var(--suave); transition:border-color .2s; }
.pz-srv:hover, .pz-srv:focus-within{ border-color:var(--filete2); }
.pz-srv.drop-target{ border-color:var(--marca); box-shadow:inset 0 2px 0 var(--marca); }
.pz-srv__cab{ display:grid; grid-template-columns:34px minmax(0,1fr) auto auto; gap:12px; align-items:center; }
.pz-srv__ico{ width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--suave); color:var(--tinta2); cursor:grab; }
.pz-srv__ico:active{ cursor:grabbing; }
.pz-srv__n{ font:300 17px/1.3 var(--glare); color:var(--tinta-f); }
.pz-srv__cod{ display:inline-block; margin-left:10px; font:400 10px/1 var(--sans); letter-spacing:.16em; color:var(--tinta3); vertical-align:2px; }
.pz-srv__d{ font-size:12px; color:var(--tinta3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pz-srv__p{ display:flex; align-items:center; gap:2px; }
.pz-precio{ font:300 19px/1 var(--glare); color:var(--tinta-f); font-variant-numeric:tabular-nums; white-space:nowrap; }
.pz-precio-sin{ padding:3px 10px; border-radius:99px; border:1px dashed var(--filete2); font-size:12px; color:var(--tinta2); white-space:nowrap; }
.pz-srv__acc{ display:flex; }
.pz-srv__campos{ display:flex; flex-wrap:wrap; gap:14px 26px; margin:16px 0 0 46px; }
.pz-srv__campo{ display:grid; gap:2px; min-width:0; }
.pz-srv__campo--ancho{ flex:1 1 220px; }
.pz-srv__tramo{ margin:10px 0 0; font-size:12px; color:var(--tinta3); }
.pz-srv > :is(.aviso-proyectada, .aviso-sin-tarifa){ margin:10px 0 0 46px; }
/* lo que se abre a pedido: sus botones en una fila con el costo y el margen a la derecha; lo
   abierto, en una hoja suave debajo (la ficha del catálogo, cómo sale el precio, textos y notas) */
.pz-srv__pliegues{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 22px; margin:16px 0 0 46px; }
.pz-pl-bt{ all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:center; gap:6px; padding:4px 0; border-bottom:1px solid transparent;
  font-size:12.5px; color:var(--tinta2); transition:color .2s, border-color .2s; }
.pz-pl-bt::after{ content:""; width:6px; height:6px; margin:-3px 0 0 2px; border-right:1.3px solid currentColor; border-bottom:1.3px solid currentColor; transform:rotate(45deg); transition:transform .25s, margin .25s; }
.pz-pl-bt:hover{ color:var(--tinta-f); }
.pz-pl-bt[aria-expanded="true"]{ color:var(--tinta-f); border-bottom-color:var(--marca); }
.pz-pl-bt[aria-expanded="true"]::after{ transform:rotate(225deg); margin-top:3px; }
.pz-pl-bt:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
.pz-pl-aviso{ display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#8A6A2F; color:#FFFFFF; font:400 10px/1 var(--sans); font-style:normal; }
.pz-pl-punto{ width:6px; height:6px; border-radius:50%; background:var(--marca); }
.pz-srv__resumen{ flex-basis:100%; margin-top:10px; padding-top:12px; border-top:1px solid var(--filete); font-size:12px; color:var(--tinta3); text-align:right; white-space:nowrap; }
/* si la tarjeta es angosta (el teléfono, una tableta, media pantalla) no caben en un renglón: el
   costo arriba, chico, y la venta debajo, los dos a la derecha. Se mide la lista de servicios,
   no la pantalla, así vale en cualquier tamaño */
.pz-int .pz-srvs{ container:srvs / inline-size; }
@container srvs (max-width:520px){
  .pz-srv__resumen{ display:grid; justify-items:end; gap:6px; }
  .pz-srv__resumen i{ display:none; }
}
.pz-srv__resumen b{ margin-left:6px; font:300 18px/1 var(--glare); color:var(--tinta-f); font-variant-numeric:tabular-nums; }
.pz-srv__resumen i{ margin:0 8px; font-style:normal; }
.pz-srv__pliegue{ margin:10px 0 0 46px; padding:14px 16px; border-radius:14px; background:var(--suave); }
.pz-srv__pliegue[hidden]{ display:none; }
.pz-srv__pliegue > div[class*="border-l-2"]{ display:grid; gap:5px; margin:0 !important; padding:0 !important; border:0 !important; font-size:12.5px !important; line-height:1.55; color:var(--tinta2) !important; }
.pz-srv__pliegue > div[class*="border-l-2"] *{ color:inherit !important; font-weight:400 !important; }
.pz-srv__pliegue > div[class*="border-l-2"] [class*="text-amber"]{ color:var(--tinta-f) !important; }
.pz-srv__pliegue .ficha-margen{ margin-top:4px; padding-top:8px; border-top:1px solid var(--filete2); }
.pz-srv__notas, .pz-srv__tres{ display:grid; gap:8px; }
.pz-srv__tres{ margin-top:0; }
.pz-srv__tres{ grid-template-columns:repeat(3,minmax(0,1fr)); }
html.aria-lujo body .pz-int .pz-area--baja:not(#pz):not(#pz){ min-height:60px; font-size:12.5px !important; }
/* los campos de la ficha del servicio: sin caja, un renglón con su filete abajo y la cifra en la
   letra de los títulos; al escribir, el filete toma el color de la marca */
html.aria-lujo body .pz-int .pz-srv__campo .pz-campo:not(#pz):not(#pz){ height:34px; min-height:0; padding:0 2px; border:0 !important; border-bottom:1px solid var(--filete2) !important; border-radius:0 !important;
  background-color:transparent !important; box-shadow:none !important; font:300 17px/1.2 var(--glare) !important; color:var(--tinta-f) !important; text-align:left; -moz-appearance:textfield; }
html.aria-lujo body .pz-int .pz-srv__campo .pz-campo:not(#pz):not(#pz)::-webkit-inner-spin-button, html.aria-lujo body .pz-int .pz-srv__campo .pz-campo:not(#pz):not(#pz)::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
html.aria-lujo body .pz-int .pz-srv__campo .pz-campo:not(#pz):not(#pz):focus-visible{ border-bottom-color:var(--marca) !important; box-shadow:none !important; }
html.aria-lujo body .pz-int .pz-srv__campo select.pz-campo:not(#pz):not(#pz){ padding-right:24px; background-position:right 2px center !important; font-size:15px !important; }
html.aria-lujo body .pz-int .pz-srv__campo input.pz-campo:not([type="number"]):not(#pz):not(#pz){ font:400 13.5px/1.2 var(--sans) !important; }
html.aria-lujo body .pz-int .pz-srv__campo .pz-campo--num:not(#pz):not(#pz){ width:64px; }
html.aria-lujo body .pz-int .pz-campo--num:not(#pz):not(#pz){ width:76px; text-align:right; }
html.aria-lujo body .pz-int .pz-campo--precio:not(#pz):not(#pz){ width:110px; text-align:right; font:300 17px/1 var(--glare) !important; }
.pz-unidad{ display:inline-flex; align-items:center; gap:6px; color:var(--tinta3); font-size:12px; }
.pz-mayus{ text-transform:uppercase; }
.pz-nuevo{ all:unset; box-sizing:border-box; cursor:pointer; display:flex; align-items:center; gap:10px; width:100%; margin-top:14px; padding:12px 14px; border-radius:12px; border:1px dashed var(--filete2); color:var(--tinta3); font-size:13px; transition:color .2s, border-color .2s; }
.pz-nuevo:hover{ color:var(--tinta-f); border-color:var(--tinta3); }
.pz-nuevo:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
.pz-pasadia{ display:flex; justify-content:space-between; gap:10px; margin-top:22px; }
/* el pasador de días: texto con su flecha, sin caja; se enciende al pasar */
.pz-paso{ all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:center; gap:4px; height:28px; padding:0 10px; border-radius:99px; font-size:12.5px; color:var(--tinta3); font-variant-numeric:tabular-nums; transition:color .2s, background-color .2s; }
.pz-paso:hover{ color:var(--tinta-f); background:var(--suave); }
.pz-paso:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
.pz-int .pz-paso svg{ width:14px; height:14px; }
/* arriba, junto a los botones del día y separado de ellos por un filete */
.pz-pasadia--arriba{ align-items:center; gap:0; margin:0 6px 0 0; padding-right:6px; border-right:1px solid var(--filete2); }
.pz-pasadia--arriba .pz-paso{ padding:0 8px; }
/* «+ Servicio» arriba del día: la misma pastilla discreta, con un filete que la delata como acción */
.pz-paso--nuevo{ margin-right:4px; padding:0 12px 0 9px; border:1px solid var(--filete2); color:var(--tinta2); }
.pz-paso--nuevo:hover{ border-color:var(--tinta3); }
.pz-vacio-grande{ padding:48px 12px; text-align:center; }
.pz-vacio-grande .pz-h2{ color:var(--tinta2); }
/* la ficha, las notas y las comisiones */
.pz-rejilla--3{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pz-par--ancho{ grid-column:1 / -1; }
/* lo que pone el sistema (el código, la asesora) se lee sin caja de campo */
html.aria-lujo body .pz-int .pz-fijo:not(#pz):not(#pz){ background:transparent !important; border-style:dashed !important; color:var(--tinta-f) !important; }
.pz-int .pz-fijo:empty::before{ content:"se asigna al guardar"; color:var(--tinta3); }
.pz-combo{ position:relative; }
.pz-resultados{ position:absolute; z-index:6; left:0; right:0; top:calc(100% + 6px); display:grid; gap:2px; max-height:320px; overflow-y:auto; padding:6px;
  border-radius:14px; border:1px solid var(--filete2); background:var(--hoja); box-shadow:var(--sombra); }
.pz-resultado{ all:unset; box-sizing:border-box; cursor:pointer; display:grid; gap:3px; padding:9px 12px; border-radius:10px; font-size:13.5px; color:var(--tinta2); transition:background-color .15s; }
.pz-resultado b{ font-weight:500; color:var(--tinta-f); }
.pz-resultado small{ font-size:11.5px; color:var(--tinta3); font-variant-numeric:tabular-nums; }
.pz-resultado:hover, .pz-resultado.on{ background:var(--suave); }
.pz-resultados__nada{ padding:9px 12px; font-size:12.5px; color:var(--tinta3); }
/* lo elegido de una lista (la cotización que refirió, el cliente del padrón): el nombre con su dato
   debajo y, a la derecha, la X para cambiarlo */
.pz-referido{ justify-content:space-between; gap:8px; padding-right:2px; }
html.aria-lujo body .pz-int .pz-referido:not(.hidden):not(#pz):not(#pz){ display:flex !important; align-items:center; height:auto !important; min-height:44px; padding-top:6px !important; padding-bottom:6px !important; }
/* el canal lo fija el cliente elegido en la ficha: en el perfil se lee y no se toca */
.pz-perfil__fila[data-fijo] .pz-opcion{ cursor:default; }
.pz-perfil__fila[data-fijo] .pz-opcion:not([aria-checked="true"]){ opacity:.45; }
.pz-perfil__fila[data-fijo] .pz-perfil__et::after{ content:" · lo trae el cliente"; color:var(--tinta3); font-size:11px; letter-spacing:0; text-transform:none; }
/* quién y cuándo puso a mano el margen o el precio de un servicio */
.pz-int .pz-srv__audit{ display:grid; grid-template-columns:13px minmax(0,1fr); gap:3px 8px; margin:10px 0 0; font-size:11.5px; line-height:1.4; color:var(--tinta3); }
.pz-int .pz-srv__audit .pz-ico{ width:13px; height:13px; margin-top:2px; }
.pz-srv__audit > :not(.pz-ico){ grid-column:2; justify-self:start; }
.pz-srv__soltar{ all:unset; cursor:pointer; color:var(--tinta-f); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--filete2); }
.pz-srv__soltar:hover{ text-decoration-color:var(--marca); }
.pz-srv__soltar:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
/* una pregunta con sus opciones, sobre un velo */
.pz-pregunta{ position:fixed; inset:0; z-index:95; display:grid; place-items:center; padding:20px; background:rgba(13,23,32,.62); }
html.aria-lujo body .pz-pregunta__caja.pz-int:not(#pz){ width:min(520px, 100%); max-height:100%; overflow-y:auto; display:grid; gap:14px; padding:26px 26px 22px;
  border:1px solid var(--filete2); border-radius:20px; background:var(--hoja) !important; box-shadow:var(--sombra); }
.pz-pregunta__ops{ display:grid; gap:10px; }
.pz-pregunta__op{ all:unset; box-sizing:border-box; cursor:pointer; display:grid; gap:4px; padding:14px 16px; border:1px solid var(--filete2); border-radius:14px; transition:border-color .2s, background-color .2s; }
.pz-pregunta__op b{ font:400 15px/1.3 var(--sans); color:var(--tinta-f); }
.pz-pregunta__op small{ font-size:12.5px; line-height:1.5; color:var(--tinta2); }
.pz-pregunta__op:hover, .pz-pregunta__op:focus-visible{ border-color:var(--marca); background:var(--suave); }
.pz-pregunta__caja > .pz-bt{ justify-self:end; }
.pz-referido .pz-mono{ display:block; font-size:10.5px; color:var(--tinta3); overflow:hidden; text-overflow:ellipsis; }
.pz-edades input{ width:70px !important; }
.pz-notas-cab{ display:grid; gap:16px; }
.pz-dos{ gap:8px; flex-wrap:nowrap; }
.pz-dos .pz-unidad{ flex:1; }
.pz-com-filas{ display:grid; gap:2px; margin-bottom:18px; }
.pz-com-filas > div{ padding:6px 0; border-bottom:1px solid var(--filete); }
.pz-int .com-sw{ color:var(--tinta-f) !important; }
/* la nota de cada interruptor: sin la opacidad que le pone la consola (en teal quedaba en 4,2:1) */
.pz-int .com-sw__nota{ color:var(--tinta2) !important; opacity:1 !important; font-size:11px; }   /* a 10 px no se leía en escritorio */
/* encendido, el interruptor es deep con letra blanca: la nota va en ese mismo blanco, un punto
   más suave (en el tema claro quedaba tinta oscura sobre deep, 1,6:1) */
.pz-int .com-sw[aria-pressed="true"] .com-sw__nota{ color:inherit !important; opacity:.82 !important; }
.pz-com-filas [data-comcon]{ color:var(--tinta-f) !important; font-weight:400 !important; }
.pz-com-filas [data-comsin], .pz-com-filas .pointer-events-none{ color:var(--tinta3) !important; }
.pz-com-agente{ padding-top:14px; border-top:1px solid var(--filete2); }
.pz-com-util{ margin-top:16px; }
.pz-com-util > span{ display:grid; }
.pz-com-pie{ justify-content:space-between; margin-top:14px; }
.pz-linea{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; padding:6px 0; border-bottom:1px solid var(--filete); font-size:13.5px; color:var(--tinta2); }
.pz-linea b{ font-weight:400; color:var(--tinta-f); text-align:right; }
.pz-int #avisoPrecioBox{ margin-top:14px; border-radius:12px !important; }

/* ═════ FASE 3 · EL LIBRO ABIERTO (la maqueta, Luis 2026-09-29) ═════
   Sobre el editor del documento (doc/doc-editor.js), con las variables de los tres temas: arriba
   la barra (el formato a la izquierda; zoom, retícula, replanteo, vista previa, pestaña, PDF y
   avisos a la derecha); a la izquierda la tira de páginas por capítulo, numerada y CONTENIDA a la
   altura del libro (se desliza sola, no estira la página); al centro una página grande a la vez,
   con flechas a los costados y su pie (capítulo, nombre, «9 de 35»); a la derecha el panel de
   ajustes como una hoja. Bajo 1180 px de panel el panel no cae debajo: flota sobre la escena con
   su botón. En el celular la tira va arriba, a lo ancho (aria-movil.css). Las demás páginas no se
   esconden: se corren fuera de la vista, porque el editor las sigue midiendo (los desbordes de
   cada caja). La vista previa limpia y el PDF muestran el documento entero. El papel no se toca. */
html.aria-lujo #fase3 .ed-raiz{ --ed-foco:var(--marca); --ed-borde:var(--filete); position:relative; background:var(--suelo) !important; color:var(--tinta); font-family:var(--sans); }
/* la barra: el formato como selector de tres; lo demás, pastillas finas a la derecha */
html.aria-lujo #fase3 .ed-raiz .ed-barra__abrir{ display:none !important; }
html.aria-lujo #fase3 .ed-raiz .ed-barra__resto{ display:contents !important; }
html.aria-lujo #fase3 .ed-raiz .ed-barra{ gap:10px; padding:16px 24px 14px; background:transparent; border-bottom:0; color:var(--tinta); }
html.aria-lujo #fase3 .ed-raiz .ed-grupo[data-ui="modos"]{ gap:2px; padding:3px; border-radius:99px; border:1px solid var(--filete2); }
html.aria-lujo #fase3 .ed-raiz .ed-grupo[data-ui="modos"] .ed-btn{ height:30px; padding:0 14px; border:0; border-radius:99px; background:transparent; color:var(--tinta2); }
html.aria-lujo #fase3 .ed-raiz .ed-grupo[data-ui="modos"] .ed-btn[aria-pressed="true"]{ background:var(--acento); color:var(--acento-t); }
html.aria-lujo #fase3 .ed-raiz .ed-sep{ width:1px; height:20px; align-self:center; margin:0 4px; background:var(--filete2); }
html.aria-lujo #fase3 .ed-raiz .ed-grupo[data-ui="modos"] + .ed-sep{ margin-left:auto; width:0; background:none; }
html.aria-lujo #fase3 .ed-raiz .ed-etq{ font:400 9.5px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
html.aria-lujo #fase3 .ed-raiz input[data-ui="zoom"]{ width:96px; accent-color:var(--marca); }
html.aria-lujo #fase3 .ed-raiz .ed-btn{ height:32px; padding:0 13px; border:1px solid var(--filete2); border-radius:99px; background:transparent; font:400 12.5px/1 var(--sans); color:var(--tinta-f); transition:background-color .2s, border-color .2s; }
html.aria-lujo #fase3 .ed-raiz .ed-btn:hover{ background:var(--suave); border-color:var(--tinta3); }
html.aria-lujo #fase3 .ed-raiz .ed-btn:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
html.aria-lujo #fase3 .ed-raiz .ed-btn[aria-pressed="true"], html.aria-lujo #fase3 .ed-raiz .ed-btn--fuerte{ background:var(--acento); border-color:var(--acento); color:var(--acento-t); }
/* el cuerpo: tira, escena y panel; el alto es el del libro, así que la tira no estira nada */
html.aria-lujo #fase3 .ed-raiz .ed-cuerpo{ padding:0 24px 20px; }
html.aria-lujo #fase3 .ed-raiz .ed-tira-col{ flex:0 0 176px; margin-right:8px; background:transparent; border-right:0; }
html.aria-lujo #fase3 .ed-raiz .ed-tira{ padding:6px 12px 16px 2px; background:transparent; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--filete2) transparent; }
html.aria-lujo #fase3 .ed-raiz .pz-tira__cap{ margin:18px 0 10px 30px; font:400 9.5px/1.3 var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--tinta3); }
html.aria-lujo #fase3 .ed-raiz .pz-tira__cap:first-child{ margin-top:4px; }
html.aria-lujo #fase3 .ed-raiz .ed-min{ display:grid; grid-template-columns:22px minmax(0,1fr); gap:0 8px; align-items:start; margin-bottom:12px; }
html.aria-lujo #fase3 .ed-raiz .ed-min__prev{ grid-column:2; grid-row:1; border:0; border-radius:4px; background:var(--hoja2); outline:2px solid transparent; outline-offset:2px; transition:outline-color .2s; }
html.aria-lujo #fase3 .ed-raiz .ed-min:hover .ed-min__prev{ outline-color:var(--filete2); }
html.aria-lujo #fase3 .ed-raiz .ed-min[aria-current="true"] .ed-min__prev{ outline-color:var(--marca); box-shadow:none; }
html.aria-lujo #fase3 .ed-raiz .ed-min__cap{ display:contents; }
html.aria-lujo #fase3 .ed-raiz .ed-min__no{ grid-column:1; grid-row:1; font:400 10.5px/1.7 var(--sans); color:var(--tinta3); text-align:right; }
html.aria-lujo #fase3 .ed-raiz .ed-min[aria-current="true"] .ed-min__no{ color:var(--tinta-f); }
html.aria-lujo #fase3 .ed-raiz .ed-min__sec, html.aria-lujo #fase3 .ed-raiz .ed-min__badge{ display:none; }
html.aria-lujo #fase3 .ed-raiz .ed-min__marcas{ top:4px; right:4px; padding:1px 4px; border-radius:6px; background:rgba(26,38,51,.72); color:#FFFFFF; font-size:10px; }
html.aria-lujo #fase3 .ed-raiz .ed-min__marcas:empty{ display:none; }
/* la copia de la página dentro de cada miniatura, anclada a la esquina: el .doc la centraba con
   su ancho real (794 px) y quedaba corrida fuera de la ficha — la miniatura «vacía» */
.ed-min__prev > .doc{ display:block !important; padding:0 !important; margin:0 !important; width:100% !important; height:auto !important; gap:0 !important; background:transparent !important; }
.ed-min__prev > .doc > .pagina{ margin:0 !important; transform-origin:0 0 !important; box-shadow:none !important; }
/* la escena: la página grande, con aire abajo para su pie */
html.aria-lujo #fase3 .ed-raiz .ed-lienzo{ background:transparent; touch-action:pan-x pan-y; }
@media screen{
  html.aria-lujo #fase3 .ed-raiz.pz-libro:not([data-limpio="1"]) .ed-lienzo .marco:not([data-seleccionada]){ position:absolute !important; left:-100000px !important; top:0; visibility:hidden; pointer-events:none; }
  html.aria-lujo #fase3 .ed-raiz.pz-libro:not([data-limpio="1"]) .ed-lienzo{ padding:8px 60px 24px; }
  /* el asa para arrastrar la página no tiene adónde ir con una sola a la vista: se reordena en la tira */
  html.aria-lujo #fase3 .ed-raiz.pz-libro:not([data-limpio="1"]) .ed-lienzo .pagina__asa{ display:none !important; }
}
html.aria-lujo #fase3 .ed-raiz[data-limpio="1"] .ed-lienzo{ background:#FFFFFF; }
.pz-libro__flecha{ all:unset; box-sizing:border-box; position:absolute; top:50%; z-index:5; width:40px; height:40px; margin-top:-20px; display:grid; place-items:center; cursor:pointer; border-radius:50%;
  color:var(--tinta-f); background:var(--hoja); border:1px solid var(--filete2); transition:background-color .2s, border-color .2s, opacity .2s; }
.pz-libro__flecha:hover{ background:var(--acento); border-color:var(--acento); color:var(--acento-t); }
.pz-libro__flecha:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
.pz-libro__flecha:disabled{ opacity:.3; cursor:default; background:var(--hoja); border-color:var(--filete2); color:var(--tinta-f); }
.pz-libro__flecha .pz-ico{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pz-libro__flecha--ant{ left:calc(var(--libro-izq, 0px) + 10px); }
.pz-libro__flecha--sig{ right:calc(var(--libro-der, 0px) + 10px); }
.ed-raiz[data-limpio="1"] :is(.pz-libro__flecha, .pz-libro__pie){ display:none; }
@media print{ :is(.pz-libro__flecha, .pz-libro__pie){ display:none !important; } }   /* lo del libro no sale en el papel */
/* el pie de la página, dentro del lienzo y justo debajo de ella (nunca encima): el capítulo en
   ceja, su nombre y cuál de cuántas */
.pz-libro__pie{ display:flex; align-items:baseline; justify-content:center; gap:6px 14px; flex-wrap:wrap; margin:0; padding:16px 0 4px; text-align:center; }
.pz-libro__cap{ font:400 9.5px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
.pz-libro__cap:empty{ display:none; }
.pz-libro__nom{ min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:300 18px/1.25 var(--glare); letter-spacing:-.005em; color:var(--tinta-f); }
.pz-libro__n{ flex:none; font:400 12px/1.3 var(--sans); color:var(--tinta3); font-variant-numeric:tabular-nums; }
/* el panel de ajustes: una hoja a la derecha, con sus secciones y campos del interior */
html.aria-lujo #fase3 .ed-raiz .ed-insp{ flex:0 0 300px; align-self:flex-start; max-height:100%; margin-left:8px; padding:18px 20px; border:1px solid var(--filete); border-radius:18px; background:var(--hoja); color:var(--tinta); }
html.aria-lujo #fase3 .ed-raiz .ed-insp h3{ margin:0 0 12px; font:400 10px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
html.aria-lujo #fase3 .ed-raiz .ed-insp section{ margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--filete); }
html.aria-lujo #fase3 .ed-raiz .ed-insp section:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
html.aria-lujo #fase3 .ed-raiz .ed-insp .ed-campo{ display:flex; flex-direction:column; gap:6px; margin-bottom:12px; font-size:12.5px; color:var(--tinta2); }
html.aria-lujo #fase3 .ed-raiz .ed-insp .ed-campo:has(input[type="checkbox"]){ flex-direction:row; align-items:center; gap:10px; }
html.aria-lujo #fase3 .ed-raiz .ed-insp :is(select, input:not([type="checkbox"]), textarea){ height:36px; padding:0 12px; border:1px solid var(--filete2); border-radius:10px; background:var(--suave); color:var(--tinta-f); font:400 13px/1.3 var(--sans); }
html.aria-lujo #fase3 .ed-raiz .ed-insp textarea{ height:auto; padding:8px 12px; }
html.aria-lujo #fase3 .ed-raiz .ed-insp :is(select, input, textarea):focus-visible{ outline:none; border-color:var(--marca); box-shadow:0 0 0 3px var(--marcado); }
html.aria-lujo #fase3 .ed-raiz .ed-insp select option{ color:#1A2633; background:#FFFFFF; }
html.aria-lujo #fase3 .ed-raiz .ed-insp input[type="checkbox"]{ width:15px; height:15px; accent-color:var(--acento); }
html.aria-lujo #fase3 .ed-raiz .ed-insp .ed-nada{ font-size:12px; line-height:1.55; color:var(--tinta3); }
html.aria-lujo #fase3 .ed-raiz .ed-insp .ed-medidor b{ font:300 22px/1 var(--glare); color:var(--tinta-f); }
html.aria-lujo #fase3 .ed-raiz :is(.ed-fab, .ed-insp-cerrar){ background:var(--acento); color:var(--acento-t); border:0; box-shadow:var(--sombra); }
/* bajo 1180 px de panel el panel de ajustes no cae debajo de la página: flota sobre la escena,
   a la derecha, y se abre con su botón (o al tocar una página) */
@container pz (max-width:1179px){
  html.aria-lujo #fase3 .ed-raiz .ed-tira-col{ flex-basis:148px; }
  html.aria-lujo #fase3 .ed-raiz .ed-insp{ position:absolute; top:0; right:24px; bottom:20px; z-index:15; width:min(320px, calc(100% - 96px)); max-width:none; max-height:none; margin:0; padding-top:48px; overflow-y:auto;
    box-shadow:var(--sombra); transform:translateX(calc(100% + 32px)); opacity:0; pointer-events:none; transition:transform .25s ease, opacity .2s ease; }
  html.aria-lujo #fase3 .ed-raiz[data-panel="abierto"] .ed-insp{ transform:none; opacity:1; pointer-events:auto; }
  html.aria-lujo #fase3 .ed-raiz .ed-fab{ display:flex; right:36px; bottom:32px; }
  html.aria-lujo #fase3 .ed-raiz[data-panel="abierto"] .ed-fab{ display:none; }
  html.aria-lujo #fase3 .ed-raiz[data-panel="abierto"] .ed-insp-cerrar{ display:flex; top:10px; right:34px; }
}
/* los avisos: un botón con su número en la barra; al tocarlo, su panel se abre debajo de ella */
.lujo-avisos-bt{ height:32px; padding:0 12px 0 10px; border-radius:99px; display:inline-flex; align-items:center; gap:8px; cursor:pointer; font:400 12.5px/1 var(--sans);
  color:var(--tinta-f); background:transparent; border:1px solid var(--filete2); transition:background-color .2s, border-color .2s; }
.lujo-avisos-bt:hover{ background:var(--suave); border-color:var(--tinta3); }
.lujo-avisos-bt[aria-expanded="true"]{ background:var(--acento); border-color:var(--acento); color:var(--acento-t); }
.lujo-avisos-bt svg{ width:15px; height:15px; }
.lujo-avisos-bt__n{ min-width:20px; height:20px; padding:0 6px; border-radius:99px; background:#8A6A2F; color:#FFFFFF; font-size:11px; display:inline-flex; align-items:center; justify-content:center; font-variant-numeric:tabular-nums; }
.lujo-avisos-bt__n:empty{ display:none; }
html.aria-lujo #fase3 .ed-raiz:not(.avisos-abiertos) > .ed-pie{ display:none !important; }
html.aria-lujo #fase3 .ed-raiz.avisos-abiertos > .ed-pie{ position:absolute; right:24px; top:var(--alto-barra-doc, 60px); z-index:30; display:block; width:min(680px, calc(100% - 48px)); max-height:min(62vh, 560px); overflow:auto;
  padding:0; border:1px solid var(--filete2); border-radius:16px; background:var(--hoja); box-shadow:var(--sombra); color:var(--tinta); }
html.aria-lujo #fase3 .ed-raiz .ed-pie__cab{ position:sticky; top:0; z-index:1; flex-wrap:wrap; row-gap:6px; gap:12px; margin:0; padding:12px 16px; background:var(--hoja); border-bottom:1px solid var(--filete); }
html.aria-lujo #fase3 .ed-raiz .ed-pie .ed-etq{ color:var(--tinta3); }
html.aria-lujo #fase3 .ed-raiz .ed-pie [data-ui="contador"]{ font-size:12px; color:var(--tinta-f); white-space:nowrap; }
html.aria-lujo #fase3 .ed-raiz .ed-pie .ed-prop{ gap:10px; font-size:12px; color:var(--tinta2); }
html.aria-lujo #fase3 .ed-raiz .ed-pie .ed-prop > span[data-fuera="1"]{ color:var(--tinta-f); text-decoration:underline; text-decoration-color:#8A6A2F; text-underline-offset:3px; }
html.aria-lujo #fase3 .ed-raiz .ed-pie .ed-plegar{ display:none; }
html.aria-lujo #fase3 .ed-raiz .ed-avisos{ display:block; max-height:none; padding:6px 16px 12px; font-size:12.5px; }
html.aria-lujo #fase3 .ed-raiz .ed-avisos li{ padding:8px 0 8px 12px; border-left:2px solid var(--filete2); border-bottom:1px solid var(--filete); color:var(--tinta2); }
html.aria-lujo #fase3 .ed-raiz .ed-avisos li[data-g="dura"]{ border-left-color:#B3261E; }
html.aria-lujo #fase3 .ed-raiz .ed-avisos li[data-g="media"]{ border-left-color:#8A6A2F; }
html.aria-lujo #fase3 .ed-raiz .ed-avisos code{ padding:1px 6px; border-radius:6px; background:var(--suave); color:var(--tinta-f); font-size:10.5px; }
/* en el celular: la tira arriba, a lo ancho, y el pie bajo la página, en su lugar */
@media (max-width:767px){
  /* la barra en renglones ordenados (Luis, 2026-09-29): el formato a lo ancho, en tres partes
     iguales; el zoom con la retícula; replanificar y la vista limpia, mitad y mitad; y abajo
     abrir en pestaña, los avisos y el PDF. Sin separadores: el orden lo dan los renglones */
  html.aria-lujo #fase3 .ed-raiz .ed-barra{ flex-wrap:wrap; gap:12px 8px; padding:14px 16px 12px; }
  html.aria-lujo #fase3 .ed-raiz .ed-sep{ display:none; }
  html.aria-lujo #fase3 .ed-raiz .ed-grupo[data-ui="modos"]{ order:1; flex:1 1 100%; }
  html.aria-lujo #fase3 .ed-raiz .ed-grupo[data-ui="modos"] .ed-btn{ flex:1 1 0; min-width:0; height:32px; padding:0 8px; }
  html.aria-lujo #fase3 .ed-raiz .ed-etq{ order:2; }
  html.aria-lujo #fase3 .ed-raiz input[data-ui="zoom"]{ order:3; flex:1 1 40%; width:auto; min-width:0; }   /* 40 %: cabe con la retícula y no deja subir a «Replanificar» */
  html.aria-lujo #fase3 .ed-raiz .ed-btn[data-accion="reticula"]{ order:4; }
  html.aria-lujo #fase3 .ed-raiz .ed-btn[data-accion="replanificar"]{ order:5; }
  html.aria-lujo #fase3 .ed-raiz .ed-btn[data-accion="limpio"]{ order:6; }
  html.aria-lujo #fase3 .ed-raiz :is(.ed-btn[data-accion="replanificar"], .ed-btn[data-accion="limpio"]){ flex:1 1 calc(50% - 4px); min-width:0; }
  html.aria-lujo #fase3 .ed-raiz .ed-btn[data-accion="pestana"]{ order:7; }
  html.aria-lujo #fase3 .ed-raiz .lujo-avisos-bt{ order:8; justify-content:center; }
  html.aria-lujo #fase3 .ed-raiz .ed-btn[data-accion="pdf"]{ order:9; }
  html.aria-lujo #fase3 .ed-raiz :is(.ed-btn[data-accion="pestana"], .lujo-avisos-bt, .ed-btn[data-accion="pdf"]){ flex:1 1 auto; min-width:0; }
  html.aria-lujo #fase3 .ed-raiz :is(.ed-btn, .lujo-avisos-bt){ height:34px; }
  html.aria-lujo #fase3 .ed-raiz .ed-cuerpo{ padding:0 0 16px; }
  html.aria-lujo #fase3 .ed-raiz .ed-tira-col{ flex:none; width:auto; margin:0; }
  html.aria-lujo #fase3 .ed-raiz .ed-tira{ display:flex; gap:10px; overflow-x:auto; overflow-y:hidden; padding:4px 16px 10px; scrollbar-width:none; }
  html.aria-lujo #fase3 .ed-raiz .ed-tira::-webkit-scrollbar{ display:none; }
  html.aria-lujo #fase3 .ed-raiz .pz-tira__cap{ display:none; }
  html.aria-lujo #fase3 .ed-raiz .ed-min{ flex:0 0 96px; grid-template-columns:minmax(0,1fr); margin:0; }
  html.aria-lujo #fase3 .ed-raiz .ed-min__prev{ grid-column:1; }
  html.aria-lujo #fase3 .ed-raiz .ed-min__no{ display:none; }
  html.aria-lujo #fase3 .ed-raiz.pz-libro:not([data-limpio="1"]) .ed-lienzo{ padding:8px 12px 0; }
  .pz-libro__flecha{ display:none; }   /* en el celular se pasa de página con la tira */
  .pz-libro__pie{ padding:12px 4px 0; }
}
/* muy angosto: letra un punto menor y los avisos sólo con su señal y su número, para que el
   último renglón quepa entero */
@media (max-width:360px){
  html.aria-lujo #fase3 .ed-raiz :is(.ed-btn, .lujo-avisos-bt){ padding:0 10px; font-size:12px; }
  html.aria-lujo #fase3 .ed-raiz .lujo-avisos-bt > span:not(.lujo-avisos-bt__n){ display:none; }
}

/* ═════ FASE 4 · LA CARPETA ═════
   Cuatro papeles —el documento, el brief, la evidencia y el historial—, cada uno con su estado
   debajo del nombre. El documento es papel: los temas no lo tocan (va con sus colores fijos), y
   sus opciones van a la derecha como renglones de una hoja. Los brief, evidencia e historial
   conservan su marcado y su script (consola.css los dibuja con sus variables --ink/--suelo-2…):
   acá esas variables se traducen a las del interior, y sólo dentro de esos tres, nunca en el papel.
   El prefijo lleva dos ids para ganarle al §6 de aria-lujo.css (los campos, con un id adentro)
   y a su gemela del tema claro. */
.pz-carpeta :is(.ob, .doc-aviso-bk){ --ink:var(--tinta-f); --ink-70:var(--tinta2); --ink-14:var(--filete2); --ink-08:var(--filete); --ink-04:var(--suave);
  --suelo-2:var(--hoja2); --blanco:var(--suave); --teal:var(--marca); }

/* las carpetas: el nombre grande y, debajo, cómo está (● listo, ○ falta algo) */
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas{ display:flex; flex-wrap:nowrap !important; align-items:flex-end; gap:28px; margin:0 0 28px; padding:0 !important; background:none !important; border:0 !important; border-bottom:1px solid var(--filete2) !important; border-radius:0 !important;
  overflow-x:auto; scrollbar-width:none; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas::-webkit-scrollbar{ display:none; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab{ all:unset; box-sizing:border-box; cursor:pointer; flex:0 1 auto; min-width:0; display:grid; gap:4px; padding:2px 0 13px !important; border-bottom:2px solid transparent !important; box-shadow:none !important; transition:border-color .2s; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab b{ font:300 18px/1.2 var(--glare); color:var(--tinta2); transition:color .2s; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab:hover b, html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab--on b{ color:var(--tinta-f); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab.doc-tab--on{ border-bottom-color:var(--marca) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab:focus-visible{ outline:2px solid var(--marca) !important; outline-offset:2px; box-shadow:none !important; }
.pz-carpeta-estado{ display:flex; align-items:center; gap:6px; min-width:0; min-height:15px; font:400 11.5px/1.3 var(--sans); color:var(--tinta3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pz-carpeta-estado i{ flex:none; width:6px; height:6px; border-radius:50%; border:1px solid currentColor; }
.pz-carpeta-estado i.lleno{ background:var(--marca); border-color:var(--marca); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-bk{ margin-left:auto; align-self:flex-end; padding:0 0 15px !important; border:0 !important; border-radius:0 !important; background:none !important;
  font:400 10.5px/1.3 var(--sans) !important; letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3) !important; white-space:nowrap; }

/* el documento: el papel a la izquierda, las opciones a la derecha */
html.aria-lujo #fase4.pz-carpeta:not(#pz) #docDocumento{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:32px; align-items:start; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) #docDocumento > .doc-hoja{ grid-column:1; grid-row:1; min-width:0; padding:0 !important; background:none !important; }
/* lo ancho del documento se desliza dentro del papel; la hoja no se desplaza, así la barra de
   formato (sticky) se queda fija arriba al bajar por el documento */
@media (min-width:768px){ html.aria-lujo #fase4.pz-carpeta:not(#pz) #docVista2{ overflow-x:auto; } }
/* en el celular baja la página: la barra se fija justo bajo el encabezado encogido */
@media (max-width:767px){ html.aria-lujo #fase4.pz-carpeta:not(#pz) .bf{ top:calc(var(--vc-alto, 0px) + 8px) !important; z-index:6; } }
html.aria-lujo #fase4.pz-carpeta:not(#pz) #docDocumento > #docPanel{ grid-column:2; grid-row:1; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel{ width:auto !important; max-width:none; padding:4px 18px 12px !important; background:var(--hoja) !important; border:1px solid var(--filete) !important; border-radius:18px !important; overflow:visible !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel__cuerpo{ display:block !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-plegar{ display:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-grupo{ display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:0 12px !important; margin:0 !important; padding:14px 0 8px !important; border:0 !important; border-bottom:1px solid var(--filete) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-grupo:last-child{ border-bottom:0 !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-grupo > div:not(.doc-rt):not(.hidden){ display:contents; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-tit{ grid-column:1 / -1; display:block !important; margin:0 0 4px !important; font:400 10.5px/1.3 var(--sans) !important; letter-spacing:.2em !important; text-transform:uppercase; color:var(--tinta3) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-tit::after{ content:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel .doc-lbl{ grid-column:1; margin:0 !important; padding:9px 0; font:400 13px/1.35 var(--sans) !important; letter-spacing:0 !important; text-transform:none !important; color:var(--tinta2) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel :is(.doc-sel, .doc-inp):not(.doc-rt *){ grid-column:2; justify-self:end; width:auto !important; min-width:0; max-width:160px; height:30px !important; padding:0 12px !important; border-radius:99px !important;
  background-color:var(--suave) !important; border:1px solid var(--filete2) !important; color:var(--tinta-f) !important; font:400 12.5px/1 var(--sans) !important; box-shadow:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel .doc-inp:not(.doc-rt *){ width:84px !important; text-align:right; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel .doc-sel option{ color:#1A2633; background:#FFFFFF; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.doc-sel, .doc-inp):hover{ border-color:var(--tinta3) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.doc-sel, .doc-inp):focus-visible{ outline:none !important; border-color:var(--marca) !important; box-shadow:0 0 0 3px var(--marcado) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-rt{ grid-column:1 / -1; }
/* los interruptores: una casilla de verdad con forma de pastilla */
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-sw{ grid-column:1 / -1; display:flex !important; flex-direction:row-reverse; justify-content:space-between; align-items:center; gap:12px; min-height:38px; padding:4px 0 !important;
  font:400 13px/1.35 var(--sans) !important; color:var(--tinta2) !important; cursor:pointer; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-sw.hidden{ display:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-sw input[type="checkbox"]{ -webkit-appearance:none; appearance:none; flex:none; width:34px; height:20px; margin:0; border-radius:99px; cursor:pointer;
  background:radial-gradient(circle at 10px 50%, var(--tinta) 6px, transparent 6.6px), var(--filete2) !important; border:1px solid var(--filete2) !important; transition:background-color .16s, border-color .16s; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-sw input[type="checkbox"]:checked{ background:radial-gradient(circle at calc(100% - 10px) 50%, var(--acento-t) 6px, transparent 6.6px), var(--acento) !important; border-color:var(--acento) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-sw input[type="checkbox"]:focus-visible{ outline:2px solid var(--marca) !important; outline-offset:2px; box-shadow:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-sw.doc-sw--na::after{ color:var(--tinta3) !important; }

/* los papeles del brief, la evidencia y el historial: hojas del interior */
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob{ max-width:none; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel{ background:var(--hoja) !important; border:1px solid var(--filete) !important; border-radius:18px !important; overflow:visible; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel__cab{ min-height:0; padding:16px 22px 4px !important; background:none !important; border:0 !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel__cab h3{ font:400 10.5px/1.3 var(--sans) !important; letter-spacing:.2em !important; text-transform:uppercase; color:var(--tinta3) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel__cuerpo{ padding:12px 22px 22px !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-cuenta{ height:20px; min-width:20px; border-color:var(--filete2); color:var(--tinta2); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-bt{ height:32px; padding:0 13px; background:transparent !important; border:1px solid var(--filete2) !important; color:var(--tinta-f) !important; transition:background-color .2s, border-color .2s; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-bt:hover{ background:var(--suave) !important; border-color:var(--tinta3) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-bt:focus-visible{ outline:2px solid var(--marca) !important; outline-offset:2px; box-shadow:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-sub{ margin:6px 0 0; color:var(--tinta2); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-rejilla .doc-lbl{ margin:0 0 5px !important; font:400 10px/1.3 var(--sans) !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:var(--tinta3) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob :is(.doc-sel, .doc-inp){ width:100% !important; height:36px !important; padding:0 12px !important; border-radius:10px !important; background-color:var(--suave) !important; border:1px solid var(--filete2) !important;
  color:var(--tinta-f) !important; font:400 13px/1 var(--sans) !important; box-shadow:none !important; color-scheme:dark; }
html[data-tema="claro"].aria-lujo #fase4.pz-carpeta:not(#pz) .ob :is(.doc-sel, .doc-inp){ color-scheme:light; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob .doc-sel option{ color:#1A2633; background:#FFFFFF; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-interruptor{ background:var(--suave); border-color:var(--filete2); color:var(--tinta-f); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-interruptor i{ background:var(--filete2); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-interruptor i::after{ background:var(--tinta-f) !important; box-shadow:none !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-interruptor input:checked + i{ background:var(--acento); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-interruptor input:checked + i::after{ background:var(--acento-t) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-acciones{ padding:4px 0 0; }
/* el brief: «El viaje» a lo ancho, en una franja; debajo los vuelos a la izquierda y, a la derecha,
   los pasajeros con los agentes debajo (las dos columnas quedan parejas); los pasaportes a lo ancho */
html.aria-lujo #fase4.pz-carpeta:not(#pz) #briefCuerpo{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); grid-template-areas:"viaje viaje" "general pasajeros" "general agentes" "pasaportes pasaportes" "acciones acciones";
  grid-template-rows:auto auto 1fr auto auto; gap:18px; align-items:start; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--viaje{ grid-area:viaje; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--general{ grid-area:general; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--pasajeros{ grid-area:pasajeros; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--agentes{ grid-area:agentes; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--pasaportes{ grid-area:pasaportes; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) #briefCuerpo > .doc-acciones{ grid-area:acciones; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--general .ob-rejilla--4{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.pz-viaje > div{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:38px; padding:5px 0; border-bottom:1px solid var(--filete); }
.pz-viaje > div:last-child{ border-bottom:0; }
.pz-viaje dt{ font-size:13px; color:var(--tinta2); }
.pz-viaje dd{ min-width:0; font-size:13.5px; color:var(--tinta-f); text-align:right; }
/* en escritorio «El viaje» es una franja: los cuatro datos en fila, con la etiqueta en ceja y el
   valor en la letra de los títulos, separados por filetes */
@container pz (min-width:901px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--viaje .pz-viaje{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr); }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--viaje .pz-viaje > div{ display:grid; align-content:start; gap:6px; min-height:0; padding:2px 20px; border:0; border-left:1px solid var(--filete); }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--viaje .pz-viaje > div:first-child{ padding-left:0; border-left:0; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--viaje .pz-viaje dt{ font:400 9.5px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel--viaje .pz-viaje dd{ font:300 17px/1.3 var(--glare); letter-spacing:-.005em; text-align:left; }
}
/* la evidencia: dónde soltar los archivos (se queda a la vista) y lo que ya hay */
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-evid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:32px; align-items:start; }
.pz-soltar{ position:sticky; top:20px; display:grid; place-items:center; align-content:center; gap:12px; min-height:240px; padding:28px 24px; border-radius:18px; border:1px dashed var(--filete2); text-align:center;
  transition:border-color .2s, background-color .2s; }
.pz-soltar.encima{ border-color:var(--marca); background:var(--suave); }
.pz-soltar .pz-p{ max-width:34ch; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-soltar .ob-bt{ margin-top:4px; background:var(--acento) !important; border-color:var(--acento) !important; color:var(--acento-t) !important; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-soltar .ob-bt:hover{ background:var(--acento-h) !important; border-color:var(--acento-h) !important; }
/* la barra de formato en una sola fila: junto al panel de opciones no entra entera en dos; si
   no cabe, se desliza (aria-lujo.css §38 la dibuja) */
html.aria-lujo #fase4.pz-carpeta:not(#pz) .bf{ flex-wrap:nowrap !important; overflow-x:auto; justify-content:flex-start; scrollbar-width:none; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .bf::-webkit-scrollbar{ display:none; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .bf > *{ flex:none; }
@media (min-width:768px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .bf-sep{ margin:0 1px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .bf-sel{ max-width:100px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.bf-bt, .bf-color, .bf-restaurar){ width:26px !important; min-width:26px; height:26px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .bf-tam > span{ display:none; }   /* «pt»: el campo ya dice el tamaño */
}
/* el historial: la tabla de reservas sin caja dentro de la hoja, filas con filete y aire; el
   proveedor en la letra de los títulos; el estado en tres renglones con su punto de color
   (salvia = hecho, ocre = a medias, hueco = pendiente) y la clave arriba, junto a la nota */
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-intro{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px; margin-bottom:18px; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-intro .ob-nota{ margin:0; max-width:62ch; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-leyenda{ display:flex; gap:16px; margin:0; font-size:11.5px; color:var(--tinta3); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.hi-leyenda span, .hi-conf > div)::before{ content:""; display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; vertical-align:1px; box-sizing:border-box; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.hi-leyenda, .hi-conf) [data-k="ok"]::before{ background:#7D9B5B; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.hi-leyenda, .hi-conf) [data-k="medio"]::before{ background:#8A6A2F; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.hi-leyenda, .hi-conf) [data-k="no"]::before{ border:1px solid var(--tinta3); }
/* el estado tiene su ancho: cada renglón en una sola línea */
@container pz (min-width:901px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) :is(.hi-cabezas, .hi-fila){ grid-template-columns:minmax(0,1.5fr) 100px minmax(196px,1.1fr) repeat(3,minmax(0,.8fr)); }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf dd{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-cabezas{ padding:0 12px 10px; border-bottom:1px solid var(--filete2); font:400 9.5px/1.3 var(--sans); letter-spacing:.18em; color:var(--tinta3); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi{ border:0; border-radius:0; background:none; overflow:visible; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-fila{ padding:18px 12px; border-radius:12px; transition:background-color .2s; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-fila + .hi-fila{ border-top:1px solid var(--filete); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-fila:hover{ background:var(--suave); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-quien b{ font:300 16px/1.3 var(--glare); letter-spacing:-.005em; color:var(--tinta-f); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-quien small{ font:400 12px/1.45 var(--sans); color:var(--tinta2); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-costo{ font:300 17px/1 var(--glare); color:var(--tinta-f); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf{ display:grid; gap:5px; margin:0; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf > div{ display:flex; align-items:baseline; min-width:0; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf dt{ flex:none; width:54px; font:400 9.5px/1.3 var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--tinta3); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf dd{ min-width:0; margin:0; font-size:12.5px; line-height:1.3; color:var(--tinta-f); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf [data-k="no"] dd{ color:var(--tinta3); }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf[title], html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf > [title]{ cursor:help; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-num{ font:400 12px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing:.04em; color:var(--tinta-f); word-break:break-all; }
html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-vacio{ font:400 12px/1.3 var(--sans); color:var(--tinta3); }

@container pz (max-width:1180px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) #docDocumento{ grid-template-columns:minmax(0,1fr) 280px; gap:24px; }
}
/* angosto: las opciones arriba del papel, plegadas en su pastilla; los papeles en una columna */
@container pz (max-width:900px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) #docDocumento{ grid-template-columns:minmax(0,1fr); gap:16px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) #docDocumento > :is(.doc-hoja, #docPanel){ grid-column:1; grid-row:auto; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel{ padding:4px !important; border-radius:22px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-plegar{ all:unset; box-sizing:border-box; cursor:pointer; display:flex !important; align-items:center; justify-content:space-between; width:100%; height:40px; padding:0 14px 0 16px;
    font:400 13px/1 var(--sans); color:var(--tinta-f); border-radius:99px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-plegar:focus-visible{ outline:2px solid var(--marca) !important; outline-offset:2px; box-shadow:none !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-plegar svg{ width:16px; height:16px; transition:transform .2s; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel--abierto .doc-plegar svg{ transform:rotate(180deg); }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel:not(.doc-panel--abierto) .doc-panel__cuerpo{ display:none !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-panel__cuerpo{ padding:0 14px 6px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) #briefCuerpo{ grid-template-columns:minmax(0,1fr); grid-template-areas:"viaje" "general" "pasajeros" "agentes" "pasaportes" "acciones"; grid-template-rows:none; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-evid{ grid-template-columns:minmax(0,1fr); gap:20px; }
  .pz-soltar{ position:static; min-height:180px; }
}
@container pz (max-width:600px){
  /* angosto: las cuatro en una fila, cada una con el ancho de su nombre más una parte igual de lo
     que sobra, centrada y separada de la siguiente por un filete; lo que dice cada una se corta si
     no cabe (Luis, 2026-09-29) */
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas{ gap:0; margin-bottom:20px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab{ position:relative; flex:1 1 auto; justify-items:center; min-width:0; padding:2px 10px 12px !important; text-align:center; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab + .doc-tab::before{ content:""; position:absolute; left:0; top:3px; bottom:15px; width:1px; background:var(--filete2); }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab b{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14.5px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .pz-carpeta-estado{ max-width:100%; justify-content:center; font-size:10.5px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .doc-bk{ display:none !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel__cab{ padding:14px 16px 2px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-panel__cuerpo{ padding:10px 16px 18px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-rejilla--2{ grid-template-columns:minmax(0,1fr); }
  /* fecha y hora de los vuelos, a dos por renglón: con menos relleno y el calendario pegado cabe
     el año entero («01/07/202…» se cortaba a 375 px) */
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-rejilla :is(input[type="date"], input[type="time"]){ padding-left:8px !important; padding-right:6px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-rejilla :is(input[type="date"], input[type="time"])::-webkit-calendar-picker-indicator{ margin-left:0; padding:0; }
  /* el historial en el teléfono: el proveedor con su costo a la derecha; el estado a lo ancho (a
     media columna sus renglones se partían); y los tres papeles, cada uno en su renglón, el nombre
     a la izquierda y sus archivos a la derecha (en tres columnas los nombres se encimaban) */
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-fila{ grid-template-columns:minmax(0,1fr) auto; gap:12px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-quien{ grid-column:1; grid-row:1; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-costo{ grid-column:2; grid-row:1; justify-self:end; text-align:right; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-conf{ grid-column:1 / -1; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-fila > [data-rot]:not(.hi-costo, .hi-conf){ grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:30px; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .hi-fila > [data-rot]:not(.hi-costo, .hi-conf)::before{ margin-bottom:0; }
}
/* muy angosto: «Brief» a secas y, debajo de cada nombre, sólo su punto (● listo, ○ falta algo) */
@container pz (max-width:460px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .pz-carpeta-largo{ display:none; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .pz-carpeta-estado{ font-size:0; gap:0; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab{ padding:2px 6px 11px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab b{ font-size:13.5px; }
}
@container pz (max-width:360px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob-rejilla--4{ grid-template-columns:minmax(0,1fr); }   /* la fecha no cabe a dos por renglón */
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab{ padding:2px 4px 10px !important; }
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .pz-carpetas .doc-tab b{ font-size:12.5px; }
}
@media (max-width:767px){
  html.aria-lujo #fase4.pz-carpeta:not(#pz) .ob :is(.doc-sel, .doc-inp){ font-size:16px !important; }
}

/* ═════ FASE 5 · LA LISTA DE TRABAJO ═════
   Arriba el avance y el filtro; debajo la cabecera de la reserva en pastillas que se copian, las
   notas del viaje y las líneas por día: casilla, orden, código, el nombre del servicio (su tipo,
   su proveedor, su lugar y sus notas se despliegan debajo con la flecha), fechas, cantidad, pax,
   costo y venta; sin scroll de lado a media pantalla: sólo el nombre puede partirse. Todo lo que
   lleva `data-copiar` se copia con un clic (la consola escucha en la fase entera). El prefijo
   lleva dos ids para ganarle a las reglas generales de aria-lujo.css —los campos (§6) y las
   tablas de la consola (cabecera de tinta, cebra, filete)— y a sus gemelas del claro. */
.pz-seg{ display:inline-flex; max-width:100%; overflow-x:auto; scrollbar-width:none; padding:3px; border-radius:99px; border:1px solid var(--filete2); gap:2px; }
.pz-seg::-webkit-scrollbar{ display:none; }
.pz-seg button{ all:unset; box-sizing:border-box; cursor:pointer; padding:6px 13px; border-radius:99px; font-size:12.5px; color:var(--tinta2); white-space:nowrap; transition:color .2s, background-color .2s; }
.pz-seg button:hover{ color:var(--tinta-f); }
.pz-seg button.on{ background:var(--acento); color:var(--acento-t); }
.pz-seg button b{ font-weight:400; margin-left:6px; font-variant-numeric:tabular-nums; }
.pz-seg button:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
.pz-oculto{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cab{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px 24px; align-items:end; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cab .pz-h{ margin-top:6px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cab .pz-barra{ grid-column:1 / -1; }
/* la cabecera de la reserva: una sola ficha con los datos separados por filetes finos; la
   etiqueta en ceja y el valor en la letra de los títulos; al pasar, se enciende el que se copia */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copias{ display:flex; flex-wrap:wrap; margin-top:24px; padding:6px; border-radius:18px; border:1px solid var(--filete); background:var(--hoja); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia{ all:unset; box-sizing:border-box; cursor:pointer; position:relative; flex:1 1 auto; display:grid; gap:6px; min-width:0; max-width:100%; padding:12px 18px 13px; border-radius:12px;
  transition:background-color .2s; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia + .pz-copia::before{ content:""; position:absolute; left:0; top:14px; bottom:14px; width:1px; background:var(--filete); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia .pz-et{ font-size:9.5px; letter-spacing:.2em; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia:hover{ background:var(--suave); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia:hover::before, html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia:hover + .pz-copia::before{ opacity:0; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia:focus-visible{ outline:2px solid var(--marca); outline-offset:-2px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia b{ max-width:260px; font:300 17px/1.2 var(--glare); letter-spacing:-.005em; color:var(--tinta-f); font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia--vacia{ cursor:default; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia--vacia:hover{ background:none; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia--vacia b{ color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .ts-copiable{ cursor:pointer; border-radius:6px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .ts-copiable:hover{ background-color:var(--suave); }
html.aria-lujo #fase5.pz-lista:not(#pz) .ts-copiada{ background-color:var(--marcado); }
/* las notas del viaje: sin caja, cada una con su filete a la izquierda (la que no se puede
   olvidar, en el color de la marca) y el texto con aire */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-notas{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:14px 28px; margin-top:22px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nota{ padding:4px 16px 6px 18px; border-left:1px solid var(--filete2); border-radius:0 12px 12px 0; transition:background-color .2s; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nota:hover{ background:var(--suave); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nota--requisitos{ border-left:2px solid var(--marca); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nota .pz-ceja{ font-size:9.5px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nota__txt{ margin-top:6px; font:300 15px/1.55 var(--glare); color:var(--tinta-f); white-space:pre-line; }
/* el aviso del código, en prosa */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-codigos{ margin-top:14px; max-width:92ch; font-size:12.5px; line-height:1.55; color:var(--tinta2); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-codigos b{ font-weight:400; color:var(--tinta-f); }
/* la tabla */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-tabla{ margin-top:26px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla{ display:table; width:100%; table-layout:auto; border-collapse:collapse; font-size:13px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla thead{ display:table-header-group; position:sticky; top:0; z-index:3; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla th{ display:table-cell; padding:0 14px 12px 0; text-align:left; font:400 9.5px/1.3 var(--sans); letter-spacing:.12em; text-transform:uppercase; white-space:nowrap;
  color:var(--tinta3) !important; background:var(--suelo) !important; border-bottom:1px solid var(--filete2); box-shadow:none !important; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody{ display:table-row-group; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr{ display:table-row; border:0; background:none; transition:background-color .2s; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr[hidden]{ display:none !important; }
/* al pasar, la línea se enciende; la abierta queda encendida junto con su detalle */
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr:not(.pz-grupo, .pz-ts-det):hover, html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-ts-abierta{ background:var(--suave); }
/* cada celda en un renglón; sólo el nombre del servicio se parte, y sólo si no cabe */
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td{ display:table-cell; padding:15px 14px 15px 0; border-bottom:1px solid var(--filete); vertical-align:middle; text-align:left; white-space:nowrap;
  font:400 13px/1.4 var(--sans); color:var(--tinta2); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla :is(td, th):first-child{ padding-left:10px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla :is(td, th):last-child{ padding-right:10px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla .pz-der{ text-align:right !important; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td b{ font-weight:400; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td small{ font-size:11px; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="casilla"]{ width:28px; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="n"]{ width:24px; font-size:11.5px; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="cod"] .pz-mono{ font-size:11.5px; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cod-nuestro{ cursor:help; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="serv"]{ width:100%; white-space:normal; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="venta"] b{ font:300 16px/1.2 var(--glare); letter-spacing:-.005em; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td.pz-nada, html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td.pz-heredado{ color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-punto{ font-style:normal; margin:0 7px; color:var(--tinta3); }
/* el nombre, en la letra de los títulos; a su lado el aviso (si hay) y la flecha del detalle */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-serv{ display:flex; align-items:center; gap:10px; min-width:0; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nom{ flex:0 1 auto; min-width:0; font:300 15.5px/1.35 var(--glare); letter-spacing:-.005em; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-de{ font:400 11.5px/1 var(--sans); color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-ojo{ flex:none; display:inline-grid; place-items:center; cursor:help; color:var(--marca); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-ojo .pz-ico{ width:15px; height:15px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-mas{ all:unset; box-sizing:border-box; flex:none; position:relative; display:inline-grid; place-items:center; width:26px; height:26px; margin-left:auto; border-radius:50%;
  cursor:pointer; color:var(--tinta3); border:1px solid transparent; transition:color .2s, border-color .2s, background-color .2s; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-mas:hover{ color:var(--tinta-f); border-color:var(--filete2); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-mas:focus-visible{ outline:2px solid var(--marca); outline-offset:2px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-mas .pz-ico{ width:15px; height:15px; transition:transform .3s cubic-bezier(.2,.7,.2,1); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-mas[aria-expanded="true"] .pz-ico{ transform:rotate(180deg); }
/* el punto: esta línea trae notas o nombre adicional, cosas que también se teclean */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-mas--notas::after{ content:""; position:absolute; top:2px; right:2px; width:6px; height:6px; border-radius:50%; background:var(--marca); }
/* el detalle de la línea: una ficha suave bajo ella, con cada dato en su renglón corto */
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-ts-det:not(.abierta){ display:none !important; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-ts-det{ background:var(--suave); }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-ts-det td{ padding-top:0; padding-bottom:18px; white-space:normal; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-ficha{ display:grid; gap:12px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-ficha dl{ display:flex; flex-wrap:wrap; gap:10px 34px; margin:0; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-ficha dt{ font:400 9.5px/1.3 var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-ficha dd{ margin:3px 0 0; font-size:13px; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-tipo{ display:inline-flex; align-items:center; gap:6px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-tipo .pz-ico{ width:14px; height:14px; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nota-linea{ font-size:12.5px; line-height:1.5; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-nota-linea .pz-et{ display:inline-block; min-width:128px; margin-right:10px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-ficha__avisos{ display:flex; flex-wrap:wrap; gap:6px; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody .pz-aviso{ display:inline-flex; align-items:center; gap:6px; padding:3px 11px 3px 9px; border-radius:99px; border:1px solid var(--filete2); font-size:11.5px; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody .pz-aviso .pz-ico{ width:13px; height:13px; color:var(--marca); }
/* el corte de cada día: su número en ceja, su nombre en la letra de los títulos y la fecha */
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-grupo td{ padding:34px 10px 12px; border:0; border-bottom:1px solid var(--filete2); background:none; white-space:normal; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-grupo:first-child td{ padding-top:22px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-dia{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-dia__n{ font:400 10px/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-dia__t{ font:300 19px/1.25 var(--glare); letter-spacing:-.01em; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-dia__f{ font-size:12px; color:var(--tinta3); }
/* las partes de un combo y la fila ya tecleada */
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-combo td{ padding-top:8px; padding-bottom:8px; border-bottom-style:dashed; font-size:12px; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-combo--cab td{ padding:10px 10px 4px 62px; border-bottom:0; font-size:11.5px; white-space:normal; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr:has(> td > [data-transcrita]:checked) :is(td, b, .pz-ts-nom){ color:var(--tinta3); text-decoration:none; }
/* la casilla: una casilla de verdad, dibujada */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-casilla{ -webkit-appearance:none; appearance:none; display:block; width:18px; height:18px; margin:0; border-radius:6px; cursor:pointer; background:transparent !important; border:1px solid var(--filete2); transition:background-color .15s, border-color .15s; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-casilla:hover{ border-color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-casilla:checked{ border-color:var(--acento); background:var(--acento) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat !important; }
html[data-tema="teal"].aria-lujo #fase5.pz-lista:not(#pz) .pz-casilla:checked{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23046477' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") !important; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-casilla:focus-visible{ outline:2px solid var(--marca) !important; outline-offset:2px; box-shadow:none !important; }
/* los totales y el último paso */
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-totales{ margin-top:28px; padding:20px 24px; border:1px solid var(--filete); border-radius:18px; background:var(--hoja); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cifras{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cifras dt{ font:400 10px/1.3 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--tinta3); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cifras dd{ margin-top:6px; font:300 22px/1.15 var(--glare); color:var(--tinta-f); font-variant-numeric:tabular-nums; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-com{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--filete); font-size:13px; color:var(--tinta2); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-com b{ font-weight:400; font-size:15px; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-alerta{ margin-top:12px; padding:10px 14px; border-radius:12px; border:1px solid var(--filete2); background:var(--suave); font-size:12.5px; line-height:1.5; color:var(--tinta-f); }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-eco{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px 28px; margin-top:18px; padding:20px 24px; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-eco > div{ flex:1 1 320px; display:grid; gap:6px; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsEcoEstado *{ color:inherit !important; font-weight:400 !important; }
html.aria-lujo #fase5.pz-lista:not(#pz) #tsEcoEstado b{ color:var(--tinta-f) !important; }
html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-eco .pz-bt svg{ width:15px; height:15px; }

/* angosto: cada línea es una ficha (servicio y venta arriba; código y costo; fechas y cantidad; pax) */
@container pz (max-width:900px){
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cab{ grid-template-columns:minmax(0,1fr); }
  /* la ficha de la reserva se parte en dos filas: sin filetes, que quedarían sueltos al empezar la segunda */
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia + .pz-copia::before{ display:none; }
  /* el filtro (todas, pendientes, transcritas) baja a encabezar la tabla, debajo de las notas
     del viaje: la cabecera se deshace y cada pieza toma su lugar en la columna */
  html.aria-lujo #fase5.pz-lista:not(#pz) > .pz-marco{ display:flex; flex-direction:column; }
  html.aria-lujo #fase5.pz-lista:not(#pz) > .pz-marco > *{ order:10; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cab{ display:contents; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cab > *{ order:1; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cab .pz-barra{ margin-top:16px; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsCabecera{ order:3; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsNotas{ order:4; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsFiltro{ order:5; align-self:flex-start; margin-top:26px; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla, html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody{ display:block; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-tabla thead{ display:none; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr{ display:grid; grid-template-columns:26px minmax(0,1fr) auto; grid-template-areas:"c serv venta" "c cod costo" "c fechas cant" "c pax pax";
    gap:4px 12px; padding:12px 0; border-bottom:1px solid var(--filete); align-items:start; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td{ display:block; padding:0 !important; border:0; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="casilla"]{ grid-area:c; width:auto; padding-top:2px !important; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="n"]{ display:none; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="serv"]{ grid-area:serv; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="venta"]{ grid-area:venta; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="cod"]{ grid-area:cod; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="costo"]{ grid-area:costo; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="fechas"]{ grid-area:fechas; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="cant"]{ grid-area:cant; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="pax"]{ grid-area:pax; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td:is([data-c="cod"], [data-c="costo"], [data-c="fechas"], [data-c="cant"], [data-c="pax"]){ font-size:12px; color:var(--tinta3); }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td:is([data-c="costo"], [data-c="cant"], [data-c="pax"])::before{ font:400 9.5px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase; margin-right:6px; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="costo"]::before{ content:"costo"; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="cant"]::before{ content:"cant."; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td[data-c="pax"]::before{ content:"pax"; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td:empty{ display:none; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr:is(.pz-grupo, .pz-combo--cab, .pz-ts-det){ display:block; padding:0; border:0; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-ts-det td[data-c="det"]{ display:block; padding:0 0 16px 38px !important; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-ts-det td:not([data-c="det"]){ display:none; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody td{ white-space:normal; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-grupo td{ padding:28px 0 10px !important; border-bottom:1px solid var(--filete2); }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr.pz-combo--cab td{ padding:8px 0 0 38px !important; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cifras{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@container pz (max-width:600px){
  /* la ficha de la reserva en dos columnas con filete fino entre cada dato (Luis, 2026-09-29: de
     lado se cortaba): el cliente a lo ancho; después adultos y niños, entrada y salida, canal y
     moneda. El filete es el fondo que asoma entre las celdas */
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copias{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:1px; margin-top:18px; padding:0; overflow:hidden; background:var(--filete); }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia{ padding:11px 14px 12px; border-radius:0; background:var(--hoja); }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia:first-child{ grid-column:1 / -1; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-copia b{ max-width:100%; font-size:15.5px; }
  /* el filtro, a lo ancho y en tres partes iguales */
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsFiltro{ align-self:stretch; display:flex; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsFiltro button{ flex:1 1 0; min-width:0; padding:7px 6px; text-align:center; }
  /* cada día: su número arriba y su nombre debajo, siempre igual (juntos en un renglón sólo cuando cabían) */
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-dia{ flex-direction:column; align-items:flex-start; gap:4px; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-totales, html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-eco{ padding:18px 16px; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-cifras dd{ font-size:19px; }
  html.aria-lujo #fase5.pz-lista:not(#pz) .pz-ts-eco .pz-bt{ flex:1; }
}
/* muy angosto: el nombre del servicio a lo ancho, con su flecha; debajo, en dos columnas, el código
   con la venta, las fechas con el costo y los pax con la cantidad. El filtro, un punto más chico */
@container pz (max-width:460px){
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsBody tr{ grid-template-areas:"c serv serv" "c cod venta" "c fechas costo" "c pax cant"; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsFiltro button{ font-size:12px; }
  html.aria-lujo #fase5.pz-lista:not(#pz) #tsFiltro button b{ margin-left:4px; }
}

/* ═════ LOS ANCHOS DEL PANEL ═════ */
@container pz (max-width:1180px){
  .pz-dl > div{ grid-template-columns:140px minmax(0,1fr) 68px; }
}
@container pz (max-width:900px){
  .pz-taller{ grid-template-columns:minmax(0,1fr); }
  /* angosto (el celular): el Taller de lado a lado, sin marco ni caja; arriba los días sólo con su
     número (se toca cualquiera) y entre ellos se pasa deslizando el día de lado (aria-interiores.js) */
  .pz-marco.pz-marco--taller{ padding:0 0 28px; max-width:none; }
  .pz-taller__barra{ margin:0; padding:4px 6px; border:0; border-bottom:1px solid var(--filete); border-radius:0; }
  .pz-taller{ border:0; border-radius:0; }
  .pz-taller__nav{ display:flex; justify-content:center; gap:4px; overflow-x:auto; scrollbar-width:none; padding:10px 12px; border-right:0; border-bottom:1px solid var(--filete); }
  .pz-taller__nav .pz-ceja{ display:none; }
  .pz-nav-it{ width:auto; flex:none; grid-template-columns:30px; padding:0; border-radius:50%; }
  .pz-nav-it, .pz-nav-it:hover, .pz-nav-it.on{ background:none; box-shadow:none; }
  .pz-nav-it > i{ width:30px; height:30px; }
  .pz-nav-it > span{ display:none; }
  .pz-pasadia--arriba{ display:none; }
  .pz-taller{ overflow:visible; }
  /* la fila de los días, fija arriba siempre que se ve (en la tableta se desplaza el panel; en el
     celular, la página: ahí se pega bajo el encabezado, más abajo) */
  .pz-taller__nav{ position:sticky; top:0; z-index:5; background:var(--hoja); }
  .pz-dia.entra-sig{ animation:pz-entra-sig .28s ease-out; }
  .pz-dia.entra-ant{ animation:pz-entra-ant .28s ease-out; }
  .pz-rejilla--3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pz-srv__tres{ grid-template-columns:minmax(0,1fr); }
  .pz-exp{ gap:28px; }
  .pz-exp__carta{ position:static; }
}
@container pz (max-width:600px){
  .pz-marco{ padding:20px 16px 84px; }
  .pz-int .pz-solo-movil{ display:inline-flex; margin-top:12px; }
  .pz-int .pz-solo-escritorio{ display:none; }
  .pz-h{ font-size:23px; }
  .pz-bloque{ margin-top:28px; }
  .pz-carta-hoja{ padding:16px 18px 18px; }
  .pz-carta{ font-size:15px; line-height:1.7; }
  .pz-carta--corta{ max-height:190px; overflow:hidden; -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent); mask-image:linear-gradient(180deg,#000 62%,transparent); }
  /* en el teléfono: la etiqueta y de dónde salió el dato en un renglón; el valor debajo, a lo ancho */
  .pz-dl > div{ grid-template-columns:minmax(0,1fr) auto; gap:2px 12px; padding:8px 6px; margin:0 -6px; }
  .pz-dl__et{ grid-column:1; grid-row:1; }
  .pz-dl .pz-origen{ grid-column:2; grid-row:1; }
  .pz-dl > div > :not(.pz-dl__et, .pz-origen){ grid-column:1 / -1; grid-row:2; }
  .pz-faltan li{ flex-wrap:wrap; gap:2px 12px; }
  .pz-perfil__fila{ grid-template-columns:minmax(0,1fr); gap:10px; padding:18px 0; }
  .pz-perfil__fila:first-child .pz-perfil__et{ padding-top:0; }
  .pz-opcion{ padding:0 13px; }
  html.aria-lujo body .pz-int .pz-resumen:not(#pz):not(#pz){ font-size:16.5px !important; }
  .pz-rejilla{ grid-template-columns:minmax(0,1fr); }
  .pz-siguiente{ padding:18px; }
  .pz-siguiente__pie .pz-bt--pral{ flex:1; }
  .pz-cabeza{ flex-wrap:wrap; }
  .pz-franja, .pz-progreso{ padding-left:16px; padding-right:16px; }
  .pz-taller__panel{ padding:18px 16px 22px; }
  html.aria-lujo body .pz-int .pz-dia-tit:not(#pz):not(#pz){ font-size:22px !important; }
  /* en el teléfono, las tres cifras del día centradas en tercios: la cifra arriba y su etiqueta debajo */
  .pz-int .pz-dia-cifras{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:0; margin-top:18px; padding:14px 0 12px; border-radius:12px; background:var(--suave); text-align:center; }
  .pz-dia-cifras span{ display:grid; justify-items:center; gap:5px; }
  .pz-dia-cifras span + span{ border-left:1px solid var(--filete); }
  .pz-dia-cifras b{ margin:0; font-size:18px; }
  .pz-dia-cab{ grid-template-columns:minmax(0,1fr); gap:6px; }
  /* los botones del día suben al renglón de la fecha, a la derecha (no ocupan un renglón solos) */
  .pz-dia-cab{ position:relative; }
  .pz-dia-cab__ceja{ padding-right:112px; }
  .pz-paso--nuevo{ width:28px; padding:0; justify-content:center; }   /* en el teléfono, sólo el + */
  .pz-paso--nuevo span{ display:none; }
  .pz-dia-cab__acc{ position:absolute; top:-2px; right:-6px; }
  /* la tarjeta en el teléfono: el nombre a lo ancho; debajo, el precio y las acciones */
  .pz-srv__cab{ grid-template-columns:30px minmax(0,1fr) auto; grid-template-areas:"ico nom nom" "ico pre acc"; gap:6px 10px; align-items:center; }
  .pz-srv__ico{ grid-area:ico; align-self:start; width:30px; height:30px; }
  .pz-srv__cab > .min-w-0{ grid-area:nom; }
  .pz-srv__p{ grid-area:pre; }
  .pz-srv__acc{ grid-area:acc; margin-right:-6px; }
  .pz-srv__campos, .pz-srv__pliegues, .pz-srv__pliegue, .pz-srv > :is(.aviso-proyectada, .aviso-sin-tarifa){ margin-left:0 !important; }
  .pz-viaje-bt{ grid-template-columns:minmax(0,1fr); justify-items:center; padding:10px 6px; text-align:center; }
  .pz-viaje-bt > i, .pz-viaje-bt > span small{ display:none; }
  .pz-viaje-bt > span b{ letter-spacing:.1em; white-space:nowrap; }
  .pz-viaje-bt{ border-radius:0; }   /* recto, como la barra de lado a lado */
  .pz-viaje-bt + .pz-viaje-bt::before{ top:9px; bottom:9px; background:var(--filete2); }   /* la división, que se vea */
  .pz-srv{ padding:14px 14px 16px; border-radius:12px; }

  .pz-rejilla--3{ grid-template-columns:minmax(0,1fr); }
}
/* con menos de 16 px el iPhone se acerca al tocar un campo */
@media (max-width:767px){
  html.aria-lujo body .pz-int :is(.pz-campo, .pz-area, .pz-dl__v):not(#pz):not(#pz){ font-size:16px !important; }
}
/* en el celular la barra del viaje y la fila de los días se mueven JUNTAS con el contenido, como un
   solo bloque; al llegar arriba la barra pasa por detrás del encabezado (que en el Taller queda
   quieto, encogido: aria-fases.js) y los días quedan fijos justo debajo. Se fijan y se sueltan en el
   mismo instante, así nada se separa ni rebota; sin animaciones propias (Luis, 2026-09-29) */
@media (max-width:767px){
  #builderSection .pz-taller__barra{ position:sticky; top:calc(var(--vc-alto, 0px) - 42px); z-index:4; height:42px; background:var(--hoja); }
  #builderSection .pz-taller__nav{ position:sticky; top:var(--vc-alto, 0px); z-index:5; background:var(--hoja); }
}
@keyframes pz-entra-sig{ from{ opacity:.2; transform:translateX(36px); } to{ opacity:1; transform:none; } }
@keyframes pz-entra-ant{ from{ opacity:.2; transform:translateX(-36px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .pz-int *{ transition:none !important; animation:none !important; } }