/* Agencia (#/agencia, web/agencia.js + web/agencia-estudio.js), encargos #166 y #167: un ESTUDIO de mercadotecnia.
   Jerarquía de tono, nunca «todo claro»: fondo de la vista, la semana de todos en un panel noche, cada proyecto vestido
   con SU marca (variables --pm-* que pone agencia.js por CSSOM: la CSP prohíbe style=) y la ficha con un héroe del color
   oscuro de su marca y una foto real (o la captura de su sitio). Claro y oscuro de verdad (#167: el dueño los pide en
   todo): los tokens --agc-* se redefinen para el tema oscuro como en jarvis.css y agentes.css. Hojas con cabecera de
   color (ESTANDAR §4c). Reúsa de ing-base.css la hoja por pasos, los segmentados y la bitácora. Celular primero
   (390/320) y 1280: texto ≥ 14 px, toques ≥ 44 px, zonas seguras. Los únicos hex de la vista viven en estos tokens. */
:root{
  --agc-fondo:var(--papel);--agc-tarjeta:var(--tarjeta);--agc-tinta:var(--tinta);--agc-tinta-2:var(--tinta-2);--agc-linea:var(--linea);--agc-suave:var(--papel-2);--agc-suave-2:var(--hueso);
  --agc-noche:#111827;--agc-noche-2:#1C2536;--agc-noche-tinta:#FFFFFF;--agc-noche-tinta-2:#C3CCDA;--agc-noche-linea:rgba(195,204,218,.16);--agc-cielo:#7DD3FC;
  --agc-primario:var(--tinta);--agc-primario-hover:var(--tinta-hover);--agc-sobre-primario:var(--sobre-tinta);--agc-blanco:#FFFFFF;--agc-negro:#05070A;
  --agc-ok:#166534;--agc-ok-bg:#DCFCE7;--agc-mal:#9A3412;--agc-mal-bg:#FDE7DD;--agc-aviso:#92400E;--agc-aviso-bg:#FEF3C7;--agc-info:#075985;--agc-info-bg:#E0F2FE;
  --agc-idea:#94A3B8;--agc-pieza:#38BDF8;--agc-aprobada:#F59E0B;--agc-publicada:#22C55E;--agc-estrella:#92400E;--agc-insignia:#B91C1C;
  /* Punto de alerta sobre colores de marca (va con texto: nunca solo color). */
  --agc-punto-alta:#FCA5A5;--agc-punto-aviso:#FCD34D;--agc-alerta-velo:rgba(0,0,0,.28);
  --agc-sombra:0 1px 2px rgba(22,21,26,.06),0 6px 8px -4px rgba(22,21,26,.12);
  --agc-sombra-alta:0 2px 4px rgba(22,21,26,.08),0 8px 8px -4px rgba(22,21,26,.18);
  --agc-velo:rgba(10,12,18,.62);--agc-blanco-a:rgba(255,255,255,.14);--agc-blanco-b:rgba(255,255,255,.24);--agc-sombra-a:rgba(0,0,0,.26);--agc-sombra-b:rgba(0,0,0,.38);
  --agc-pie-fundido:rgba(255,255,255,0);
  --agc-salida:cubic-bezier(.23,1,.32,1);--agc-resorte:cubic-bezier(.34,1.4,.64,1);
}
/* Oscuro: fondo, tarjetas, tinta y líneas son los del mando (encargo #172: un solo oscuro en todo el mando); la semana en un azul noche que se
   separa del fondo y los avisos en su versión clara sobre un fondo apagado (AA medido por tools/probar-agencia.py). */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --agc-noche:#0F1B33;--agc-noche-2:#18263F;--agc-noche-linea:rgba(195,204,218,.14);
  --agc-ok:#86EFAC;--agc-ok-bg:#12301E;--agc-mal:#FDBA9C;--agc-mal-bg:#3B1D12;--agc-aviso:#FCD34D;--agc-aviso-bg:#33280C;--agc-info:#7DD3FC;--agc-info-bg:#0B2A3B;
  --agc-estrella:#FCD34D;--agc-insignia:#DC2626;
  --agc-sombra:0 1px 2px rgba(0,0,0,.4),0 6px 8px -4px rgba(0,0,0,.5);--agc-sombra-alta:0 2px 4px rgba(0,0,0,.45),0 8px 8px -4px rgba(0,0,0,.6);
  --agc-pie-fundido:rgba(34,33,40,0);
}}
:root[data-theme="dark"]{
  --agc-noche:#0F1B33;--agc-noche-2:#18263F;--agc-noche-linea:rgba(195,204,218,.14);
  --agc-ok:#86EFAC;--agc-ok-bg:#12301E;--agc-mal:#FDBA9C;--agc-mal-bg:#3B1D12;--agc-aviso:#FCD34D;--agc-aviso-bg:#33280C;--agc-info:#7DD3FC;--agc-info-bg:#0B2A3B;
  --agc-estrella:#FCD34D;--agc-insignia:#DC2626;
  --agc-sombra:0 1px 2px rgba(0,0,0,.4),0 6px 8px -4px rgba(0,0,0,.5);--agc-sombra-alta:0 2px 4px rgba(0,0,0,.45),0 8px 8px -4px rgba(0,0,0,.6);
  --agc-pie-fundido:rgba(34,33,40,0);
}

/* La vista y su hoja toman los tokens de la agencia: así lo reusado de ing-base.css (que lee --tinta, --linea, --papel…)
   se viste solo con ellos. */
.agencia,#dlgAgc{--tinta:var(--agc-tinta);--tinta-2:var(--agc-tinta-2);--linea:var(--agc-linea);--papel:var(--agc-suave-2);--papel-2:var(--agc-suave);
  --tarjeta:var(--agc-tarjeta);--err:var(--agc-mal);--ing-sobre-tinta:var(--agc-sobre-primario);color:var(--agc-tinta)}
