/* ============================================================================
   panel/assets/modulos/campanas.css — lo que solo usa el módulo Campañas
   (migración 197, 22 oct 2026)
   ============================================================================
   Copia de las piezas de Ofertas y Alianzas (la sección con su número, la
   barra, el segundo clic, la ficha en rejilla): mismos tokens de marca.css y
   panel.css y los componentes comunes (.caja, .btn, .pill, .metrica, .campo,
   .chip). Sin caja dentro de caja: dentro de una sección, el espacio y una
   línea fina separan.
   ========================================================================== */
.cpa-ico{display:inline-flex;flex:none;color:inherit;margin-right:var(--esp-2)}
.cpa-ico svg{width:1.1rem;height:1.1rem}
.cpa-s{inline-size:var(--campo-s);max-inline-size:100%}
.cpa-m{inline-size:var(--campo-m);max-inline-size:100%}
.cpa-l{inline-size:var(--campo-xl, 100%);max-inline-size:100%}
textarea.cpa-l{inline-size:100%}

.cpa-metricas{margin-bottom:var(--esp-rejilla)}
.cpa-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--esp-3);margin-bottom:var(--esp-rejilla)}
.cpa-nota{margin:0;font-size:var(--tipo-descripcion);color:var(--texto-2);line-height:1.5;max-width:62ch}
.cpa-volver{margin:var(--esp-2) 0 var(--esp-3)}
.cpa-acciones{display:flex;flex-wrap:wrap;gap:var(--esp-3);align-items:center;margin:var(--esp-3) 0 var(--esp-rejilla)}
.cpa-seccion .cpa-acciones{margin:0}
.cpa-seccion .btn.confirmar,.cpa-acciones .btn.confirmar,.cpa-servidor .btn.confirmar{background:var(--yellow);color:var(--sobre-amarillo);--filo-color:transparent}
.cpa-peligro{--filo-color:var(--borde-vivo, var(--yellow));color:var(--yellow)}

/* La lista de campañas: cada una, un botón que abre su ficha. */
.cpa-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--esp-3)}
.cpa-fila{padding:0;min-width:0}
.cpa-fila-boton{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--esp-2);inline-size:100%;
  padding:var(--esp-4) var(--esp-tarjeta, 1.5rem);cursor:pointer;min-width:0;
  -webkit-user-select:none;user-select:none;caret-color:transparent}   /* `all:unset` borra la regla común de componentes.css */
.cpa-fila-boton:hover .cpa-fila-titulo{color:var(--yellow)}
.cpa-fila-boton:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}
.cpa-fila-cab{display:flex;align-items:center;justify-content:space-between;gap:var(--esp-3);min-width:0}
.cpa-fila-titulo{font-weight:600;color:var(--texto-1);overflow-wrap:anywhere;min-width:0}
.cpa-fila-meta{font-size:var(--tipo-leyenda);color:var(--texto-3);overflow-wrap:anywhere}

/* La ficha: las secciones en una columna (dos desde 1100 px). */
.cpa-ficha-cab{display:flex;flex-wrap:wrap;align-items:center;gap:var(--esp-3);margin:0 0 var(--esp-3)}
.cpa-ficha-titulo{margin:0;font-family:var(--fuente-dato);font-weight:700;font-size:var(--tipo-dato);
  letter-spacing:calc(.01em + var(--tracking-dato));text-transform:uppercase;color:var(--texto-1);line-height:1.1;overflow-wrap:anywhere;min-width:0}
.cpa-rejilla{display:grid;gap:var(--esp-rejilla);align-items:start;grid-template-columns:minmax(0,1fr)}
@media (min-width:1100px){ .cpa-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))} }
.cpa-seccion{display:flex;flex-direction:column;gap:var(--esp-3);padding:var(--esp-tarjeta, 1.5rem);margin:0;min-width:0}
.cpa-seccion-titulo{display:flex;align-items:center;gap:var(--esp-2);margin:0;
  font-family:var(--fuente-dato);font-weight:700;font-size:var(--tipo-dato);letter-spacing:calc(.01em + var(--tracking-dato));
  text-transform:uppercase;color:var(--texto-1);line-height:1.1}
