#vista-acceso.acceso {
  min-height: 100vh;
  background: #002c36;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 32px 16px;
  
  max-width: none;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
}

#vista-acceso .acceso-logo { height: 40px; width: auto; display: block; }

#vista-acceso .acceso-tarjeta {
  width: min(420px, 100%);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  
  color: var(--cc-texto);
}


#vista-acceso .acceso-tarjeta h2 { color: var(--cc-texto); }
#vista-acceso .acceso-tarjeta .acceso-casilla,
#vista-acceso .acceso-tarjeta .acceso-casilla:hover { color: var(--cc-texto-2); }
#vista-acceso .acceso-tarjeta .secundario { color: var(--cc-texto-2); }

#vista-acceso .acceso-tarjeta .sub { color: var(--cc-texto-2); }


#vista-acceso .sub { margin: -8px 0 0; }


#vista-acceso #aviso-acceso:empty { display: none; }

#vista-acceso .secundario { align-self: center; text-decoration: none; }



#vista-acceso .acceso-casilla input {
  width: 17px !important;
  height: 17px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 4px !important;
  margin-top: 2px !important;
}
#vista-acceso .acceso-casilla input:checked::after {
  width: 8px;
  height: 5px;
  border-width: 1.5px;
}



.bloque.cc-card > h2.seccion.cc-card__titulo {
  display: flex;
  align-items: center;
  gap: var(--cc-e-3);
  padding: var(--cc-e-4) var(--cc-e-5);
  border-bottom: 1px solid var(--cc-borde);
  
  margin: 0;
}


.bloque.cc-card > h2.seccion.cc-card__titulo > .ic { margin-right: 0; }


.bloque.cc-card > h2.seccion.cc-card__titulo:empty { display: none; }







.step-panel.cc-pos { display: none; }
.step-panel.cc-pos.active { display: flex; }
.overlay.cc-velo { display: none; }
.overlay.cc-velo.visible { display: flex; }


.cabecera-mostrador.cc-topbar {
  height: auto;
  min-height: var(--cc-alto-topbar);
  padding: 0 16px;
  
  border-bottom-color: var(--cc-d-credito);
}
.cabecera-mostrador.cc-topbar .dentro { flex-wrap: wrap; row-gap: 4px; padding: 6px 0; }
.cabecera-mostrador.cc-topbar h1 { flex-wrap: nowrap; }
.cabecera-mostrador .cc-topbar__logo { height: 30px; }

.cabecera-mostrador .cc-topbar__panel.h1-sub-cliente { display: inline; }
.cabecera-mostrador .h1-sub { padding-left: 12px; margin-left: 0; border-left: 1px solid var(--cc-cromo-borde); }
@media (max-width: 600px) {
  .cabecera-mostrador.cc-topbar h1 { flex-wrap: wrap; }
  .cabecera-mostrador .h1-sub { padding-left: 0; border-left: 0; }
}

.cabecera-mostrador .cc-topbar__acciones .cc-btn--cromo {
  min-height: 44px; min-width: 44px; height: auto;
  padding: 0 12px; border-radius: 12px;
  font: 500 var(--cc-t-sm)/1 var(--cc-fuente-texto);
  background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .14);
}
.cabecera-mostrador .cc-topbar__acciones .cc-btn--cromo:hover { background: rgba(255, 255, 255, .16); }
.cabecera-mostrador .cc-topbar__acciones .cc-btn--icono { width: 44px; padding: 0; }
.cabecera-mostrador .cc-topbar__acciones .cc-i { width: 20px; height: 20px; }
@media (max-width: 600px) {
  .cabecera-mostrador .cc-topbar__acciones .cc-btn--cromo { padding: 0 10px; font-size: var(--cc-t-xs); }
}

body:has(#banner-tienda:not(.oculto)) #btn-volver-home { display: none; }
body:has(#banner-tienda:not(.oculto)) .pantalla { padding-bottom: 0; }

body:has(#banner-tienda:not(.oculto)) .cp-volver-fila--qr { display: none; }
#step-3:has(#loading-view:not(.oculto)) .cp-volver-fila--resultado { display: none; }


.puntos.cc-pasos { justify-content: flex-start; }
.puntos.cc-pasos .dot { height: 6px; width: auto; flex: 1; max-width: 48px; border-radius: 999px; background: var(--cc-borde); }
.puntos.cc-pasos .dot.done { background: var(--cc-primario); opacity: 1; }
.puntos.cc-pasos .dot.active { background: var(--cc-acento); width: auto; }


.cp-puerta { padding: 0; max-width: none; gap: var(--cc-e-4); }
.cp-puerta-paso { padding: var(--cc-e-5); display: flex; flex-direction: column; gap: var(--cc-e-3); }
.cp-puerta-paso .campo { margin-bottom: 0; }
.cp-puerta-paso .bloque-final { padding-top: 0; }
.cp-puerta-paso .ayuda-mas { margin: 0; }

.cp-titulo-panel { font-size: var(--cc-t-2xl); }
@media (max-width: 600px) { .cp-titulo-panel { font-size: var(--cc-t-xl); } }


.cp-panel { padding: 0; max-width: none; gap: var(--cc-e-3); }
.cp-panel .campo { margin-bottom: 0; }
.cp-panel .ayuda-mas { margin: 0; }
.cp-panel .pos-busqueda { margin: 0; }

.cc-pos .cp-volver, .cc-pos .cc-btn--fantasma { --h: 40px; font-size: var(--cc-t-sm); padding: 0 var(--cc-e-3); }
.cc-pos .cc-select { min-height: var(--cc-toque-pos); font-size: var(--cc-t-lg); border-radius: var(--cc-radio-lg); }
.cp-seccion { margin-bottom: 12px; }
.sim-grid.cc-rejilla { grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); gap: 8px; }
.meta-cifras.cc-rejilla { grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr)); text-align: left; }


.acciones-tienda-fila.cc-modulos { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; }
@media (min-width: 768px) { .acciones-tienda-fila.cc-modulos { grid-template-columns: repeat(auto-fit, minmax(126px, 1fr)); } }
.accion-tienda-btn.cc-modulo { min-height: 60px; padding: 10px 12px; font-size: 13px; }
.accion-tienda-btn.cc-modulo svg { width: 36px; height: 36px; padding: 8px; border-radius: var(--cc-radio-sm); background: var(--cc-superficie-hundida); stroke: var(--cc-texto-2); }

.accion-tienda-btn.cc-modulo.activo { border-color: var(--cc-primario); background: var(--cc-primario-suave); box-shadow: inset 0 -3px 0 var(--cc-acento); }
.accion-tienda-btn.cc-modulo.activo svg { background: var(--cc-primario); stroke: var(--cc-sobre-primario); }
.accion-tienda-btn .cc-cuenta { position: absolute; top: -6px; right: -6px; border: 2px solid var(--cc-superficie); }


.banner-tienda.cc-pos__tienda { flex-direction: row; flex-wrap: wrap; margin: 0 0 12px; }
.banner-tienda .cc-en-vivo { color: var(--cc-texto-2); opacity: 1; margin-left: auto; }
.banner-tienda .cc-en-vivo .banner-tienda-sync-punto { display: none; } 
.banner-tienda .cc-en-vivo:not(.sincronizado)::before { background: var(--cc-texto-3); animation: none; }
.banner-tienda .cc-en-vivo.sincronizado { color: var(--cc-exito); }
.banner-tienda .cc-en-vivo.sin-conexion { color: var(--cc-peligro); }
.banner-tienda .cc-en-vivo.sin-conexion::before { background: var(--cc-peligro-solido); animation: none; }


#cupo-recibido-banner.cc-aviso {
  display: flex; align-items: center; flex-wrap: wrap; gap: var(--cc-e-3);
  margin: 0 0 14px; padding: var(--cc-e-3) var(--cc-e-4);
  border-radius: var(--cc-radio-md);
  background: var(--cc-alerta-suave); border: 1px solid var(--cc-alerta-borde);
}
#cupo-recibido-banner.cc-aviso > .cc-i { color: var(--cc-alerta); }
#cupo-recibido-banner.cc-aviso .cc-aviso__cuerpo { margin: 0; font-size: var(--cc-t-sm); }