/* Los FAB («Nuevo» y, encima, Jarvis) no tapan lo último de la vista ni de las listas de la ficha. */
.home.agencia{background:var(--agc-fondo);padding-bottom:calc(200px + env(safe-area-inset-bottom))}
@media (max-width:700px){.home.agencia{padding-bottom:calc(170px + env(safe-area-inset-bottom))}.home.agencia:has(.est){padding-bottom:calc(230px + env(safe-area-inset-bottom))}}
#dlgAgc{overflow:hidden}
.agencia>*{max-width:1180px;margin-left:auto;margin-right:auto}
.agencia h1,.agencia h2,.agencia h3{text-wrap:balance}
.agencia code{font-size:.875rem;padding:1px 6px;border-radius:6px;background:var(--agc-suave)}
.agencia .btn.primary,#dlgAgc .btn.primary{background:var(--agc-primario);color:var(--agc-sobre-primario)}
.agencia .btn.primary:hover,#dlgAgc .btn.primary:hover{background:var(--agc-primario-hover)}
.agencia input,.agencia select,.agencia textarea{background:var(--agc-tarjeta);color:var(--agc-tinta)}
.agencia ::placeholder,#dlgAgc ::placeholder{color:var(--agc-tinta-2);opacity:1}
.agencia .btn.ghost,#dlgAgc .btn.ghost:not([data-close]){color:var(--agc-tinta);background:var(--agc-tarjeta)}
.agencia .btn .i3d,#dlgAgc .btn .i3d{width:22px;height:22px}
.agencia .btn:active,.agencia .agc-ico:active,.agc-p:active,.agc-pz:active{transform:scale(.97)}
.agc-m{font-variant-numeric:tabular-nums;white-space:nowrap}
.agc-nada{color:var(--agc-tinta-2);margin:0}
.agc-h2{font-size:1.375rem;margin:0 0 12px}
.agc-sec{margin:28px 0}
.agc-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin-bottom:12px}
.agc-sec-h .agc-h2{margin:0}
.agc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0 0;font-size:.875rem;color:var(--agc-tinta-2)}
.agc-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--agc-suave);color:var(--agc-tinta);font-size:.875rem;font-weight:600;white-space:nowrap}
.agc-chip.ok,.agc-chip.camp-activa{background:var(--agc-ok-bg);color:var(--agc-ok)}
.agc-chip.camp-borrador{background:var(--agc-info-bg);color:var(--agc-info)}
.agc-chip.aviso,.agc-chip.pend,.agc-chip.camp-pausada{background:var(--agc-aviso-bg);color:var(--agc-aviso)}
.agc-chip.mal,.agc-chip.salud{background:var(--agc-mal-bg);color:var(--agc-mal)}
.agc-insignia{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--agc-insignia);color:var(--agc-noche-tinta);font-style:normal;font-size:.875rem;font-weight:700;line-height:1}

/* Botón de solo ícono (44 px), claro sobre la vista y translúcido sobre el héroe. */
.agc-ico{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--agc-linea);background:var(--agc-tarjeta);color:var(--agc-tinta);cursor:pointer;transition:transform .16s var(--agc-salida),background-color .16s}
.agc-ico .i3d{width:24px;height:24px}
.agc-ico.claro{border-color:transparent;background:var(--agc-sombra-a);color:var(--pm-sobre,var(--agc-noche-tinta))}
@media (hover:hover) and (pointer:fine){.agc-ico:hover{border-color:var(--agc-tinta)}.agc-ico.claro:hover{background:var(--agc-sombra-b)}}

/* ---- Encabezado de la agencia ---- */
.agc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.agc-top-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.agc-top h1{font-size:2.5rem;line-height:1.05}
.agc-vistas{display:flex;gap:4px 18px;flex-wrap:wrap}
.agc-vistas a{display:inline-flex;align-items:center;min-height:44px;color:var(--agc-tinta-2);font-weight:600;text-decoration:none;border-bottom:2px solid transparent}
.agc-vistas a[aria-current="page"]{color:var(--agc-tinta);border-bottom-color:var(--agc-tinta)}

/* ---- Cartera › la semana de todos (panel noche con las piezas reales) ---- */
.agc-semana{padding:18px 18px 16px;border-radius:16px;background:var(--agc-noche);color:var(--agc-noche-tinta);box-shadow:var(--agc-sombra-alta);margin-bottom:30px}
.agc-semana-h{display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;margin-bottom:14px}
.agc-semana-h h2{font-size:1.5rem;color:var(--agc-noche-tinta)}
.agc-semana-h p{margin:0;color:var(--agc-noche-tinta-2)}
.agc-semana-h b{color:var(--agc-noche-tinta);font-variant-numeric:tabular-nums}
.agc-dias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.agc-dia7{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:150px;padding:10px 8px;border-radius:12px;background:var(--agc-noche-2)}
.agc-dia7.hoy{box-shadow:inset 0 0 0 2px var(--agc-cielo)}
.agc-dia7.paso{opacity:.72}
.agc-dia7-d{display:flex;align-items:baseline;gap:6px;margin:0;color:var(--agc-noche-tinta-2);text-transform:capitalize;font-size:.875rem}
.agc-dia7-d b{font-family:var(--display);font-size:1.375rem;line-height:1;color:var(--agc-noche-tinta)}
.agc-dia7.hoy .agc-dia7-d span{color:var(--agc-cielo);font-weight:700}
.agc-dia7 ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.agc-dia7-nada,.agc-dia7-mas{margin:auto 0 0;font-size:.875rem;color:var(--agc-noche-tinta-2)}
.agc-cita{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:44px;padding:6px;border-radius:10px;color:var(--agc-noche-tinta);text-decoration:none;font-size:.875rem;font-weight:600;line-height:1.25;transition:background-color .16s}
@media (hover:hover) and (pointer:fine){.agc-cita:hover{background:var(--agc-blanco-a)}}
.agc-cita:focus-visible{outline:2px solid var(--agc-cielo);outline-offset:1px}
.agc-cita-t{display:block;width:100%;min-width:0;overflow-wrap:break-word;hyphens:auto}
.agc-cita-tt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
.agc-cita-t small{display:flex;align-items:center;gap:5px;font-size:.875rem;font-weight:500;color:var(--agc-noche-tinta-2)}
.agc-cita-t small::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pc)}
.agc-cita-logo{width:38px;height:38px;padding:4px;border-radius:8px}
/* Canal sin pieza: el color oscuro de la marca con el ícono 3D del canal. */
.agc-canal{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--pm-osc,var(--agc-noche-2))}
.agc-canal .i3d{width:24px;height:24px}
.agc-canal.mini{width:34px;height:34px;border-radius:8px}.agc-canal.mini .i3d{width:20px;height:20px}
/* Miniatura de una pieza a su proporción (post cuadrado, historia alta, horizontal ancha). */
.agc-mini{flex:none;display:block;width:38px;aspect-ratio:1;border-radius:7px;overflow:hidden;background:var(--agc-blanco-a)}
.agc-mini.f-historia,.agc-mini.f-reel{aspect-ratio:9/16;width:28px}
.agc-mini.f-horizontal{aspect-ratio:1200/628;width:48px}
.agc-mini img{display:block;width:100%;height:100%;object-fit:cover}
.est-idea{--pc:var(--agc-idea)}.est-pieza{--pc:var(--agc-pieza)}.est-aprobada{--pc:var(--agc-aprobada)}.est-publicada{--pc:var(--agc-publicada)}

/* ---- Cartera › tablero de proyectos, cada uno con su marca (#167) ----
   Tarjeta = su foto real o la captura de su sitio, fundida hacia su color oscuro (--pm-fondo: el oscuro de su marca un
   paso más hondo, así una marca lima o ámbar nunca queda como plano chillón); encima su logo completo y su nombre en su
   letra. Sin franja de relleno: el texto vive abajo, sobre la imagen fundida. */
.agc-proys-h{display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;margin-bottom:12px}
.agc-proys-h h2{font-size:1.5rem}
.agc-proys-h p{margin:0;color:var(--agc-tinta-2)}
.agc-tablero{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));grid-auto-flow:dense;gap:14px}
.agc-p{--pm-fondo:color-mix(in srgb,var(--pm-osc,var(--agc-noche)) 78%,var(--agc-negro));position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  min-width:0;min-height:250px;border-radius:16px;overflow:hidden;background:var(--pm-fondo);color:var(--pm-sobre,var(--agc-noche-tinta));
  text-decoration:none;box-shadow:var(--agc-sombra);transition:transform .2s var(--agc-salida),box-shadow .2s var(--agc-salida)}
