/*
 * Contador portable de Ciudad Capital.
 * Hereda tipografía y color del tema activo. Sólo define estructura y espaciado.
 */
.ccvc-counter,
.ccvc-counter *{
  box-sizing:border-box;
}
.ccvc-counter{
  width:100%;
  max-width:100%;
  font:inherit;
  color:inherit;
  background:transparent;
}
.ccvc-title{
  margin:0 0 .85em;
  padding:0;
  font:inherit;
  font-size:1.05em;
  font-weight:600;
  line-height:1.25;
  color:inherit;
}
.ccvc-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1em;
  padding:.58em 0;
  border-bottom:1px solid rgba(127,127,127,.24);
  font:inherit;
  font-size:.92em;
  line-height:1.35;
  color:inherit;
}
.ccvc-row span,
.ccvc-row strong{
  color:inherit;
  font:inherit;
  font-size:inherit;
}
.ccvc-row span{opacity:.76}
.ccvc-row strong{
  margin-left:auto;
  font-weight:600;
  text-align:right;
  white-space:nowrap;
}
.ccvc-row:last-child{border-bottom:0}
.ccvc-total{padding-top:.72em}
.ccvc-total strong{font-weight:700}

/* Salida automática: se integra sin imponer una paleta propia. */
.ccvc-auto-wrap{
  width:min(100% - 32px, 1180px);
  margin:28px auto;
  font:inherit;
  color:inherit;
}
.ccvc-auto-wrap .ccvc-counter{
  padding:1rem;
  border:1px solid rgba(127,127,127,.24);
  border-radius:4px;
}
.ccvc-auto-in-sidebar{
  width:100%;
  margin:1.25rem 0 0;
}
.ccvc-auto-in-sidebar .ccvc-counter{
  padding:1rem;
}

@media (max-width:480px){
  .ccvc-row{gap:.65em}
  .ccvc-auto-wrap{width:calc(100% - 24px);margin:20px auto}
}