.cp-lectura { border-color: transparent; }
.cp-lectura .cc-etiqueta { margin: 0; }
.cp-lectura .contado-elegido-nombre { color: #fff; }
.contado-vuelto.cp-lectura { margin: 0 0 14px; }
.contado-elegido.cp-lectura { margin-top: 8px; }
.pos-decir.cc-pos__lectura { border: 0; }
.pos-decir.cc-pos__lectura .pos-decir-rot { color: var(--cc-cromo-texto-2); }
.pos-decir.cc-pos__lectura .pos-decir-txt { color: #fff; }


.cp-tarjeta-lista { padding: 14px 16px; }
.cp-tarjeta-nombre { font-weight: var(--cc-peso-semi); }


.cp-aviso-texto { margin: 0; }
.cp-caso { padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; margin: 0 0 12px; }
.cp-caso .caso-cabecera { margin: 0; justify-content: space-between; }
.cp-caso-nombre { margin: 0; font-size: 17px; font-weight: var(--cc-peso-semi); }
.cp-caso .caso-motivo, .cp-caso .caso-quehacer, .cp-caso .caso-etiqueta { margin: 0; }
.cp-caso .caso-botones.cc-pos__acciones { margin: 4px 0 0; }
#casos-revisar-vacio.cc-vacio { max-width: none; }


.cp-requisitos { flex-direction: row; justify-content: center; gap: 8px; }
.cp-requisitos .necesitas-titulo { flex: 0 0 100%; text-align: center; margin: 0 0 2px; }
.cp-requisito { flex: 0 0 auto; height: 36px; padding: 0 12px; font-size: var(--cc-t-xs); align-self: auto; gap: 8px; }
.cp-requisito .necesitas-icono { width: 20px; height: 20px; border: 0; background: none; color: inherit; }
.cp-requisito .necesitas-icono svg { width: 16px; height: 16px; }
.cp-qr { padding: 12px; }


.cp-progreso { flex-wrap: nowrap; margin: -6px 0 18px; }
.cp-progreso .cc-progreso { flex: 1; height: 6px; }
.cp-progreso .form-progreso-relleno { background: var(--cc-primario); }
.cp-progreso.completo .form-progreso-relleno { background: var(--cc-exito); }

@media (max-width: 767px) { #form-datos.cc-formulario { display: block; } }
.cp-permisos { padding: 14px 16px; background: var(--cc-superficie-2); display: flex; flex-direction: column; gap: 8px; }
.cc-check.acepta span { font-size: var(--cc-t-sm); }
.cp-acciones-paso1 { display: flex; flex-direction: column; gap: 12px; }
.cp-volver-fila { display: flex; justify-content: center; margin-top: 16px; }
.cp-volver { gap: 6px; }


.cp-paso2 { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 8px 0; }
.cp-paso2 .spin-loader { margin-bottom: 0; }
.cp-paso2 .cp-volver-fila { margin-top: 4px; }
.cp-resultado { padding: 28px 20px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; width: 100%; }
.cp-resultado > * { margin: 0; }

.cp-resultado--pendiente { border-top: 4px solid var(--cc-alerta); }
.cp-resultado--sin-cupo { border-top: 4px solid var(--cc-texto-3); background: var(--cc-superficie-2); }
.cp-resultado--aprobada { border-top: 4px solid var(--cc-exito); }
.cp-resultado--fallo { border-top: 4px solid var(--cc-peligro-solido); }
.cp-resultado--puente { border-top: 4px solid var(--cc-primario); }
.cp-resultado .cupo-grande.cc-cifra { font-size: var(--cc-t-4xl); line-height: 1; }
.cp-resultado .cc-aviso { width: 100%; text-align: left; }


.cp-aviso-local { border-radius: 0; box-shadow: var(--cc-sombra-2); }
.cp-terminos { padding: 20px; gap: 14px; overflow: auto; max-height: 82vh; }
.cp-modal-cabeza { justify-content: space-between; flex-wrap: nowrap; margin: 0; }
.cp-terminos .borrador.cc-aviso { margin: 0; }







.ch-velo {
  position: fixed;
  inset: 0;
  z-index: var(--cc-z-modal);
  display: flex;
  justify-content: flex-end;
  font-family: var(--cc-fuente-texto);
  color: var(--cc-texto);
}

.ch-velo[hidden] { display: none; }
.ch-velo__fondo { position: absolute; inset: 0; background: rgba(6, 18, 22, .5); }
.ch-lateral {
  position: relative;
  width: min(620px, 100%);
  height: 100%;
  background: var(--cc-fondo);
  display: flex;
  flex-direction: column;
  box-shadow: var(--cc-sombra-3);
  
  color: var(--cc-texto);
  outline: none;
}
.ch-lateral__cabeza {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--cc-e-3);
  padding: var(--cc-e-5) var(--cc-e-6) var(--cc-e-4);
  border-bottom: 1px solid var(--cc-borde);
  flex: none;
}
.ch-lateral__titulos { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ch-h2 { margin: 0; }
.ch-lateral .ch-cerrar { --h: 48px; flex: none; }
.ch-busqueda {
  display: flex;
  flex-direction: column;
  gap: var(--cc-e-2);
  padding: var(--cc-e-4) var(--cc-e-6) var(--cc-e-3);
  flex: none;
}
.ch-lateral .ch-buscador { min-height: 52px; font-size: 17px; }
.ch-lateral .ch-cuerpo {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: var(--cc-e-1) var(--cc-e-6) var(--cc-e-10);
}
.ch-lateral .ch-burb { font-size: 17px; }


.ch-envoltura[hidden] { display: none; }
.ch-burbuja {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: var(--cc-z-popover);   
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 0;
  background: var(--cc-acento);
  color: var(--cc-sobre-acento);
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: var(--cc-sombra-3);
}
.ch-burbuja .cc-i { width: 28px; height: 28px; }
.ch-burbuja:hover { filter: brightness(1.06); }
.ch-burbuja:focus-visible { outline: none; box-shadow: var(--cc-anillo-foco); }
.ch-panel {
  position: fixed;
  right: 20px;
  bottom: 88px;                   
  z-index: var(--cc-z-popover);
  width: min(400px, calc(100vw - 40px));
  max-height: min(620px, calc(100vh - 120px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: var(--cc-fuente-texto);
  color: var(--cc-texto);
  outline: none;
}
.ch-panel[hidden] { display: none; }
.ch-cabeza {
  display: flex;
  align-items: center;
  gap: var(--cc-e-3);
  padding: var(--cc-e-4) var(--cc-e-5);
  border-bottom: 1px solid var(--cc-borde);
  flex: none;
}
.ch-cabeza__icono { color: var(--cc-acento); width: 22px; height: 22px; flex: none; }
.ch-cabeza__titulos { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.ch-nombre { font-family: var(--cc-fuente-marca); font-weight: var(--cc-peso-bold); font-size: var(--cc-t-lg); line-height: 1.2; }
.ch-cabeza .ch-cerrar { margin-left: auto; }
.ch-panel .ch-busqueda { padding: var(--cc-e-3) var(--cc-e-5) var(--cc-e-2); }
.ch-panel .ch-cuerpo {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: var(--cc-e-2) var(--cc-e-5) var(--cc-e-5);
}


.ch-cuerpo { display: flex; flex-direction: column; gap: var(--cc-e-3); }
.ch-nota { line-height: 1.4; }
.ch-burb {
  max-width: 88%;
  width: fit-content;
  padding: 10px 14px;
  border-radius: 16px;
  font-size: var(--cc-t-md);
  line-height: 1.5;
  white-space: pre-line;          
  overflow-wrap: anywhere;
}
.ch-burb--recibido {
  background: var(--cc-superficie-2);
  border: 1px solid var(--cc-borde);
  border-bottom-left-radius: 4px;
  margin-right: auto;
}
.ch-burb--enviado {
  background: var(--cc-primario);
  color: var(--cc-sobre-primario);
  font-weight: var(--cc-peso-semi);
  border-bottom-right-radius: 4px;
  margin-left: auto;
}
.ch-temas { display: flex; flex-direction: column; gap: var(--cc-e-2); }
.ch-fila { display: flex; align-items: center; gap: var(--cc-e-2); }
.ch-tema {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--cc-e-3);
  min-height: 56px;
  padding: 12px 14px;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: var(--cc-superficie);
  border: 1px solid var(--cc-borde);
  border-radius: var(--cc-radio-lg);
  transition: border-color var(--cc-dur-rapida), box-shadow var(--cc-dur-rapida);
}
.ch-tema:hover { border-color: var(--cc-primario-suave-borde); box-shadow: var(--cc-sombra-1); }
.ch-tema:focus-visible { outline: none; box-shadow: var(--cc-anillo-foco); }
.ch-tema__icono { color: var(--cc-primario); flex: none; }
.ch-tema__nombre { flex: 1; min-width: 0; font-family: var(--cc-fuente-marca); font-weight: var(--cc-peso-semi); }
.ch-tema__cuenta {
  flex: none;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--cc-radio-pill);
  display: grid;
  place-items: center;
  background: var(--cc-superficie-2);
  color: var(--cc-texto-2);
  font-size: var(--cc-t-xs);
  font-weight: var(--cc-peso-bold);
  font-variant-numeric: tabular-nums;
}
.ch-ir { --h: 44px; flex: none; }
.ch-tema-titulo {
  align-self: center;
  padding: 3px 12px;
  border-radius: var(--cc-radio-pill);
  background: var(--cc-superficie-2);
  color: var(--cc-texto-2);
  font-family: var(--cc-fuente-marca);
  font-size: var(--cc-t-2xs);
  font-weight: var(--cc-peso-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ch-hilo { display: flex; flex-direction: column; gap: 8px; }
.ch-hilo:empty { display: none; }
.ch-chips { display: flex; flex-direction: column; gap: 8px; }

.ch-chip {
  justify-content: space-between;
  text-align: left;
  white-space: normal;
  min-height: 48px;
  padding: 10px 14px;
  line-height: 1.35;
  border-color: var(--cc-primario);
  color: var(--cc-primario);
}
.ch-chip[disabled] {
  opacity: 1;
  border-color: var(--cc-borde);
  background: var(--cc-superficie-2);
  color: var(--cc-texto-3);
  cursor: default;
}
.ch-chip--vista::after {
  content: "Vista";
  flex: none;
  margin-left: 8px;
  font-size: var(--cc-t-2xs);
  font-weight: var(--cc-peso-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cc-texto-3);
}
.ch-volver { align-self: flex-start; }
.ch-llevar { margin-top: var(--cc-e-2); justify-content: center; }
.ch-resultado {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-align: left;
  padding: 12px 14px;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: var(--cc-superficie);
  border: 1px solid var(--cc-borde);
  border-radius: var(--cc-radio-lg);
  white-space: normal;
}
.ch-resultado:hover { border-color: var(--cc-primario-suave-borde); box-shadow: var(--cc-sombra-1); }
.ch-resultado:focus-visible { outline: none; box-shadow: var(--cc-anillo-foco); }
.ch-resultado__donde { font-size: var(--cc-t-2xs); color: var(--cc-texto-3); letter-spacing: .06em; text-transform: uppercase; }
.ch-resultado__p { font-weight: var(--cc-peso-semi); line-height: 1.35; }

@media (max-width: 480px) {
  .ch-panel { right: 12px; left: 12px; width: auto; bottom: 80px; }
  .ch-burbuja { right: 14px; bottom: 14px; }
  .ch-lateral__cabeza, .ch-busqueda, .ch-lateral .ch-cuerpo { padding-left: 16px; padding-right: 16px; }
}





header.cc-topbar { min-height: var(--cc-alto-topbar); height: auto; padding: 0 var(--cc-e-5); }

header.cc-topbar > .dentro {
  flex: 1 1 auto; min-height: 0; max-width: none; margin: 0;
  display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start;
  gap: var(--cc-e-4);
}
header.cc-topbar h1.cc-topbar__marca { margin: 0; gap: 0; flex: none; font: inherit; letter-spacing: 0; text-transform: none; min-width: 0; }
header.cc-topbar .cc-topbar__logo { height: 32px; width: auto; display: block; }

header.cc-topbar .cc-btn--cromo {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--cc-e-2);
  height: 36px; min-height: 36px; width: auto; margin: 0; padding: 0 var(--cc-e-3);
  border: 1px solid var(--cc-cromo-borde); border-radius: var(--cc-radio-md);
  background: transparent; color: var(--cc-cromo-texto);
  font: var(--cc-peso-medio) var(--cc-t-sm)/1 var(--cc-fuente-texto); white-space: nowrap; cursor: pointer;
}
header.cc-topbar .cc-btn--cromo:hover { background: var(--cc-cromo-2); color: #fff; border-color: var(--cc-cromo-borde); }
header.cc-topbar .cc-btn--icono { width: 36px; padding: 0; }

header.cc-topbar .cc-btn--icono .cc-btn__texto-opcional { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
header.cc-topbar .cc-btn .cc-i { width: 18px; height: 18px; }

header.cc-topbar .campana { position: relative; display: inline-flex; }

header.cc-topbar #quien.cc-topbar__usuario {
  display: flex; flex: 0 1 auto; flex-wrap: nowrap; align-items: center; gap: var(--cc-e-3); min-width: 0;
  font-size: var(--cc-t-sm); color: var(--cc-cromo-texto-2);
}
header.cc-topbar #quien.cc-topbar__usuario::before { display: none; }   
header.cc-topbar .pastilla { color: var(--cc-cromo-texto); font-weight: var(--cc-peso-semi); }
header.cc-topbar .pastilla .ic { color: var(--cc-cromo-texto-2); }

header.cc-topbar .cc-en-vivo { order: -1; gap: 8px; }
header.cc-topbar .cc-en-vivo::before { display: none; }
header.cc-topbar .cc-en-vivo.is-pausa { color: var(--cc-cromo-texto-2); }
@media (max-width: 1280px) { header.cc-topbar #quien.cc-topbar__usuario { display: flex; } }
@media (max-width: 900px)  { header.cc-topbar .cc-topbar__panel { display: none; } }
@media (max-width: 767px) {
  header.cc-topbar { padding: 0 var(--cc-e-3); }
  header.cc-topbar > .dentro { gap: var(--cc-e-2); }
  header.cc-topbar .cc-topbar__logo { height: 26px; }
  header.cc-topbar #quien.cc-topbar__usuario { display: none; }
  
  header.cc-topbar .cc-btn--cromo { width: 38px; min-width: 38px; height: 38px; min-height: 38px; padding: 0; border-radius: var(--cc-radio-md); position: relative; }
  header.cc-topbar .cc-btn__texto-opcional { display: none; }
  #franja-prueba.cc-franja-demo { top: var(--cc-alto-topbar); }
}



#franja-prueba.cc-franja-demo { grid-area: auto; }
#franja-prueba.cc-franja-demo::before {
  content: 'Prueba'; flex: none; display: inline-flex; align-items: center; height: 22px; padding: 0 8px;
  border: 1px dashed currentColor; border-radius: var(--cc-radio-pill);
  font-family: var(--cc-fuente-marca); font-size: var(--cc-t-2xs); font-weight: var(--cc-peso-semi);
  letter-spacing: .08em; text-transform: uppercase;
}


#indice.cc-menu {
  grid-area: auto;
  min-height: 0; max-height: none; height: calc(100vh - var(--cc-alto-topbar));
  top: var(--cc-alto-topbar);
  padding: var(--cc-e-4) var(--cc-e-3);
  border: 0; border-right: 1px solid var(--cc-cromo-borde);
}

#indice .indice-inicio, #indice .indice-plegar, #indice .indice-salto { color: var(--cc-cromo-texto); }
#indice .indice-inicio .ic, #indice .indice-icono .ic { color: var(--cc-cromo-texto); }
#indice .indice-rotulo { color: var(--cc-cromo-texto-2); }
#indice .indice-plegar { color: var(--cc-cromo-texto-2); border-top-color: var(--cc-cromo-borde); }
#indice .indice-plegar .ic { color: var(--cc-cromo-texto-2); }
#indice .indice-inicio:hover, #indice .indice-plegar:hover, #indice .indice-salto:hover { background: var(--cc-cromo-2); color: #fff; }
#indice .indice-inicio.aqui, #indice .indice-salto.aqui { background: var(--cc-cromo-activo); color: #fff; box-shadow: inset 3px 0 0 var(--cc-acento); }
#indice .indice-salto:focus-visible, #indice .indice-inicio:focus-visible, #indice .arbol-seccion:focus-visible { outline: 2px solid var(--cc-foco); outline-offset: -2px; }
#indice .indice-cuantos.cc-menu__cuenta { margin-left: auto; padding: 0 7px; border-radius: var(--cc-radio-pill); background: rgba(255,255,255,.10); color: var(--cc-cromo-texto); font: var(--cc-peso-semi) var(--cc-t-xs)/22px var(--cc-fuente-cifras); }
#indice .indice-salto.aqui .indice-cuantos { background: rgba(255,255,255,.22); color: #fff; }

#indice .indice-grupos:not(.plano) .arbol-grupo:not(.abierto) > .cc-arbol__secciones { display: none; }
#indice .cc-arbol__secciones::before { display: none; }   
#indice .cc-arbol__grupo .indice-nombre { flex: 1 1 auto; white-space: normal; }
#indice .cc-arbol__grupo .indice-chevron { margin-left: 6px; }
#indice .cc-arbol__grupo .indice-cuantos + .indice-chevron { margin-left: 6px; }
#indice .cc-arbol__seccion, #indice .cc-menu__item { width: 100%; text-align: left; }
#indice .cc-arbol__seccion .cc-menu__punto, #indice .cc-menu__item .cc-menu__punto { margin: 0 4px 0 0; }
#indice .arbol-seccion.cc-menu__item { border: 0; background: none; cursor: pointer; }

#indice .indice-departamentos.cc-chips { flex-wrap: wrap; overflow: visible; gap: 6px; padding: 0 0 10px; margin: 0 0 8px; border-bottom: 1px solid var(--cc-cromo-borde); }
#indice .indice-departamento.cc-chip {
  width: auto; height: 32px; min-height: 32px; padding: 0 12px 0 10px; gap: 6px; margin: 0;
  border: 1px solid var(--cc-cromo-borde); border-radius: var(--cc-radio-pill);
  background: rgba(255,255,255,.06); color: var(--cc-cromo-texto);
  font: var(--cc-peso-semi) var(--cc-t-xs)/1 var(--cc-fuente-marca);
}
#indice .indice-departamento.cc-chip::before { width: 7px; height: 7px; border-radius: 50%; background: var(--cc-depto, var(--cc-cromo-texto-2)); -webkit-mask: none; mask: none; }
#indice .indice-departamento.cc-chip:hover { background: var(--cc-cromo-2); color: #fff; border-color: var(--cc-cromo-borde); }
#indice .indice-departamento.cc-chip.activo,
#indice .indice-departamento.cc-chip[aria-pressed="true"] { background: var(--cc-cromo-activo); border-color: var(--cc-depto, var(--cc-acento)); color: #fff; box-shadow: none; }
#indice .indice-departamento.cc-chip > span:first-of-type { flex: 0 1 auto; }
#indice .indice-departamento.cc-chip .indice-cuantos { margin: 0; padding: 0 6px; min-width: 20px; }

@media (min-width: 768px) and (max-width: 900px) {
  #indice.cc-menu { position: sticky; inset: auto; top: var(--cc-alto-topbar); transform: none; width: auto; box-shadow: none; height: calc(100vh - var(--cc-alto-topbar)); }
}

@media (max-width: 767px) {
  #indice.cc-menu {
    position: fixed; inset: auto 0 0 0; top: auto; transform: none; width: auto;
    height: auto; min-height: 0; max-height: none; padding: 0 0 env(safe-area-inset-bottom);
    overflow: visible; gap: 0; border: 0; border-top: 1px solid var(--cc-cromo-borde);
    background: var(--cc-cromo); box-shadow: 0 -6px 24px -14px rgba(0,0,0,.55);
  }
  
  #indice .indice-grupos { flex-direction: row; }
  #indice .cc-arbol__grupo { font: var(--cc-peso-medio) 10.5px/1 var(--cc-fuente-texto); letter-spacing: 0; text-transform: none; padding: 8px 2px 6px; color: var(--cc-cromo-texto-2); }
  #indice .cc-arbol__grupo[aria-expanded="true"], #indice .indice-salto.aqui { background: transparent; color: #fff; box-shadow: none; }
  #indice .indice-salto.aqui .indice-icono { color: var(--cc-acento); }
  #indice .indice-salto.aqui::after { background: var(--cc-acento); }
  #indice .indice-salto .indice-cuantos, #indice .indice-cuantos.cc-menu__cuenta { position: absolute; top: 5px; left: calc(50% + 4px); margin: 0; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; font: 700 9.5px/16px var(--cc-fuente-texto); background: var(--cc-cromo-2); color: var(--cc-cromo-texto); }
  #indice .indice-salto.aqui .indice-cuantos { background: var(--cc-acento); color: var(--cc-sobre-acento); }
  #indice .indice-chevron, #indice .cc-menu__punto { display: none; }
}


.panel-principal.cc-main { grid-area: auto; }

.cc-main__contenido > #aviso-panel { margin: 0; padding: 0; }
.cc-main__contenido > #aviso-panel:empty { display: none; }

#subindice.cc-pestanas {
  position: static; margin: 0; padding: 0; background: none;
  border: 0; border-bottom: 1px solid var(--cc-borde); border-radius: 0; box-shadow: none;
}
#subindice.cc-pestanas::after { display: none; }
#subindice.cc-pestanas .sub-boton { margin: 0; border-radius: 0; background: none; }
#subindice.cc-pestanas .sub-boton.aqui { background: none; border-radius: 0; }

@media (min-width: 768px) { #subindice.cc-pestanas { display: none; } }
@media (max-width: 767px) {
  #subindice.cc-pestanas { position: sticky; top: var(--cc-alto-topbar); z-index: 29; background: var(--cc-fondo); margin: 0 -12px; padding: 0 12px; }
}

#migas.cc-migas { margin: 0; }
#migas.cc-migas button.migas-paso { color: var(--cc-enlace); font: inherit; }
#migas.cc-migas button.migas-paso:hover { text-decoration: underline; }
#migas.cc-migas .migas-paso.actual { color: var(--cc-texto); font-weight: var(--cc-peso-semi); }
#migas.cc-migas .migas-sep { color: var(--cc-texto-3); }
#migas.cc-migas .migas-volver { margin-left: auto; }


.grupo-encabezado.cc-encabezado { padding: var(--cc-e-5) var(--cc-e-5) var(--cc-e-4); border-bottom: 1px solid var(--cc-borde); min-height: 0; }
.cc-encabezado .grupo-etiqueta { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--cc-e-2); }
.cc-encabezado .grupo-etiqueta-n:not(:empty)::before { content: '·'; margin-right: var(--cc-e-2); color: var(--cc-texto-3); }
.cc-encabezado .grupo-depto { background: var(--cc-depto-suave, var(--cc-superficie-2)); color: var(--cc-depto, var(--cc-texto-2)); }
.grupo-titulo.cc-h2 { margin: 0; text-transform: none; letter-spacing: -.01em; gap: var(--cc-e-3); color: var(--cc-texto); }
.grupo-titulo.cc-h2 .grupo-icono { width: 26px; height: 26px; color: var(--cc-depto, var(--cc-primario)); }
.grupo-titulo.cc-h2 .grupo-icono .ic { width: 22px; height: 22px; }
.grupo-pie.cc-texto-2 { margin: 0; text-align: left; font-size: var(--cc-t-sm); max-width: 72ch; }
.grupo-atender:has(.bloque.urgente) .grupo-titulo.cc-h2 { color: var(--cc-alerta); }
@media (max-width: 767px) {
  .grupo-encabezado.cc-encabezado { padding: var(--cc-e-4); }
  .grupo-titulo.cc-h2 { font-size: var(--cc-t-xl); }
}


.marco-quien { display: flex; flex-direction: column; align-items: flex-start; gap: var(--cc-e-3); margin: var(--cc-e-5) var(--cc-e-5) 0; padding-top: var(--cc-e-4); border-top: 1px solid var(--cc-borde); }
.marco-quien-fila { gap: var(--cc-e-2); }
.marco-quien button.cc-ir { font: var(--cc-peso-semi) var(--cc-t-xs)/1 var(--cc-fuente-marca); }
#lienzo .grupo:not(.enfocado) .marco-quien { display: none; }


#pie-panel.cc-nota-pie { max-width: none; margin: 0; }
#pie-panel.cc-nota-pie:empty { display: none; }


.rejilla-kpi-inventario.cc-rejilla { grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); }
.bloque.destacado .nota-catalogo { margin-top: var(--cc-e-3); }






:root { --cp-ancho: 1320px; }


.cp-barra {
  position: relative;
  color: #fff;
}

.cc-topbar.cp-barra {
  height: auto;
  min-height: var(--cc-alto-topbar);
  display: block;
  padding: 0;
  border-bottom: 0;
}
.cp-barra__fila {
  max-width: var(--cp-ancho);
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
.cc-topbar .cp-barra__fila { padding: 10px 24px; }
.cp-barra__marca {
  display: flex;
  align-items: center;
  flex: none;
  color: inherit;
  text-decoration: none;
}
.cp-barra__logo { height: 36px; width: auto; display: block; }
.cp-barra__acciones {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.cp-barra .cc-btn { text-decoration: none; }

.cp-barra .cp-carrito { position: relative; width: 40px; height: 40px; }
.cp-carrito__cuenta { position: absolute; top: -6px; right: -6px; }



.cp-nav { background: var(--cc-superficie); border-bottom: 1px solid var(--cc-borde); }
.cp-nav .cc-pestanas {
  max-width: var(--cp-ancho);
  margin: 0 auto;
  padding: 0 16px;
  border-bottom: 0;
}
.cp-nav .cc-pestanas a { padding: 0 12px; }

@media (min-width: 901px) { .cp-nav .cc-pestanas { flex-wrap: wrap; overflow: visible; } }
.cp-nav .cc-pestanas a svg { width: 17px; height: 17px; flex: none; color: var(--cc-texto-3); }
.cp-nav .cc-pestanas a:hover svg { color: var(--cc-texto); }
.cp-nav .cc-pestanas a.activo { color: var(--cc-primario); border-bottom-color: var(--cc-acento); }
.cp-nav .cc-pestanas a.activo svg { color: var(--cc-primario); }
[data-tema="oscuro"] .cp-nav .cc-pestanas a.activo { color: var(--cc-texto); }

@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) .cp-nav .cc-pestanas a.activo { color: var(--cc-texto); } }


.cp-pie { border-top: 1px solid var(--cc-borde); background: var(--cc-superficie); }

.cp-pie__columnas {
  max-width: var(--cp-ancho);
  margin: 0 auto;
  padding: 40px 24px 28px;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 32px;
  border-bottom: 1px solid var(--cc-borde);
}
.cp-pie__columnas > * { min-width: 0; }
.cp-pie__columnas h3 { margin: 0 0 12px; }
.cp-pie__sobre { margin: 0; max-width: 40ch; line-height: 1.6; }
.cp-pie__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.cp-pie__lista a { color: var(--cc-texto-2); text-decoration: none; font-size: var(--cc-t-sm); }
.cp-pie__lista a:hover { color: var(--cc-enlace); text-decoration: underline; }
.cp-pie__lista li { display: flex; align-items: flex-start; gap: 8px; font-size: var(--cc-t-sm); color: var(--cc-texto-2); }
.cp-pie__lista li > .cc-i { margin-top: 3px; color: var(--cc-texto-3); }

.cp-pie__pendiente { color: var(--cc-alerta); font-weight: var(--cc-peso-semi); }
.cp-pie__fila {
  max-width: var(--cp-ancho);
  margin: 0 auto;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: center;
  justify-content: space-between;
}
.cp-pie__fila span { max-width: 62ch; }
.cp-pie__fila a { color: var(--cc-enlace); }



@media (max-width: 900px) {
  .cp-solo-ancho { display: none; }
  .cp-barra .buscador { order: 3; flex-basis: 100%; max-width: none; margin-inline: 0; }
  .cc-topbar .cp-barra__fila { padding: 10px 16px; }
}
@media (max-width: 1023px) {
  .cp-pie__columnas { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 700px) {
  .cp-barra__fila { padding: 14px 20px; }
  .cp-barra__logo { height: 30px; }
  .cp-pie__columnas { grid-template-columns: 1fr; gap: 24px; padding: 32px 20px 20px; }
  .cp-pie__fila { padding: 20px; }
}


#indice .cc-arbol__grupo .indice-flecha {
  display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px;
  margin: 0 -6px 0 2px; border-radius: var(--cc-radio-sm); cursor: pointer;
}
#indice .cc-arbol__grupo .indice-flecha:hover { background: var(--cc-cromo-2); }
#indice .cc-arbol__grupo .indice-flecha .indice-chevron { margin: 0; }

@media (max-width: 767px) { #indice .indice-flecha { display: none; } }
body.rail-plegado #indice .indice-flecha { display: none; }


.rejilla-subgrupo {
  grid-column: 1 / -1; margin: 10px 0 0; padding: 0 0 8px;
  border-bottom: 1px solid var(--linea);
  font: 600 var(--t-meta)/1.2 var(--fuente); letter-spacing: .08em;
  text-transform: uppercase; color: var(--tinta-3);
}
.grupo-rejilla > .rejilla-subgrupo:first-child { margin-top: 0; }
.grupo.enfocado .rejilla-subgrupo { display: none; }
#indice .arbol-subgrupo {
  margin: 10px 0 2px; padding: 0 8px;
  font: 600 10px/1.2 var(--cc-fuente-texto); letter-spacing: .08em;
  text-transform: uppercase; color: var(--cc-cromo-texto-2); opacity: .8;
}
#indice .arbol-subgrupo:first-child { margin-top: 4px; }


@media (min-width: 1100px) {
  #lienzo .grupo:not(.enfocado) .grupo-rejilla { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  #lienzo .grupo:not(.enfocado) .grupo-rejilla > section[data-ancho="4"]  { grid-column: span 4 !important; }
  #lienzo .grupo:not(.enfocado) .grupo-rejilla > section[data-ancho="6"]  { grid-column: span 6 !important; }
  #lienzo .grupo:not(.enfocado) .grupo-rejilla > section[data-ancho="12"] { grid-column: 1 / -1 !important; }
}


.franja-depto {
  display: flex; align-items: center; gap: 12px; margin: 0 0 12px;
  padding: 10px 14px; border-radius: var(--cc-radio-md);
  background: var(--cc-depto-suave, var(--cc-superficie));
  border: 1px solid var(--cc-depto, var(--cc-borde)); border-left-width: 5px;
  color: var(--cc-texto);
}
.franja-depto.oculto { display: none; }
.franja-depto-punto { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--cc-depto, var(--cc-texto-3)); }
.franja-depto-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.franja-depto-texto strong { font-size: 15px; color: var(--cc-depto, var(--cc-texto)); }
.franja-depto-texto span { font-size: var(--cc-t-sm, 13px); color: var(--cc-texto-2); }