@media (hover:hover) and (pointer:fine){.agc-p:hover{transform:translateY(-3px);box-shadow:var(--agc-sombra-alta)}}
.agc-p:focus-visible{outline:3px solid var(--agc-tinta);outline-offset:3px}
.agc-p.grande{grid-column:1/-1;min-height:clamp(300px,30vw,380px)}
.agc-p.grande .agc-p-cuerpo{max-width:min(620px,100%)}
.agc-p-media{position:absolute;inset:0;z-index:-1}
.agc-p-foto{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--agc-salida)}
/* La captura del sitio es interfaz, no foto: se difumina un poco, se apaga y se ve su parte de arriba (el héroe del sitio). */
.agc-p-foto.captura{object-position:top center;filter:blur(2px) saturate(.85);opacity:.6;transform:scale(1.05)}
@media (hover:hover) and (pointer:fine){.agc-p:hover .agc-p-foto:not(.captura){transform:scale(1.03)}}
.agc-p-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--pm-fondo) 10%,transparent) 0%,color-mix(in srgb,var(--pm-fondo) 55%,transparent) 42%,var(--pm-fondo) 82%)}
.agc-p.grande .agc-p-media::after{background:linear-gradient(90deg,var(--pm-fondo) 0%,color-mix(in srgb,var(--pm-fondo) 70%,transparent) 42%,transparent 75%),linear-gradient(0deg,var(--pm-fondo),transparent 55%)}
.agc-p.sin-imagen .agc-p-media{background:radial-gradient(120% 90% at 85% 0%,var(--pm-osc,var(--agc-noche-2)),transparent 70%)}
.agc-p-pieza{position:absolute;right:12px;top:12px;width:56px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.agc-p-pieza.f-historia,.agc-p-pieza.f-reel{width:40px}.agc-p-pieza.f-horizontal{width:76px}
.agc-p-cuerpo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 18px 18px;min-width:0}
/* Logo completo, a su proporción, sobre un tono claro de su marca (un logo oscuro sobre la marca desaparecía). */
.agc-logo{flex:none;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:var(--pm-suave,var(--agc-suave))}
.agc-logo img{display:block;width:100%;height:100%;object-fit:contain}
.agc-p-logo{width:56px;height:56px;padding:7px;margin-bottom:8px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.agc-p-n{font-family:var(--pm-display,var(--display));font-size:1.5rem;font-weight:800;line-height:1.15;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}
.agc-p.grande .agc-p-n{font-size:clamp(1.75rem,3vw,2.25rem)}
.agc-p-lema{font-size:.9375rem;line-height:1.35;opacity:.92;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.agc-p-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font-size:.875rem;font-weight:600}
.agc-chip.velo{background:var(--agc-alerta-velo);color:inherit}
/* Alerta sobre colores de marca: píldora translúcida oscura, texto claro y un punto de color (nunca solo el color). */
.agc-alerta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:8px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--agc-alerta-velo);
  color:var(--pm-sobre,var(--agc-noche-tinta));font-size:.875rem;font-weight:700;line-height:1.3}
.agc-alerta i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--agc-punto-aviso)}
.agc-alerta.alta i{background:var(--agc-punto-alta)}

/* ---- Ficha › héroe con la marca del proyecto ---- */
.agencia.en-proyecto{padding-top:0}
.agc-heroe-p{position:relative;display:grid;gap:12px;max-width:none;margin:0 -40px;padding:16px 40px 22px;background:var(--pm-osc,var(--agc-noche));color:var(--pm-sobre,var(--agc-noche-tinta));overflow:hidden;isolation:isolate}
.agc-hp-foto{position:absolute;inset:0 0 0 42%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,var(--agc-negro) 45%);mask-image:linear-gradient(90deg,transparent,var(--agc-negro) 45%)}
.agc-hp-foto img{width:100%;height:100%;object-fit:cover;opacity:.9}
.agc-hp-foto.captura img{object-position:top center;filter:blur(3px) saturate(.8);opacity:.42}
.agc-hp-barra,.agc-hp-id,.agc-hp-meta,.agc-hp-herr{max-width:1180px;width:100%;margin:0 auto}
.agc-hp-barra{display:flex;align-items:center;gap:8px}
.agc-hp-sep{flex:1}
.agc-hp-id{display:flex;align-items:center;gap:16px;min-width:0;padding-top:18px}
.agc-hp-id>div{min-width:0}
.agc-hp-logo{width:72px;height:72px;padding:9px;border-radius:18px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.agc-heroe-p h1{font-family:var(--pm-display,var(--display));font-size:2.75rem;line-height:1.05;letter-spacing:-.02em;color:inherit;overflow-wrap:anywhere;max-width:16ch}
.agc-hp-lema{margin:6px 0 0;max-width:46ch;font-size:1.0625rem;line-height:1.4;color:inherit;opacity:.92}
.agc-hp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 auto;font-weight:600;font-size:.9375rem}
.agc-hp-meta .agc-alerta{margin-top:0}
.agc-hp-herr{display:flex;flex-wrap:wrap;gap:8px}
.agc-acceso{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 10px;border:0;border-radius:999px;background:var(--agc-sombra-a);color:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .16s}
.agc-acceso .i3d{width:22px;height:22px}
@media (hover:hover) and (pointer:fine){.agc-acceso:hover{background:var(--agc-sombra-b)}}
.agc-acceso:focus-visible,.agc-ico.claro:focus-visible{outline:2px solid var(--pm-sobre,var(--agc-noche-tinta));outline-offset:2px}

/* Secciones de la ficha: barra pegada bajo el héroe, ícono + nombre, la activa subrayada con el acento de la marca. */
.agc-secs{position:sticky;top:0;z-index:5;display:flex;gap:2px;max-width:none;margin:0 -40px 22px;padding:0 40px;background:var(--agc-tarjeta);box-shadow:0 1px 0 var(--agc-linea);overflow-x:auto;scrollbar-width:none}
.agc-secs a{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:52px;padding:0 14px;border-bottom:3px solid transparent;color:var(--agc-tinta-2);font-weight:600;text-decoration:none}
.agc-secs a .i3d{width:22px;height:22px}
.agc-secs a[aria-current="page"]{color:var(--agc-tinta);border-bottom-color:var(--pm-tinta,var(--agc-tinta))}
@media (hover:hover) and (pointer:fine){.agc-secs a:hover{color:var(--agc-tinta)}}
.agc-secs.mas-der{-webkit-mask-image:linear-gradient(90deg,var(--agc-negro) calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,var(--agc-negro) calc(100% - 44px),transparent)}
.agc-secs.mas-izq{-webkit-mask-image:linear-gradient(90deg,transparent,var(--agc-negro) 44px);mask-image:linear-gradient(90deg,transparent,var(--agc-negro) 44px)}
.agc-secs.mas-izq.mas-der{-webkit-mask-image:linear-gradient(90deg,transparent,var(--agc-negro) 44px,var(--agc-negro) calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,var(--agc-negro) 44px,var(--agc-negro) calc(100% - 44px),transparent)}

