/* FrontOffice — layout y componentes */

body.app--front {
  background: var(--qd-bg);
}

#front-navbar {
  background: var(--qd-surface) !important;
  border-bottom: 1px solid var(--qd-border) !important;
}

.navbar .navbar-brand.brand {
  font-weight: 800;
  letter-spacing: .2px;
  color: var(--qd-ink);
}

/* Tarjetas */
.card-soft {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: var(--qd-radius);
  box-shadow: var(--qd-shadow-1);
}

/* Pulido de inputs */
.form-control:focus {
  border-color: color-mix(in srgb, var(--qd-primary) 45%, #fff);
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--qd-primary) 18%, transparent);
}

/* ePaper */
.epaper-frame {
  width: 100%;
  height: 100%;
  border: 0;
}

.epaper-frame--blurred {
  filter: blur(8px);
}

/* Responsive: reduce paddings en móviles */
@media (max-width: 575.98px) {
  .card-soft { border-radius: var(--qd-radius-sm); }
  .container.py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
}