.franja-depto-salir { flex: none; width: auto; margin: 0; }
@media (max-width: 767px) { .franja-depto { flex-wrap: wrap; } .franja-depto-salir { width: 100%; } }


.inicio-principal { margin: 14px 0 0; }
.inicio-principal-lista { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.inicio-principal-lista[data-n="1"] { grid-template-columns: minmax(0, 1fr); }
.inicio-principal-lista[data-n="2"], .inicio-principal-lista[data-n="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inicio-principal-tarjeta {
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0;
  width: auto; margin: 0;   
  padding: 14px 16px; text-align: left; font: inherit; cursor: pointer;
  background: var(--cc-superficie); color: var(--cc-texto);
  border: 1px solid var(--cc-borde); border-top: 3px solid var(--cc-depto, var(--acento, var(--cc-borde)));
  border-radius: var(--cc-radio-md); box-shadow: var(--cc-sombra-1);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.inicio-principal-tarjeta:hover { box-shadow: var(--cc-sombra-2); border-color: var(--cc-depto, var(--acento)); }
.inicio-principal-tarjeta:focus-visible { outline: 2px solid var(--cc-depto, var(--acento)); outline-offset: 2px; }
.inicio-principal-titulo { font-weight: 600; font-size: 14px; }
.inicio-principal-cifra { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.15; }
.inicio-principal-pie { font-size: 13px; color: var(--cc-texto-2); overflow-wrap: anywhere; }
.inicio-principal-ir { margin-top: auto; padding-top: 6px; font-size: 12px; font-weight: 600; color: var(--cc-depto, var(--acento)); }
@media (max-width: 900px) { .inicio-principal-lista, .inicio-principal-lista[data-n] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .inicio-principal-lista, .inicio-principal-lista[data-n] { grid-template-columns: minmax(0, 1fr); } }


.cc-tabla td .mora-etiqueta { white-space: nowrap; }


@media (min-width: 768px) {
  .inicio-tema { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; row-gap: 6px; align-items: start; }
  .inicio-tema-icono { grid-row: 1 / span 2; }
  .inicio-tema-n { grid-column: 2; }
}

.inicio-cifra-ir { margin: 0; }


[data-tono="admin"]        { --tono: var(--cc-d-admin);        --tono-suave: var(--cc-d-admin-suave); }
[data-tono="cobranza"]     { --tono: var(--cc-d-cobranza);     --tono-suave: var(--cc-d-cobranza-suave); }
[data-tono="ventas"]       { --tono: var(--cc-d-ventas);       --tono-suave: var(--cc-d-ventas-suave); }
[data-tono="credito"]      { --tono: var(--cc-d-credito);      --tono-suave: var(--cc-d-credito-suave); }
[data-tono="tiendas"]      { --tono: var(--cc-d-tiendas);      --tono-suave: var(--cc-d-tiendas-suave); }
[data-tono="inventario"]   { --tono: var(--cc-d-inventario);   --tono-suave: var(--cc-d-inventario-suave); }
[data-tono="contabilidad"] { --tono: var(--cc-d-contabilidad); --tono-suave: var(--cc-d-contabilidad-suave); }
[data-tono="rrhh"]         { --tono: var(--cc-d-rrhh);         --tono-suave: var(--cc-d-rrhh-suave); }
[data-tono="marketing"]    { --tono: var(--cc-d-marketing);    --tono-suave: var(--cc-d-marketing-suave); }


.rejilla-subgrupo[data-tono] {
  display: flex; align-items: center; gap: 10px; margin: 14px 0 2px; padding: 10px 14px;
  border: 0; border-left: 4px solid var(--tono); border-radius: var(--cc-radio-sm);
  background: var(--tono-suave); text-transform: none; letter-spacing: 0;
}
.rejilla-subgrupo-punto { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--tono); }
.rejilla-subgrupo-nombre { font: 600 15px/1.2 var(--fuente); color: var(--tono); }
.rejilla-subgrupo-n { margin-left: auto; font: 500 12px/1 var(--fuente); color: var(--cc-texto-2); }

#lienzo .grupo:not(.enfocado) .grupo-rejilla > section[data-tono] { border-top: 3px solid var(--tono); }
#lienzo .grupo-rejilla > section[data-tono] .ver-detalle { color: var(--tono); }


.periodo-selector { display: inline-flex; flex-wrap: nowrap; gap: 2px; padding: 3px; margin: 0 0 12px;
  background: var(--cc-superficie-hundida); border: 1px solid var(--cc-borde); border-radius: 10px; max-width: 100%; }
.periodo-selector .cc-btn { --h: 32px; width: auto; margin: 0; padding: 0 14px; border: 0; border-radius: 7px;
  background: transparent; color: var(--cc-texto-2); box-shadow: none; font-weight: 500; white-space: nowrap; }
.periodo-selector .cc-btn:hover { color: var(--cc-texto); }
.periodo-selector .cc-btn.activo { background: var(--cc-superficie); color: var(--cc-texto); font-weight: 600;
  box-shadow: var(--cc-sombra-1); }


.ranking-mandos { display: flex; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 12px; }
.ranking-mandos .periodo-selector { margin: 0; }
.ranking-rango { display: flex; flex-wrap: wrap; align-items: end; gap: 8px 12px; margin: 0 0 12px; }
.ranking-rango[hidden] { display: none; }
.ranking-rango label { display: flex; flex-direction: column; gap: 4px; font: 500 13px/1.2 var(--fuente); color: var(--cc-texto-2); }
.ranking-rango input[type="date"] { min-height: 36px; padding: 0 10px; font: 500 14px/1 var(--fuente); }
.ranking-rango .cc-btn { --h: 36px; width: auto; margin: 0; }


.cat-producto { display: flex; align-items: center; gap: 10px; min-width: 0; }
.cat-producto > span { display: flex; flex-direction: column; min-width: 0; }
.cat-icono { flex: none; width: 34px; height: 34px; padding: 6px; border-radius: 9px; color: var(--cc-texto-2);
  background: var(--cc-superficie-hundida); border: 1px solid var(--cc-borde); }
.cat-nombre { font-weight: 600; color: var(--cc-texto); }
.cat-codigo { font-size: 12.5px; color: var(--cc-texto-2); white-space: nowrap; }


.ranking-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 14px; padding: 8px;
  background: var(--cc-superficie-2); border: 1px solid var(--cc-borde); border-radius: 12px; }