/* Alertas de una sección. */
.agc-alertas{list-style:none;margin:0 0 18px;padding:12px 16px;border-radius:12px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra);display:grid;gap:6px}
.agc-alertas:empty{display:none}
.agc-alertas li{display:flex;align-items:baseline;gap:8px;font-size:.9375rem;line-height:1.35}
.agc-alertas li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--agc-aviso);transform:translateY(-1px)}
.agc-alertas li.n-alta::before{background:var(--agc-mal)}
.agc-alertas li.n-baja::before{background:var(--agc-idea)}

/* ---- Estudio: escenario oscuro con la pieza + panel de controles ---- */
.agc-estudio{container:est/inline-size}
.est{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"esc panel";gap:0 22px;align-items:start}
.est-escenario{grid-area:esc;position:sticky;top:68px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:16px;background:var(--agc-noche);color:var(--agc-noche-tinta);box-shadow:var(--agc-sombra-alta)}
.est-lienzo{position:relative;display:grid;place-items:center;width:100%}
.est-lienzo canvas{display:block;max-width:100%;max-height:min(68vh,640px);width:auto;height:auto;border-radius:6px;box-shadow:0 8px 8px -4px rgba(0,0,0,.4);background:var(--agc-noche-2)}
.est-cargando{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;background:var(--agc-velo);color:var(--agc-noche-tinta);font-size:.875rem;font-weight:600}
.est-info{margin:0;font-size:.875rem;color:var(--agc-noche-tinta-2);font-variant-numeric:tabular-nums;text-align:center}
.est-estilos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.est-estilo{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:8px 6px;border-radius:12px;color:var(--agc-noche-tinta-2);font-size:.875rem;cursor:pointer;transition:background-color .16s}
.est-estilo input,.est-op input,.est-foto input{position:absolute;opacity:0;width:1px;height:1px}
.est-estilo b{font-weight:600}
.est-mini{display:grid;place-items:center;width:100%;height:84px}
.est-mini canvas{display:block;max-width:100%;max-height:84px;width:auto;height:auto;border-radius:4px;background:var(--agc-noche-2)}
.est-estilo:has(input:checked){background:var(--agc-blanco-a);color:var(--agc-noche-tinta)}
.est-estilo:has(input:focus-visible){outline:2px solid var(--agc-cielo)}
@media (hover:hover) and (pointer:fine){.est-estilo:hover{background:var(--agc-blanco-a)}}
.est-panel{grid-area:panel;min-width:0;padding:4px 0;border-radius:16px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra)}
/* Controles en acordeón (#167): un paso abierto a la vez; los cerrados dicen en una línea lo elegido. */
.est-paso{border-bottom:1px solid var(--agc-linea)}
.est-paso:last-child{border-bottom:0}
.est-paso-h{margin:0;font:inherit;letter-spacing:0}
.est-paso-b{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 20px;border:0;background:transparent;color:var(--agc-tinta);text-align:left;cursor:pointer}
.est-paso-b:focus-visible{outline:2px solid var(--agc-tinta);outline-offset:-4px;border-radius:12px}
.est-paso-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--agc-suave);color:var(--agc-tinta);font-weight:800;font-size:.9375rem;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s}
.est-paso.abierto .est-paso-n{background:var(--pm-osc,var(--agc-primario));color:var(--pm-sobre,var(--agc-sobre-primario))}
.est-paso-t{display:flex;flex-direction:column;min-width:0;flex:1}
.est-paso-t b{font-family:var(--display);font-weight:800;font-size:1.0625rem}
.est-paso-r{font-size:.875rem;color:var(--agc-tinta-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.est-paso.abierto .est-paso-r{display:none}
.est-paso-ch{flex:none;color:var(--agc-tinta-2);transition:transform .22s var(--agc-salida)}
.est-paso.abierto .est-paso-ch{transform:rotate(180deg)}
.est-paso-c{padding:0 20px 18px}
.est-paso.abierto .est-paso-c{animation:est-abre .24s var(--agc-salida)}
@keyframes est-abre{from{opacity:0;transform:translateY(-4px)}}
.est-sub{display:flex;align-items:center;gap:6px;margin:10px 0 8px;font-weight:700;font-size:.9375rem;color:var(--agc-tinta)}
.est-sub:first-child{margin-top:0}
.est-sig{margin-top:16px}
.est-falta{margin:0 0 10px;padding:12px 14px;border-radius:12px;background:var(--agc-aviso-bg);color:var(--agc-tinta);font-size:.9375rem}
.est-panel label{margin:12px 0 6px}
.est-tipos,.est-formatos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
/* Galería del kit de la marca (#168): miniaturas en vivo de cada plantilla, en el formato elegido. */
.est-kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.est-kitop{position:relative;display:flex;flex-direction:column;gap:4px;margin:0!important;padding:8px;border-radius:14px;border:1px solid var(--agc-linea);background:var(--agc-tarjeta);color:var(--agc-tinta);cursor:pointer;min-height:44px;transition:border-color .16s,background-color .16s}
.est-kitop input{position:absolute;opacity:0;width:1px;height:1px}
.est-kitmini{display:grid;place-items:center;height:132px;border-radius:8px;background:var(--agc-noche);overflow:hidden}
.est-kitmini canvas{display:block;max-width:100%;max-height:132px;width:auto;height:auto}
.est-kitop b{font-size:.9375rem;font-weight:700;line-height:1.25}
.est-kitop small{font-size:.875rem;color:var(--agc-tinta-2)}
.est-kitop:has(input:checked){border-color:var(--pm-osc,var(--agc-primario));box-shadow:0 0 0 2px var(--pm-osc,var(--agc-primario))}
.est-kitop:has(input:focus-visible){outline:2px solid var(--agc-tinta);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.est-kitop:hover{border-color:var(--pm-osc,var(--agc-primario))}}
.est-formatos{grid-template-columns:repeat(3,minmax(0,1fr))}
.est-op{position:relative;margin:0!important;display:block;color:var(--agc-tinta);font-weight:600;font-size:.9375rem;cursor:pointer}
.est-op span{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border-radius:12px;border:1px solid var(--agc-linea);background:var(--agc-tarjeta);transition:border-color .16s,background-color .16s}
.est-op .i3d{width:24px;height:24px}
.est-op input:checked+span{border-color:var(--pm-osc,var(--agc-primario));background:var(--pm-osc,var(--agc-primario));color:var(--pm-sobre,var(--agc-sobre-primario))}
.est-op input:focus-visible+span{outline:2px solid var(--agc-tinta);outline-offset:2px}
.est-forma{flex:none;display:block;border:2px solid currentColor;border-radius:3px;width:18px;height:18px}
.est-forma.f-historia{width:12px;height:20px}.est-forma.f-horizontal{width:24px;height:13px}
.est-fotos{display:grid;grid-auto-flow:column;grid-auto-columns:96px;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}
.est-foto{position:relative;margin:0!important;display:block;scroll-snap-align:start;cursor:pointer}
.est-foto img{display:block;width:96px;height:72px;object-fit:cover;border-radius:10px;outline:3px solid transparent;outline-offset:-3px;transition:outline-color .16s}
.est-foto input:checked+img{outline-color:var(--pm-tinta,var(--agc-tinta))}
.est-foto input:focus-visible+img{outline-color:var(--agc-info)}
.est-propia{position:relative;display:block;margin:10px 0 0!important;cursor:pointer}
.est-propia input{position:absolute;inset:0;opacity:0;cursor:pointer}
.est-propia span{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:12px;border:1px dashed var(--agc-linea);color:var(--agc-tinta)}
.est-propia .i3d{width:24px;height:24px}
.est-propia:focus-within span{outline:2px solid var(--agc-tinta);outline-offset:2px}
.est-seg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.est-seg-t{font-size:.875rem;color:var(--agc-tinta-2);font-weight:600;margin-right:4px}
.est-seg .est-op span{min-height:44px;padding:0 14px;border-radius:999px}
.est-fila2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.est-fila2>div{min-width:0}
.est-panel textarea{font-size:1rem}
.est-panel .btn{margin-top:12px}
.est-sw{display:flex!important;align-items:center;gap:10px;min-height:44px;color:var(--agc-tinta)!important;font-size:1rem!important}
.est-sw input{width:22px;height:22px;min-height:0;accent-color:var(--agc-primario)}
.est-nota{margin:10px 0 0;font-size:.875rem;color:var(--agc-tinta-2);overflow-wrap:anywhere}
.est-panel>.est-nota{padding:12px 0 6px}
.est-acciones{display:flex;gap:8px;width:100%;padding-top:4px}
.est-acciones .btn{min-height:48px}
.est-acciones .btn.ghost{background:var(--agc-noche-2);border-color:transparent;color:var(--agc-noche-tinta)}
.est-acciones .btn.primary{flex:1;min-width:0;background:var(--agc-tarjeta);color:var(--agc-tinta)}
.est-corto{display:none}
.est-acciones .btn:focus-visible{outline:2px solid var(--agc-cielo);outline-offset:2px}
.est-carga{display:flex;align-items:center;gap:12px;min-height:220px;justify-content:center;color:var(--agc-tinta-2);font-weight:600}
.est-pulso{width:14px;height:14px;border-radius:50%;background:var(--agc-tinta-2);animation:est-pulso 1s var(--agc-salida) infinite alternate}
@keyframes est-pulso{to{opacity:.3;transform:scale(.7)}}
@container est (max-width:820px){
  .est{grid-template-columns:minmax(0,1fr);grid-template-areas:"esc" "panel";gap:0}
  .est-escenario{position:relative;top:0;border-radius:16px 16px 0 0;padding:14px}
  .est-lienzo canvas{max-height:52vh}
  .est-panel{border-radius:0 0 16px 16px}
  /* Celular y columnas angostas: la vista previa queda siempre a la vista arriba; los pasos se desplazan debajo. */
  .est-escenario{position:sticky;top:var(--agc-secs-alto,52px);z-index:4;padding:10px 12px 8px;gap:8px}
  .est-lienzo canvas{max-height:min(30vh,300px)}
  .est-info{font-size:.875rem;line-height:1.3}
  .est-estilos{gap:6px}.est-estilo{padding:2px;min-height:48px;justify-content:center}
  .est-estilo b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .est-mini{height:44px}.est-mini canvas{max-height:44px}
  /* Lo que se abre baja hasta quedar bajo la vista previa fija, no detrás de ella (--est-alto lo mide agencia-estudio.js). */
  .est-paso{scroll-margin-top:calc(var(--est-alto,0px) + var(--agc-secs-alto,52px) + 8px)}
}

/* ---- Calendario: agenda con miniaturas ---- */
.agc-cal-bar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:10px}
.agc-cal-nav{display:flex;align-items:center;gap:8px;min-width:0}
.agc-cal-t{font-size:1.5rem;min-width:0;overflow-wrap:anywhere}
.agc-modo{margin:0}
.agc-modo legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.agencia .ing-seg span{background:var(--agc-tarjeta);color:var(--agc-tinta)}
.agencia .ing-seg input:checked+span,#dlgAgc .ing-seg input:checked+span{background:var(--agc-primario);border-color:var(--agc-primario);color:var(--agc-sobre-primario)}
.agc-leyenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-size:.875rem;color:var(--agc-tinta-2)}
.agc-leyenda span{display:inline-flex;align-items:center;gap:6px}
.agc-leyenda i{width:10px;height:10px;border-radius:50%;background:var(--pc)}
.agc-leyenda b{color:var(--agc-tinta)}
.agc-cal{border-radius:16px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra);overflow:hidden}
.agc-cal-h,.agc-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.agc-cal-h span{padding:10px 10px;font-size:.875rem;font-weight:700;color:var(--agc-tinta-2);text-transform:capitalize;border-bottom:1px solid var(--agc-linea)}
.agc-dia{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:150px;padding:4px 4px 8px;border-right:1px solid var(--agc-linea);border-bottom:1px solid var(--agc-linea)}
.agc-dia:nth-child(7n){border-right:0}
.agc-dia.fuera{background:var(--agc-suave-2)}
.agc-dia.fuera .agc-dia-n{color:var(--agc-tinta-2)}
.agc-cal.semana .agc-dia{min-height:280px}
.agc-dia-n{align-self:stretch;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--agc-tinta);font-weight:700;font-size:.9375rem;text-align:left;cursor:pointer}
.agc-dia-n b{font-family:var(--display);font-size:1.125rem}
@media (hover:hover) and (pointer:fine){.agc-dia-n:hover{background:var(--agc-suave)}}
.agc-dia-n::after{content:"+";margin-left:auto;font-size:1.125rem;font-weight:500;color:var(--agc-tinta-2);opacity:0;transition:opacity .15s}
.agc-dia-n:hover::after,.agc-dia-n:focus-visible::after{opacity:1}
.agc-dia-sem{display:none;font-weight:600;color:var(--agc-tinta-2);text-transform:capitalize}
.agc-dia.hoy .agc-dia-n{color:var(--agc-sobre-primario);background:var(--agc-primario)}
.agc-dia.hoy .agc-dia-n .agc-dia-sem,.agc-dia.hoy .agc-dia-n::after{color:var(--agc-sobre-primario)}
.agc-pub{display:flex;align-items:center;gap:8px;width:100%;min-height:52px;padding:4px 6px 4px 4px;border:0;border-radius:10px;background:var(--agc-suave-2);color:var(--agc-tinta);font-size:.875rem;font-weight:600;text-align:left;cursor:pointer;transition:background-color .16s}
@media (hover:hover) and (pointer:fine){.agc-pub:hover{background:var(--agc-suave)}}
.agc-pub .agc-mini{width:40px;background:var(--agc-suave)}
.agc-pub .agc-mini.f-historia{width:28px}.agc-pub .agc-mini.f-horizontal{width:52px}
.agc-pub-t{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;line-height:1.3}
.agc-pub-t small{display:flex;align-items:center;gap:5px;font-size:.875rem;font-weight:500;color:var(--agc-tinta-2)}
.agc-pub-t small::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pc)}
.agc-mas{min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--agc-tinta-2);font-size:.875rem;font-weight:700;text-align:left;padding:0 8px;cursor:pointer}