.cpa-num{font-family:var(--fuente-titular);font-weight:600;font-size:var(--tipo-leyenda);letter-spacing:.08em;color:var(--yellow)}
.cpa-fila-campos{display:flex;flex-wrap:wrap;gap:var(--esp-3);align-items:flex-end;min-width:0}
.cpa-fila-campos .campo{margin:0;min-width:0;max-inline-size:100%}
.cpa-bloques{min-width:0}
.cpa-solo-lectura{pointer-events:none;opacity:var(--opacidad-apagado, .45)}
.cpa-ingles>summary,.cpa-resolver>summary{cursor:pointer;font-size:var(--tipo-descripcion);color:var(--texto-2);padding:var(--esp-1) 0}
.cpa-ingles[open]>summary,.cpa-resolver[open]>summary{margin-bottom:var(--esp-3)}
.cpa-previa{border-top:1px solid var(--line);padding-top:var(--esp-4);min-width:0}
.cpa-casilla{align-self:flex-start}

/* Los escalones: una fila por escalón, separadas por una línea fina. */
.cpa-escalones{display:flex;flex-direction:column;gap:var(--esp-3);min-width:0}
.cpa-esc-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cpa-esc{display:flex;flex-direction:column;gap:var(--esp-3);padding:var(--esp-4) 0;min-width:0}
.cpa-esc + .cpa-esc{border-top:1px solid var(--linea-suave, var(--line))}
.cpa-esc:first-child{padding-top:0}
.cpa-esc-cab{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--esp-3)}
.cpa-esc-cab .campo{margin:0}
.cpa-esc-cab>.cpa-num{align-self:center;font-size:var(--tipo-descripcion)}
.cpa-esc-fila{display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr))}
.cpa-esc-fila .campo{margin:0;min-width:0}
.cpa-esc-fila input,.cpa-esc-fila select{inline-size:100%}
.cpa-beneficios{display:flex;flex-direction:column;gap:var(--esp-2);min-width:0}
.cpa-beneficio{display:flex;flex-wrap:wrap;align-items:center;gap:var(--esp-2);min-width:0}
.cpa-beneficio>input[type=text]{flex:1 1 12rem;min-width:0}
.cpa-unidad{font-size:var(--tipo-leyenda);color:var(--texto-3)}
.cpa-quitar .cpa-ico{margin:0}

/* Enviar: a quién llega. */
.cpa-candidatos:empty{display:none}
.cpa-candidatos{display:flex;flex-direction:column;gap:var(--esp-2);border-top:1px solid var(--line);padding-top:var(--esp-3)}
.cpa-candidatos-total{margin:0;color:var(--texto-1);font-weight:500}
.cpa-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--esp-2)}
.cpa-chips-no .chip{opacity:var(--opacidad-apagado, .45)}

/* El seguimiento y los servidores: filas con una línea fina. */
.cpa-envios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cpa-envio{display:flex;flex-direction:column;gap:var(--esp-2);padding:var(--esp-3) 0;min-width:0}
.cpa-envio + .cpa-envio{border-top:1px solid var(--linea-suave, var(--line))}
.cpa-envio:first-child{padding-top:0}
.cpa-envio-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--esp-2);min-width:0}
.cpa-envio-nombre{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.cpa-envio-nombre b{font-weight:600;color:var(--texto-1);overflow-wrap:anywhere}
.cpa-id{font-size:var(--tipo-leyenda);color:var(--texto-3);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cpa-envio-meta{margin:0;font-size:var(--tipo-leyenda);color:var(--texto-3);overflow-wrap:anywhere}
.cpa-envio-falta{margin:0;font-size:var(--tipo-descripcion);color:var(--yellow)}
.cpa-entrega{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--esp-2);font-size:var(--tipo-descripcion);color:var(--texto-2)}
.cpa-servidor{display:flex;flex-direction:column;gap:var(--esp-2);padding:var(--esp-4) var(--esp-tarjeta, 1.5rem);min-width:0}
.cpa-chips-fila{display:flex;flex-wrap:wrap;gap:var(--esp-2)}
.cpa-ajustes{display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}
.cpa-ajustes .campo{margin:0;min-width:0}
.cpa-pie{margin:var(--esp-2) 0 0;font-size:var(--tipo-leyenda);color:var(--texto-3)}
.cpa-servidor .cpa-acciones{margin:0}
.cpa-buscar{margin:0}