.ranking-barra .periodo-selector, .ranking-barra .ranking-mandos { margin: 0; }
.ranking-barra-mandos { display: contents; }
.ranking-barra .ranking-mandos { display: contents; }
.ranking-barra .periodo-selector { background: var(--cc-superficie); }
.ranking-barra .periodo-selector .cc-btn { --h: 30px; padding: 0 11px; font-size: 13.5px; }



.ch-panel{width:min(480px,calc(100vw - 32px));max-height:min(86vh,calc(100vh - 110px));height:min(86vh,calc(100vh - 110px));border-radius:18px;box-shadow:0 18px 48px rgba(6,18,22,.22)}
.ch-panel .ch-cabeza{background:var(--cc-primario);color:var(--cc-sobre-primario);border-bottom:0;padding:12px 16px}
.ch-panel .ch-cabeza .ch-sub{color:inherit;opacity:.8}
.ch-panel .ch-cabeza .ch-cerrar{color:inherit}
.ch-panel .ch-cabeza__icono{background:rgba(255,255,255,.18);color:#fff}
.ch-panel .ch-cuerpo{background:var(--cc-superficie-2);padding:14px 14px 10px;gap:8px;scroll-behavior:smooth}
.ch-msg{display:flex;flex-direction:column;max-width:86%}
.ch-msg--enviado{align-self:flex-end;align-items:flex-end}
.ch-msg--recibido{align-self:flex-start;align-items:flex-start}
.ch-msg .ch-burb{max-width:100%;width:auto;box-shadow:0 1px 1px rgba(6,18,22,.08);font-size:15px;line-height:1.45;padding:9px 12px}
.ch-msg--recibido .ch-burb{background:var(--cc-superficie);border:0}
.ch-msg--enviado .ch-burb{font-weight:500}
.ch-hora{font-size:11px;color:var(--cc-texto-3);margin:3px 6px 0}
.ch-nota-hilo{align-self:center;text-align:center;padding:2px 10px;border-radius:999px;background:var(--cc-superficie);margin:2px 0;font-size:12px}
.ch-panel .ch-busqueda--chat{order:9;display:flex;align-items:center;gap:8px;border-top:1px solid var(--cc-borde);padding:10px 12px;margin:0;background:var(--cc-superficie)}
.ch-busqueda--chat .ch-buscador{flex:1;min-width:0;border-radius:999px;min-height:42px;padding:0 16px}
.ch-busqueda--chat .ch-buscador::-webkit-search-cancel-button{display:none}
.ch-enviar{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--cc-acento);color:var(--cc-sobre-acento);display:grid;place-items:center;cursor:pointer}
.ch-enviar:hover{filter:brightness(1.06)}.ch-enviar:focus-visible{outline:none;box-shadow:var(--cc-anillo-foco)}
.ch-enviar .cc-i,.ch-enviar svg{width:20px;height:20px;margin:0}