/* ---- Piezas: galería protagonista, cada pieza a su proporción (columnas tipo mampostería) ---- */
.agc-galeria{columns:4 220px;column-gap:14px}
.agc-pz{display:block;width:100%;break-inside:avoid;margin:0 0 14px;padding:0;border:0;border-radius:14px;overflow:hidden;background:var(--agc-tarjeta);color:var(--agc-tinta);text-align:left;box-shadow:var(--agc-sombra);cursor:pointer;transition:transform .2s var(--agc-salida),box-shadow .2s var(--agc-salida)}
@media (hover:hover) and (pointer:fine){.agc-pz:hover{transform:translateY(-3px);box-shadow:var(--agc-sombra-alta)}}
.agc-pz:focus-visible{outline:3px solid var(--agc-tinta);outline-offset:2px}
.agc-pz-img{display:block;aspect-ratio:1;background:var(--pm-suave,var(--agc-suave))}
.agc-pz.f-historia .agc-pz-img,.agc-pz.f-reel .agc-pz-img{aspect-ratio:9/16}
.agc-pz.f-horizontal .agc-pz-img{aspect-ratio:1200/628}
.agc-pz-img img{display:block;width:100%;height:100%;object-fit:cover}
.agc-pz-sin{display:grid;place-items:center;height:100%;color:var(--pm-tinta,var(--agc-tinta-2));font-weight:700}
/* Pieza aún sin imagen (reel por generar, historia sin hacer): baja, con el degradado sobrio de su marca y el ícono del formato. */
.agc-pz .agc-pz-img.sin{display:flex;align-items:center;justify-content:center;gap:10px;aspect-ratio:16/10;
  background:linear-gradient(135deg,var(--pm-osc,var(--agc-noche)),color-mix(in srgb,var(--pm,var(--agc-noche-2)) 55%,var(--pm-osc,var(--agc-noche))));color:var(--agc-noche-tinta)}
