html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.actividad-tipo { min-height: 130px; display: flex; flex-direction: column; justify-content: center; gap: .5rem; font-size: 1.1rem; }
.actividad-tipo span { font-size: 2.2rem; line-height: 1; }
.actividad-en-curso { max-width: 620px; margin: 0 auto; }
.actividad-resumen { max-width: 580px; }
.manometro { max-width: 300px; margin: 1rem auto; position: relative; }
.manometro svg { width: 100%; overflow: visible; }
.manometro-base, .manometro-progreso { fill: none; stroke-width: 16; stroke-linecap: round; }
.manometro-base { stroke: #e9ecef; }
.manometro-progreso { stroke: #198754; stroke-dasharray: 0 100; transition: stroke .3s, stroke-dasharray .3s; }
.manometro-aguja { stroke: #198754; stroke-width: 4; stroke-linecap: round; transform-origin: 100px 100px; transition: transform .3s, stroke .3s; }
.manometro-centro { fill: #343a40; }
.manometro-tiempo { position: absolute; left: 0; right: 0; bottom: 6%; font-size: 2rem; }
.manometro-doble { width: 230px; height: 220px; margin: .25rem auto; position: relative; }
.manometro-doble svg { width: 100%; height: 100%; }
.arco-base, .arco-progreso { fill: none; stroke-width: 15; stroke-linecap: round; }
.arco-base { stroke: #e9ecef; }
.arco-progreso { stroke: #198754; stroke-dasharray: 0 100; transition: stroke .3s, stroke-dasharray .3s; }
.etiqueta-superior, .etiqueta-inferior { position: absolute; left: 0; right: 0; font-size: .82rem; }
.etiqueta-superior { top: 44px; }.etiqueta-inferior { bottom: 40px; }
.etiqueta-superior strong, .etiqueta-inferior strong { font-size: 1.2rem; }
.grafico-barras { min-height: 230px; display: flex; align-items: end; gap: 4px; overflow-x: auto; border-bottom: 1px solid #adb5bd; padding: 1.25rem .25rem 0; }
.barra-dia { min-width: 30px; height: 210px; display: flex; flex-direction: column; justify-content: end; align-items: center; gap: 3px; font-size: .72rem; }
.barra-dia-enlace { color: inherit; text-decoration: none; border-radius: .25rem; }
.barra-dia-enlace:hover, .barra-dia-enlace:focus-visible { color: inherit; background: rgba(13,110,253,.08); outline: 2px solid rgba(13,110,253,.35); outline-offset: 1px; }
.barra { width: 22px; min-height: 2px; background: #0d6efd; border-radius: 4px 4px 0 0; transition: height .2s; }
.barra-valor { font-weight: 600; }
.lista-clientes-actividad { max-height: 285px; overflow-y: auto; }
.timeline-horas { display: flex; justify-content: space-between; margin: 0 .15rem .35rem; color: #6c757d; font-size: .78rem; }
.timeline-jornada { position: relative; height: 110px; overflow: hidden; border: 1px solid #adb5bd; border-radius: .5rem; background: repeating-linear-gradient(to right,#fff 0,#fff calc(11.7647% - 1px),#dee2e6 calc(11.7647% - 1px),#dee2e6 11.7647%); }
.timeline-segmento { position: absolute; top: 0; bottom: 0; min-width: 2px; border-right: 1px solid rgba(255,255,255,.85); overflow: hidden; }
.timeline-venta { background: #0d6efd; color: #fff; }
.timeline-especial { background: #6c757d; color: #fff; }
.timeline-disponible { background: #f8d7da; color: #842029; }
.timeline-futuro { background: rgba(248,249,250,.92); color: #6c757d; }
.timeline-color-whatsapp { background: #198754; }
.timeline-color-cafe { background: #8b5e3c; }
.timeline-color-email { background: #0d6efd; }
.timeline-color-plaza { background: #fd7e14; }
.timeline-color-cotizacion { background: #ffc107; }
.timeline-color-llamada { background: #dc3545; }
.timeline-color-receso { background: #6c757d; }
.timeline-color-otro { background: #fff; box-shadow: inset 0 0 0 1px #adb5bd; }
.timeline-color-disponible { background: #f8d7da; }
.timeline-color-futuro { background: repeating-linear-gradient(135deg,#fff,#fff 7px,#eef1f4 7px,#eef1f4 14px); }
.leyenda-color { display: inline-block; width: .85rem; height: .85rem; border-radius: .2rem; margin-right: .25rem; vertical-align: -.1rem; }
.timeline-leyenda .leyenda-color { border: 1px solid rgba(33,37,41,.22); }
.matriz-actividad th, .matriz-actividad td { min-width: 74px; }
.matriz-actividad th:first-child { min-width: 190px; }
@media (max-width: 767.98px) {
  .timeline-jornada { height: 90px; min-width: 850px; }
  .timeline-horas { min-width: 850px; }
  .timeline-horas, .timeline-jornada { margin-left: 0; margin-right: 0; }
  .card-body:has(> .timeline-horas) { overflow-x: auto; }
}