.ch-chips-hilo{display:flex;flex-wrap:wrap;gap:6px;align-self:stretch;padding:4px 0 2px}

.ch-pie-temas{flex:none;max-height:240px;overflow-y:auto;padding:8px 14px 6px;border-top:1px solid var(--cc-borde);background:var(--cc-superficie)}
.ch-panel .ch-pie-temas{order:8}
.ch-pie-temas[hidden],.ch-pie-temas.ch-oculto{display:none!important}
.ch-pie-temas>.ch-chips-hilo{padding:0}
.ch-pie-temas .ch-chip-hilo{margin:0}   
.ch-chip-hilo,.ch-chip-hilo.ch-chip{border:1px solid var(--cc-primario-suave-borde,var(--cc-borde));background:var(--cc-superficie);color:var(--cc-primario);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;max-width:100%;line-height:1.3}
.ch-chip-hilo:hover{box-shadow:var(--cc-sombra-1)}.ch-chip-hilo:focus-visible{outline:none;box-shadow:var(--cc-anillo-foco)}
.ch-chip-hilo:disabled,.ch-chip-hilo.ch-chip--vista{opacity:.45;cursor:default}
.ch-chip-hilo.ch-chip--vista::after{content:none}
.ch-chip-hilo.ch-chip--vista{text-decoration:none}
.ch-chip-hilo--ir{background:var(--cc-primario);color:var(--cc-sobre-primario);border-color:transparent}