.agc-pz-img.sin .i3d{width:40px;height:40px}
.agc-pz-img.sin b{font-family:var(--display);font-size:1.125rem}
.agc-pz-pie{display:block;padding:10px 12px 12px}
.agc-pz-pie b{display:block;font-size:.9375rem;line-height:1.3;overflow-wrap:anywhere}
.agc-ver{margin:0 0 14px;display:grid;place-items:center;border-radius:12px;background:var(--agc-noche);padding:10px}
.agc-ver img{display:block;max-width:100%;max-height:52vh;border-radius:6px}
.agc-ver-t{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--agc-suave-2);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.agc-ver-acc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.agc-ver-acc .copiado::after{content:"✓";font-weight:800;color:var(--agc-ok)}

/* ---- Vacíos ---- */
.agc-vacio{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:36px 20px;margin:18px 0;border-radius:16px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra)}
.agc-vacio .i3d{width:72px;height:72px}
.agc-vacio h2{font-size:1.375rem}
.agc-vacio p{max-width:46ch;margin:0;color:var(--agc-tinta-2)}
.agc-carga{display:flex;gap:8px;justify-content:center;padding:60px 0}
.agc-carga span{width:10px;height:10px;border-radius:50%;background:var(--agc-tinta-2);animation:est-pulso .7s var(--agc-salida) infinite alternate}
.agc-carga span:nth-child(2){animation-delay:.15s}.agc-carga span:nth-child(3){animation-delay:.3s}

/* ---- Marca ---- */
.agc-marca-ayuda{float:right;margin:-8px -8px 0 8px}
.agc-marca{padding:18px;border-radius:16px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra);margin-bottom:18px}
.agc-paleta{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.agc-sw{margin:0;display:flex;flex-direction:column;gap:6px}
.agc-sw>span{display:block;height:56px;border-radius:10px;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.agc-sw figcaption{display:flex;flex-direction:column;font-size:.9375rem;line-height:1.3}
.agc-sw small{font-size:.875rem;color:var(--agc-tinta-2);font-variant-numeric:tabular-nums}
.agc-fuentes{display:flex;flex-wrap:wrap;gap:10px 28px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--agc-linea)}
.agc-fuentes span{display:flex;flex-direction:column}
.agc-fuentes small{font-size:.875rem;color:var(--agc-tinta-2)}
.agc-fuentes b{font-size:1.25rem}
.agc-f-disp{font-family:var(--pm-display,var(--display))}
.agc-lema{margin:0 0 10px;font-family:var(--pm-display,var(--display));font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--pm-tinta,var(--agc-tinta));max-width:34ch}
.agc-pos{margin:0 0 18px;color:var(--agc-tinta-2);max-width:72ch}
.agc-col2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}
.agc-bloque{padding:16px 18px;border-radius:14px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra);min-width:0}
.agc-bloque h3{font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:0;margin-bottom:8px}
.agc-bloque ul{margin:0;padding-left:18px;display:grid;gap:6px}
.agc-bloque p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.agc-fuente{font-size:.875rem;color:var(--agc-tinta-2)}

/* ---- Cuentas, paquetes, campañas, reporte ---- */
.agc-cuentas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px}
.agc-cuenta{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;border:0;border-radius:14px;background:var(--agc-tarjeta);color:var(--agc-tinta);text-align:left;box-shadow:var(--agc-sombra);cursor:pointer}
.agc-cuenta:focus-visible,.agc-fila:focus-visible{outline:3px solid var(--agc-tinta);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.agc-cuenta:hover,button.agc-fila:hover{box-shadow:var(--agc-sombra-alta)}}
.agc-cuenta-t{display:flex;flex-direction:column;min-width:0;flex:1}
.agc-cuenta-t b{font-size:1.0625rem;overflow-wrap:anywhere}
.agc-cuenta-t>small{font-size:.875rem;color:var(--agc-tinta-2)}
.agc-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
.agc-plan{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border-radius:16px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra)}
.agc-plan.destacado{background:var(--agc-noche);color:var(--agc-noche-tinta)}
.agc-plan.destacado p,.agc-plan.destacado .agc-precio small{color:var(--agc-noche-tinta-2)}
.agc-plan.destacado .agc-precio{color:var(--agc-noche-tinta)!important}
.agc-plan.destacado .agc-tope{border-top-color:var(--agc-noche-linea)}
.agc-plan h3{font-size:1.375rem}
.agc-plan p{margin:0;color:var(--agc-tinta-2)}
.agc-precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;color:var(--agc-tinta)!important;font-family:var(--display);font-weight:800;font-size:1.75rem;line-height:1.15}
.agc-precio small{font-family:var(--sans);font-weight:500;font-size:.875rem;color:var(--agc-tinta-2)}
.agc-precio .agc-chip{font-family:var(--sans)}
.agc-precio.chico{font-size:1.25rem;margin-top:6px}
.agc-tope{font-size:.9375rem;padding-top:10px;border-top:1px solid var(--agc-linea)}
.agc-lista2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px;margin-bottom:22px}
.agc-fila{display:block;width:100%;padding:16px 18px;border-radius:14px;border:0;background:var(--agc-tarjeta);color:var(--agc-tinta);text-align:left;box-shadow:var(--agc-sombra)}
.agc-fila h3{font-family:var(--sans);font-size:1.0625rem;font-weight:700;letter-spacing:0;overflow-wrap:anywhere}
.agc-fila p{margin:6px 0 0;color:var(--agc-tinta-2)}
button.agc-fila{cursor:pointer}
.agc-camp .agc-tope-c{display:block;margin-top:10px;font-weight:600}
.agc-tabla-w{overflow-x:auto;border-radius:14px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra)}
.agc-tabla{width:100%;border-collapse:collapse;font-size:.9375rem}
.agc-tabla th,.agc-tabla td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--agc-linea);white-space:nowrap}
.agc-tabla th{font-size:.875rem;color:var(--agc-tinta-2);font-weight:700}
.agc-tabla tr[data-editar]{cursor:pointer}
.agc-tabla tr[data-editar]:hover td,.agc-tabla tr[data-editar]:focus-visible td{background:var(--agc-suave-2)}
.agc-tabla tbody tr:last-child td{border-bottom:0}
.agc-tabla small{font-size:.875rem;color:var(--agc-tinta-2)}
.agc-rep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;margin-bottom:22px}
.agc-rep-pri{display:flex;flex-direction:column;gap:2px;padding:20px;border-radius:16px;background:var(--pm-osc,var(--agc-noche));color:var(--pm-sobre,var(--agc-noche-tinta))}
.agc-rep-pri span{font-weight:600;opacity:.9}
.agc-rep-pri b{font-family:var(--display);font-size:3rem;line-height:1.05;font-variant-numeric:tabular-nums}
.agc-rep-pri small{font-size:.875rem;opacity:.9}
.agc-rep-sec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-radius:16px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra)}
.agc-rep-sec>div{padding:18px;min-width:0;border-left:1px solid var(--agc-linea)}
.agc-rep-sec>div:first-child{border-left:0}
.agc-rep-sec dt{font-size:.875rem;font-weight:600;color:var(--agc-tinta-2)}
.agc-rep-sec dd{margin:2px 0;font-family:var(--display);font-weight:800;font-size:1.5rem;overflow-wrap:anywhere}
.agc-rep-sec dd .agc-m{white-space:normal}
.agc-rep-sec small{font-size:.875rem;color:var(--agc-tinta-2)}
.agc-rep-sec .alerta dd{color:var(--agc-mal)}
.agc-kv{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.agc-kv li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;border-radius:10px;background:var(--agc-suave-2)}
.agc-kv li>span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.agc-kv small{font-size:.875rem;color:var(--agc-tinta-2)}
.agc-kv b{flex:none;font-weight:700}
.agc-sec>.agc-kv li{background:var(--agc-tarjeta);box-shadow:var(--agc-sombra)}
.agc-resena{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:0;background:transparent;color:var(--agc-tinta);text-align:left;cursor:pointer;padding:0}
.agc-resena>span:first-child{color:var(--agc-estrella);font-size:1.0625rem;letter-spacing:.06em}
.agc-resena small{color:var(--agc-tinta-2);font-size:.875rem;letter-spacing:0}
.agc-estrella-v{color:var(--agc-tinta-2)}
.agc-excedente{margin:-8px 0 18px;padding:12px 16px;border-radius:12px;background:var(--agc-aviso-bg);color:var(--agc-tinta)}
.agc-bita li{background:var(--agc-tarjeta)}

/* ---- Hoja: la cabecera común de #165 (.dlg-head, título claro y cerrar redondo) con el color oscuro de la marca del
   proyecto (--agc-cab, lo pone agencia.js) en vez del marino del mando ---- */