.ch-chips-hilo .ch-tema{flex:0 0 auto;width:auto;min-width:0;min-height:0;max-width:100%;display:inline-flex;align-items:center}
.ch-lateral .ch-cuerpo{background:var(--cc-superficie-2);gap:8px}
.ch-lateral .ch-msg .ch-burb{font-size:16px}
.ch-lateral .ch-hora,.ch-panel .ch-hora{font-size:11px;line-height:1.2}
.ch-lateral .ch-busqueda--chat{display:flex;align-items:center;gap:8px;border-top:1px solid var(--cc-borde);padding:10px 12px;background:var(--cc-superficie)}
.ch-lateral .ch-busqueda--chat .ch-buscador{flex:1;min-width:0;border-radius:999px;min-height:46px;padding:0 16px}

.ch-historial{background:var(--cc-superficie);border-bottom:1px solid var(--cc-borde);padding:10px 14px;max-height:45%;overflow:auto;flex:none}
.ch-historial__titulo{font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--cc-texto-3);margin:0 0 6px}
.ch-historial__dia{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;background:none;padding:8px 6px;border-radius:10px;cursor:pointer;font:inherit;color:var(--cc-texto)}
.ch-historial__dia:hover{background:var(--cc-superficie-2)}
.ch-historial__fecha{font-weight:600;text-transform:capitalize}
.ch-historial__resumen{font-size:12px;color:var(--cc-texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ch-panel .ch-cabeza{gap:8px;padding:10px 12px}
.ch-panel .ch-cabeza .ch-nombre{font-size:17px}
.ch-panel .ch-cabeza .ch-sub{display:none}
.ch-panel .ch-cabeza .cc-btn--icono{width:34px;height:34px;min-height:34px;color:inherit;opacity:.9}
.ch-panel .ch-cabeza .ch-menu-btn{margin-right:-2px}
.ch-panel .ch-cabeza .ch-nueva-btn{margin-left:auto}
.ch-panel.ch-panel--grande{width:min(760px,calc(100vw - 32px));height:calc(100vh - 40px);max-height:calc(100vh - 40px);bottom:20px}
.ch-panel .ch-cuerpo{background:var(--cc-superficie);padding:16px 18px 10px;gap:14px}
.ch-msg--recibido{max-width:100%;align-self:stretch}
.ch-msg--recibido .ch-burb{background:none;border:0;box-shadow:none;padding:0;font-size:15.5px;line-height:1.55;max-width:100%}
.ch-msg--enviado .ch-burb{background:var(--cc-primario);color:var(--cc-sobre-primario);border-radius:18px;border-bottom-right-radius:6px;padding:10px 14px;font-weight:500}
.ch-hora{font-size:11px;color:var(--cc-texto-3);margin:2px 2px 0}
.ch-msg--recibido .ch-hora{margin-left:0}
.ch-estado{font-size:15px;color:var(--cc-texto-3);padding:4px 0}
.ch-estado::after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--cc-texto-3);animation:v2-late 1.2s ease-in-out infinite}
.ch-panel .ch-busqueda--chat{border-top:0;padding:8px 12px 12px;background:var(--cc-superficie)}
.ch-campo{display:flex;flex-direction:column;gap:6px;width:100%;border:1.5px solid var(--cc-borde);border-radius:22px;padding:10px 12px 8px;background:var(--cc-superficie-2)}
.ch-campo:focus-within{border-color:var(--cc-primario);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-primario) 18%,transparent)}
.ch-campo .ch-buscador{border:0;background:transparent;min-height:34px;padding:0 4px;font-size:16px;box-shadow:none;border-radius:0}
.ch-campo .ch-buscador:focus{outline:none;box-shadow:none}
.ch-campo-pie{display:flex;align-items:center;justify-content:space-between}
.ch-clip{width:34px;height:34px;border:0;background:none;color:var(--cc-texto-3);display:grid;place-items:center;border-radius:50%;cursor:pointer}
.ch-clip:disabled{cursor:not-allowed;opacity:.55}
.ch-enviar{width:40px;height:40px}
.ch-pensando .ch-enviar{background:var(--cc-texto-3)}
.ch-pensando .ch-enviar .cc-i,.ch-pensando .ch-enviar svg{display:none}
.ch-pensando .ch-enviar::before{content:"";width:12px;height:12px;border-radius:3px;background:#fff}
.ch-menu{position:absolute;top:54px;left:10px;z-index:3;min-width:220px;background:var(--cc-superficie);border:1px solid var(--cc-borde);border-radius:16px;box-shadow:var(--cc-sombra-3);padding:8px;display:flex;flex-direction:column;gap:2px}
.ch-menu-it{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:12px 14px;border-radius:12px;font:inherit;font-size:16px;color:var(--cc-texto);cursor:pointer;text-align:left}
.ch-menu-it:hover:not(:disabled){background:var(--cc-superficie-2)}
.ch-menu-it:disabled{opacity:.5;cursor:not-allowed}
.ch-menu-it .cc-i,.ch-menu-it svg{width:20px;height:20px}
.ch-menu-pronto{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--cc-superficie-2);color:var(--cc-texto-3)}
.ch-historial--lleno{flex:1 1 auto;max-height:none;overflow:auto;padding:14px 18px;background:var(--cc-superficie);border-bottom:0}
.ch-historial__dia-rot{font-size:13px;font-weight:600;color:var(--cc-texto-3);margin:14px 0 8px}
.ch-historial__dia-rot:first-child{margin-top:0}
.ch-conv{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 12px;border-radius:12px;font:inherit;font-size:15.5px;color:var(--cc-texto);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-conv:hover{background:var(--cc-superficie-2)}
.ch-conv--actual{background:var(--cc-superficie-2);font-weight:600}
.ch-panel{position:fixed}


.ch-cuerpo.ch-oculto,.ch-busqueda.ch-oculto{display:none!important}
.ch-historial--lleno{display:flex;flex-direction:column;gap:2px}
.ch-historial__cab{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.ch-historial__cab h3{margin:0;font-size:16px;font-weight:700}
.ch-hist-volver{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--cc-primario);cursor:pointer;padding:6px 8px;border-radius:8px}
.ch-hist-volver:hover{background:var(--cc-superficie-2)}

.ch-historial__acc{display:flex;align-items:center;gap:2px;margin-left:auto}
.ch-historial__cab{flex-wrap:wrap;gap:2px 8px}
.ch-hist-borrar-todo{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--cc-critico,#b3261e);cursor:pointer;padding:6px 8px;border-radius:8px}
.ch-hist-borrar-todo:hover{background:var(--cc-superficie-2)}
.ch-hist-borrar-todo .cc-i{width:15px;height:15px}
.ch-historial__vacio{color:var(--cc-texto-3);font-size:13px;line-height:1.45;margin:10px 0}
.ch-conv-fila{display:flex;align-items:stretch;gap:4px;border-radius:12px}
.ch-conv-fila:hover{background:var(--cc-superficie-2)}
.ch-conv-fila--actual{background:color-mix(in srgb,var(--cc-primario) 8%,transparent)}
.ch-conv{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;text-align:left;border:0;background:none;font:inherit;color:var(--cc-texto);cursor:pointer;padding:10px 12px;border-radius:12px;min-width:0}
.ch-conv__t{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-conv__m{font-size:12px;color:var(--cc-texto-3)}
.ch-conv-borrar{flex:none;width:36px;border:0;background:none;color:var(--cc-texto-3);cursor:pointer;border-radius:10px;display:grid;place-items:center}
.ch-conv-borrar:hover{color:var(--cc-critico,#b3261e);background:var(--cc-superficie-2)}
.ch-conv-borrar .cc-i{width:16px;height:16px}
.ch-clip:not(:disabled){color:var(--cc-primario)}
.ch-clip:not(:disabled):hover{background:var(--cc-superficie-2)}
.ch-texto{white-space:pre-line}
.ch-burb--recibido{white-space:normal}
.ch-tabla-caja,.ch-grafico-caja{margin:10px 0 2px;max-width:100%}
.ch-tabla{border-collapse:collapse;width:100%;font-size:13px;background:var(--cc-superficie);border:1px solid var(--cc-borde);border-radius:10px;overflow:hidden}
.ch-tabla th,.ch-tabla td{padding:7px 10px;border-bottom:1px solid var(--cc-borde);text-align:left;vertical-align:top}
.ch-tabla th{background:var(--cc-primario);color:var(--cc-sobre-primario,#fff);font-weight:600;font-size:12px;letter-spacing:.02em}
.ch-tabla td.num,.ch-tabla th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ch-tabla tr:last-child td{border-bottom:0}
.ch-tabla .ch-tabla-total td{font-weight:700;background:var(--cc-superficie-2)}
.ch-tabla-caja{overflow:auto}
.ch-grafico{border:1px solid var(--cc-borde);border-radius:10px;overflow:hidden;background:#fff}
.ch-grafico svg{display:block;width:100%;height:auto}
.ch-chips-hilo .ch-compra-archivo{background:var(--cc-primario);color:#fff;border-color:var(--cc-primario)}

.ch-panel .ch-cabeza .ch-nueva-btn{width:auto;min-width:0;height:34px;min-height:34px;padding:0 10px 0 6px;gap:4px;font-size:12px;font-weight:700;color:inherit;opacity:.95;border:1px solid rgba(255,255,255,.35);border-radius:999px;margin-left:auto}
.ch-panel .ch-cabeza .ch-nueva-btn .cc-i{width:16px;height:16px}


.ch-panel .ch-cabeza{display:flex;align-items:center;gap:10px;padding:10px 14px}
.ch-panel .ch-cabeza .ch-menu-btn{margin:0}
.ch-panel .ch-cabeza__titulos{flex:1;min-width:0;justify-content:center}
.ch-avatar{width:30px;height:30px;flex:none;display:block;object-fit:contain}
.ch-cabeza__icono.ch-avatar{background:#fff;border-radius:50%;padding:2px;box-sizing:border-box}
.ch-burbuja__img{width:34px;height:34px;object-fit:contain}
#ch-burbuja{display:grid;place-items:center}
.ch-msg{display:flex;flex-direction:column;max-width:100%}
.ch-msg--enviado{align-items:flex-end}
.ch-msg--recibido{align-items:flex-start}
.ch-panel .ch-msg--recibido .ch-burb{background:var(--cc-superficie-2);border:0;box-shadow:0 1px 1px rgba(6,18,22,.06);padding:10px 12px 8px;border-radius:16px 16px 16px 4px;max-width:92%;font-size:15px;line-height:1.5}
.ch-panel .ch-msg--enviado .ch-burb{border-radius:16px 16px 4px 16px;max-width:86%;padding:10px 12px 8px}
.ch-msg .ch-burb .ch-hora{display:block;text-align:right;font-size:11px;line-height:1.2;opacity:.7;margin:6px 0 0}
.ch-msg--enviado .ch-burb .ch-hora{color:inherit;opacity:.85}
.ch-msg > .ch-hora{display:none}
.ch-panel .ch-msg--recibido .ch-burb .ch-tabla-caja,.ch-panel .ch-msg--recibido .ch-burb .ch-grafico-caja{margin:8px 0 4px}
.ch-panel .ch-msg--recibido .ch-burb .ch-tabla{background:var(--cc-superficie)}
.ch-lateral .ch-msg--recibido .ch-burb{border-radius:16px 16px 16px 4px}


#ch-burbuja{background:var(--cc-superficie,#fff);border:2px solid var(--cc-primario);box-shadow:0 6px 18px rgba(6,18,22,.22)}
#ch-burbuja:hover{background:var(--cc-superficie-2,#f3f6f7)}



.ch-panel .ch-cabeza button{margin-top:0;margin-bottom:0}
.ch-enviar{background:var(--cc-primario);color:var(--cc-sobre-primario,#fff)}
.ch-burbuja{touch-action:none;cursor:grab}
.ch-burbuja.ch-arrastrando{cursor:grabbing;transition:none}
@media (min-width:721px){.ch-panel:not(.ch-panel--grande) .ch-cabeza{cursor:grab;touch-action:none}.ch-panel.ch-arrastrando .ch-cabeza{cursor:grabbing}}
.ch-panel.ch-arrastrando{user-select:none}
#px-cabecera #btn-ayuda-panel{display:none!important}


.ch-tabla{font-size:12.5px}
.ch-tabla th,.ch-tabla td{padding:6px 9px;border-right:1px solid var(--cc-borde)}
.ch-tabla th:last-child,.ch-tabla td:last-child{border-right:0}
.ch-tabla tbody tr:nth-child(even) td{background:var(--cc-superficie-2,#f3f6f7)}
.ch-tabla tbody tr:hover td{background:var(--cc-primario-suave,rgba(0,74,89,.10))}
.ch-tabla th:first-child,.ch-tabla td:first-child{position:sticky;left:0;z-index:1;max-width:190px;box-shadow:1px 0 0 var(--cc-borde)}
.ch-tabla tbody tr:nth-child(odd) td:first-child{background:var(--cc-superficie,#fff)}
.ch-tabla td:first-child{font-weight:600}
.ch-tabla tfoot .ch-tabla-total td{border-top:2px solid var(--cc-primario);border-bottom:0;background:var(--cc-superficie-2,#f3f6f7);font-weight:700}
.ch-tabla tfoot .ch-tabla-total td:first-child{white-space:nowrap}


.ch-burbuja img,.ch-cabeza img{-webkit-user-drag:none;user-select:none;pointer-events:none}
body.ch-moviendo{user-select:none;-webkit-user-select:none;cursor:grabbing}


.ch-prop{border:1px solid var(--cc-primario);border-radius:12px;padding:12px 14px;background:var(--cc-superficie);max-width:100%}
.ch-prop-que{margin:0 0 4px;font-weight:700;font-size:14px;color:var(--cc-texto)}
.ch-prop-nota{margin:0 0 10px;font-size:12px;line-height:1.4;color:var(--cc-texto-3);word-break:break-word}
.ch-prop-btns{display:flex;gap:8px}
.ch-prop-btns button{margin-top:0;width:auto}
.ch-prop-estado{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--u-bien,#1c7c54)}
.ch-prop-estado.ch-prop-mal{color:var(--cc-peligro,#b3261e)}

.ch-prop-datos{display:grid;gap:3px;margin:6px 0 8px}
.ch-prop-fila{display:flex;gap:10px;justify-content:space-between;align-items:baseline;font-size:13px;line-height:1.35}
.ch-prop-k{color:var(--cc-texto-3);flex:0 0 auto}
.ch-prop-v{font-weight:600;color:var(--cc-texto);text-align:right;min-width:0;word-break:break-word}
.ch-prop-extra{margin-top:8px;padding-top:8px;border-top:1px dashed var(--cc-borde,#c9d3da)}
.ch-prop-extra .ch-prop-nota{margin-bottom:6px}
.ch-prop-clave{margin:2px 0 6px;font:600 15px/1.3 ui-monospace,Menlo,monospace;color:var(--cc-texto);word-break:break-all;user-select:all}

.ch-prop-alerta{font-weight:600;color:var(--cc-peligro,#b3261e)}
.ch-prop-codigo-caja{margin:0 0 8px}
.ch-prop-codigo-caja .ch-prop-nota{margin-bottom:4px}
.ch-prop-codigo{width:100%;box-sizing:border-box}

@media (max-width:480px){
  .ch-cabeza{gap:4px}
  .ch-cabeza__titulos{min-width:0;flex:1 1 auto}
  .ch-cabeza .ch-nombre{white-space:nowrap}
  .ch-cabeza .ch-nueva-btn .ch-nueva-txt{display:none}
}
@media (max-width:400px){
  .ch-cabeza .ch-cabeza__icono{display:none}   
}


.ch-voz,.ch-panel .ch-voz{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:0;margin:0;padding:0;border:1px solid var(--cc-borde);border-radius:999px;background:transparent;color:var(--cc-primario);cursor:pointer;vertical-align:middle}
.ch-voz:hover{background:var(--cc-superficie-2,rgba(127,127,127,.1))}.ch-voz:focus-visible{outline:none;box-shadow:var(--cc-anillo-foco)}
.ch-voz[aria-pressed="true"]{background:var(--cc-primario);color:var(--cc-sobre-primario,#fff);border-color:var(--cc-primario)}



.ch-panel .ch-msg--recibido .ch-burb--ancha,.ch-lateral .ch-msg--recibido .ch-burb--ancha{width:100%;max-width:100%;box-sizing:border-box}

.ch-tabla-caja{container-type:inline-size}

.ch-tabla-caja .ch-tabla{min-width:0}

.ch-tabla tbody .ch-tabla-total td{border-top:2px solid var(--cc-primario)}
@container (max-width:520px){
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha{display:block;box-sizing:border-box;font-size:13px}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha thead{display:none}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot{display:block}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot tr{display:block;padding:8px 11px 9px;border-top:1px solid var(--cc-borde);background:var(--cc-superficie)}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr:first-child{border-top:0}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr:nth-child(even){background:var(--cc-superficie-2)}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr td,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot tr td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;position:static;max-width:none;padding:2px 0;border:0;box-shadow:none;background:none;text-align:right;white-space:normal;overflow-wrap:anywhere;font-size:13.5px;line-height:1.4;font-weight:600}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr td::before,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot tr td::before{content:attr(data-th);flex:0 0 auto;max-width:46%;text-align:left;font-size:13px;font-weight:500;color:var(--cc-texto-3);overflow-wrap:normal}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr td:first-child,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot tr td:first-child{display:block;padding:0 0 3px;text-align:left;font-size:14.5px;font-weight:700;color:var(--cc-texto)}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr td:first-child::before,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot tr td:first-child::before{content:none}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr td.ch-vacia,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot tr td.ch-vacia{display:none}
  .ch-tabla-caja .ch-tabla.ch-tabla--ancha tbody tr.ch-tabla-total,.ch-tabla-caja .ch-tabla.ch-tabla--ancha tfoot tr.ch-tabla-total{border-top:2px solid var(--cc-primario);background:var(--cc-superficie-2)}
}

.ch-desc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;padding:2px 2px 4px;position:sticky;left:0}
.ch-desc .ch-desc-rot{font-size:11px;font-weight:600;line-height:1.3;color:var(--cc-texto-3);margin-right:2px}
.ch-desc .ch-desc-btn{width:auto;min-width:0;min-height:0;margin:0;padding:4px 11px;border:1px solid var(--cc-borde);border-radius:999px;background:var(--cc-superficie);color:var(--cc-texto-2);font:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer}
.ch-desc .ch-desc-btn:hover{border-color:var(--cc-primario);color:var(--cc-primario)}
.ch-desc .ch-desc-btn:focus-visible{outline:none;box-shadow:var(--cc-anillo-foco)}

.ch-msg .ch-burb .ch-pie{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 0;clear:both}
.ch-msg .ch-burb .ch-pie .ch-voz{flex:none;margin:0}
.ch-msg .ch-burb .ch-pie .ch-hora{display:block;margin:0 0 0 auto;text-align:right}

#ch-burbuja.ch-burbuja--tapada{display:none}

.ch-mic{flex:none;align-self:center;width:34px;height:34px;min-height:0;line-height:0;margin:16px auto 0 4px;padding:0;border:0;background:none;color:var(--cc-primario);display:grid;place-items:center;border-radius:50%;cursor:pointer}
.ch-mic:hover{background:var(--cc-superficie-2,rgba(127,127,127,.1))}.ch-mic:focus-visible{outline:none;box-shadow:var(--cc-anillo-foco)}

.ch-mic svg{display:block;margin:0}
.ch-mic[aria-pressed="true"]{background:var(--cc-peligro-solido,#c0392b);color:#fff;animation:ch-mic-late 1.2s ease-in-out infinite}
@keyframes ch-mic-late{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.45)}50%{box-shadow:0 0 0 7px rgba(192,57,43,0)}}
@media (prefers-reduced-motion:reduce){.ch-mic[aria-pressed="true"]{animation:none}}

.ch-cuerpo > .ch-ejemplos { margin-top: auto; padding-top: 8px; }


@media (pointer:coarse),(max-width:1024px){input,select,textarea,.ch-entrada,.chp-entrada{font-size:16px!important}}


.ch-panel .ch-contacto{order:10;flex:none;display:flex;gap:2px;padding:4px 6px 6px;border-top:1px solid var(--cc-borde);background:var(--cc-superficie)}
.ch-contacto[hidden]{display:none!important}
.ch-contacto .ch-contacto-b{flex:1 1 auto;min-width:0;width:auto;max-width:none;margin:0;min-height:48px;padding:4px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--cc-primario);font:inherit;font-size:11px;font-weight:600;line-height:1.15;letter-spacing:0;text-transform:none;text-align:center;text-decoration:none;cursor:pointer}
.ch-contacto .ch-contacto-b:hover{background:var(--cc-superficie-2)}
.ch-contacto .ch-contacto-b:focus-visible{outline:none;box-shadow:var(--cc-anillo-foco)}
.ch-contacto .ch-contacto-b--whatsapp{color:#1f8f4e}
.ch-contacto-i{display:block;width:20px;height:20px;flex:none}
.ch-contacto-t{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}