#dlgAgc{--dlg-bg:var(--agc-suave-2)}
#dlgAgc .dlg-head{background:var(--agc-cab,var(--dlg-cab-bg));box-shadow:inset 0 -1px 0 var(--dlg-cab-filo)}
/* Fundido sobre el pie fijo de las hojas largas: el contenido se desvanece al pasar bajo los botones. */
#dlgAgc .ing-hoja-acc::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:28px;pointer-events:none;background:linear-gradient(0deg,var(--agc-tarjeta),var(--agc-pie-fundido))}
#dlgAgc .ing-opcion,#dlgAgc .ing-seg span,#dlgAgc .ing-monto,#dlgAgc input,#dlgAgc select,#dlgAgc textarea{background:var(--agc-tarjeta);color:var(--agc-tinta)}
#dlgAgc .ing-opcion:has(input:checked){border-color:var(--agc-primario);box-shadow:0 0 0 2px var(--agc-primario)}
#dlgAgc a{color:var(--agc-tinta);text-underline-offset:3px}
@starting-style{#dlgAgc[open]{opacity:0;transform:translateY(16px)}}
#dlgAgc[open]{transition:opacity .22s var(--agc-salida),transform .3s var(--agc-salida)}
.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.row3>*{min-width:0}

/* El «Nuevo» de la ficha sigue al tema de la vista. */
.agencia .fab{background:var(--agc-primario);color:var(--agc-sobre-primario)}
/* En oscuro, el texto de marca (lema) va hacia la tinta clara: el color de la marca sobre el fondo oscuro no se lee. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .agc-lema{color:color-mix(in srgb,var(--pm,var(--agc-tinta)) 35%,var(--agc-tinta))}}
:root[data-theme="dark"] .agc-lema{color:color-mix(in srgb,var(--pm,var(--agc-tinta)) 35%,var(--agc-tinta))}

/* Aviso breve (copiado, guardado). */
.agc-aviso{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:30;max-width:calc(100vw - 32px);margin:0;padding:12px 18px;border-radius:999px;background:var(--agc-noche);color:var(--agc-noche-tinta);font-weight:600;box-shadow:var(--agc-sombra-alta);transform:translateX(-50%)}
.agc-aviso.entra{animation:agc-aviso .3s var(--agc-resorte) both}
.agc-aviso.sale{opacity:0;transition:opacity .2s}
@keyframes agc-aviso{from{opacity:0;transform:translate(-50%,10px) scale(.96)}}

/* El orbe de Jarvis (jarvis.css) sube sobre el «Nuevo» de la ficha y sobre la barra de acciones del estudio. */
body:has(#agencia:not([hidden]) #agcNuevo:not([hidden])) .jv-fab{bottom:calc(max(28px,calc(env(safe-area-inset-bottom) + 16px)) + 74px)}
@media (max-width:700px){
  body:has(#agencia:not([hidden]) #agcNuevo:not([hidden])) .jv-fab{bottom:calc(max(18px,calc(env(safe-area-inset-bottom) + 12px)) + 68px)}
  body:has(#agencia:not([hidden]) .est) .jv-fab{bottom:calc(max(18px,calc(env(safe-area-inset-bottom) + 12px)) + 76px)}
}

/* Entrada escalonada de las tarjetas (enter: ease-out; movimiento reducido = quieto). */
@keyframes agc-entra{from{opacity:0;transform:translateY(10px)}}
.agc-tablero>.agc-p,.agc-galeria>.agc-pz{animation:agc-entra .45s var(--agc-salida) both}
.agc-tablero>.agc-p:nth-child(2),.agc-galeria>.agc-pz:nth-child(2){animation-delay:40ms}
.agc-tablero>.agc-p:nth-child(3),.agc-galeria>.agc-pz:nth-child(3){animation-delay:80ms}
.agc-tablero>.agc-p:nth-child(4),.agc-galeria>.agc-pz:nth-child(4){animation-delay:120ms}
.agc-tablero>.agc-p:nth-child(n+5),.agc-galeria>.agc-pz:nth-child(n+5){animation-delay:160ms}

/* Contenedor angosto (el ancho que le queda junto a la barra del mando, no la ventana). */
.agc-body{container:agc/inline-size}
@container agc (max-width:860px){
  .agc-cal-h{display:none}
  .agc-cal-g{grid-template-columns:minmax(0,1fr)}
  .agc-dia{min-height:0;border-right:0;padding:6px 8px 10px}
  .agc-dia.vacio:not(.hoy){display:none}
  .agc-cal.semana .agc-dia.vacio{display:flex}
  .agc-cal.semana .agc-dia{min-height:0}
  .agc-dia.fuera.vacio{display:none}
  .agc-dia-sem{display:inline}
  .agc-dia-n::after{opacity:1}
  .agc-pub .agc-mini{width:52px}.agc-pub .agc-mini.f-historia{width:36px}.agc-pub .agc-mini.f-horizontal{width:68px}
  .agc-rep{grid-template-columns:minmax(0,1fr)}
}
@container agc (max-width:700px){
  .agc-p{min-height:210px}
  /* Agenda de lo que viene: hoy y los días siguientes que tienen algo (lo pasado se ve en el calendario de cada proyecto). */
  .agc-dias{grid-template-columns:minmax(0,1fr)}
  .agc-dia7{flex-direction:row;align-items:flex-start;min-height:0;gap:12px}
  .agc-dia7.paso,.agc-dia7:not(.hoy):has(.agc-dia7-nada){display:none}
  .agc-dia7-d{flex-direction:column;align-items:center;gap:0;width:44px;flex:none}
  .agc-dia7 ul{flex:1;min-width:0}
  .agc-dia7-nada{margin:auto 0}
  .agc-cita{flex-direction:row;align-items:center;gap:10px}
  .agc-rep-sec{grid-template-columns:minmax(0,1fr)}
  .agc-rep-sec>div{border-left:0;border-top:1px solid var(--agc-linea)}
  .agc-rep-sec>div:first-child{border-top:0}
  .agc-tabla-w{overflow:visible;border-radius:0;background:none;box-shadow:none}
  .agc-tabla,.agc-tabla tbody{display:block}
  .agc-tabla thead{display:none}
  .agc-tabla tbody{display:grid;gap:10px}
  .agc-tabla tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"mes mes" "canal canal" "res pauta" "msj clics";gap:6px 14px;padding:14px 16px;border-radius:14px;background:var(--agc-tarjeta);box-shadow:var(--agc-sombra)}
  .agc-tabla td{display:block;padding:0;border:0;white-space:normal;min-width:0;overflow-wrap:anywhere}
  .agc-tabla td[data-l]::before{content:attr(data-l);display:block;font-size:.875rem;font-weight:600;color:var(--agc-tinta-2)}
  .agc-tabla .r-mes{grid-area:mes;font-size:.875rem;color:var(--agc-tinta-2)}
  .agc-tabla .r-canal{grid-area:canal;font-weight:700;font-size:1.0625rem}
  .agc-tabla .r-res{grid-area:res}.agc-tabla .r-pauta{grid-area:pauta}.agc-tabla .r-msj{grid-area:msj}.agc-tabla .r-clics{grid-area:clics}
  .agc-tabla .r-res,.agc-tabla .r-pauta{font-family:var(--display);font-weight:800;font-size:1.375rem;line-height:1.2}
  .agc-tabla .r-res::before,.agc-tabla .r-pauta::before{font-family:var(--sans)}
  .agc-tabla td .agc-m{white-space:normal}
  .agc-galeria{columns:2 140px;column-gap:10px}
  .agc-pz{margin-bottom:10px}
}

@media (max-width:900px){
  .agc-planes{grid-template-columns:minmax(0,1fr)}
  .agc-heroe-p{margin:0 -20px;padding:12px 20px 18px}
  .agc-secs{margin:0 -20px 18px;padding:0 12px}
}
@media (max-width:700px){   /* el .home del mando baja a 16 px de orilla */
  .agc-heroe-p{margin:0 -16px;padding:12px 16px 18px}
  .agc-secs{margin:0 -16px 18px;padding:0 8px}
}
@media (max-width:700px){
  .agc-top h1{font-size:2rem}
  .agc-secs a{padding:0 10px}
  .agc-hp-foto{inset:0;-webkit-mask-image:linear-gradient(180deg,var(--agc-negro) 10%,transparent 85%);mask-image:linear-gradient(180deg,var(--agc-negro) 10%,transparent 85%)}
  .agc-hp-foto img{opacity:.5}
  .agc-hp-id{padding-top:56px;align-items:flex-end}
  .agc-hp-logo{width:60px;height:60px;padding:8px;border-radius:16px}
  .agc-heroe-p h1{font-size:2rem}
  .agc-hp-lema{font-size:1rem}
  .agc-col2{grid-template-columns:minmax(0,1fr)}
  .agc-btxt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .agc-cal-bar .btn{width:44px;padding:0}
  /* Barra de acciones del estudio: fija abajo, botones cortos (PNG, WebP, Guardar). */
  .est-acciones{position:fixed;left:0;right:0;bottom:0;z-index:12;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--agc-tarjeta);box-shadow:0 -1px 0 var(--agc-linea),0 -6px 12px -8px rgba(var(--sombra-rgb),.25)}
  .est-acciones .btn.ghost{flex:none;padding:0 14px;background:var(--agc-tarjeta);border-color:var(--agc-linea);color:var(--agc-tinta)}
  .est-acciones .btn.ghost .i3d{display:none}
  .est-largo{display:none}.est-corto{display:inline}
  .est-acciones .btn.primary{background:var(--agc-primario);color:var(--agc-sobre-primario)}
  .est-panel{margin-bottom:12px}
  .est-tipos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .est-fila2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .row3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agc-paleta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .est-formatos .est-op span{justify-content:center;padding:0 6px}
}
@media (prefers-reduced-motion:reduce){
  .agc-p,.agc-pz,.agc-p-foto,.agc-ico{transition:none}
  .agc-tablero>.agc-p,.agc-galeria>.agc-pz{animation:none}
  .agc-aviso.entra{animation:none}
  .est-pulso,.agc-carga span{animation:none}
  .est-paso.abierto .est-paso-c{animation:none}.est-paso-ch{transition:none}
  #dlgAgc[open]{transition:none}
}