:root{--navy:#153654;--red:#c8202f;--bg:#f3f6f8}
body{background:var(--bg);color:#1b2733}.navbar{background:var(--navy)}.navbar-brand img{width:48px;height:34px;object-fit:contain;background:#fff;border-radius:5px}.hero-card{background:linear-gradient(135deg,var(--navy),#245b85);color:#fff;padding:28px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-card h1{font-size:clamp(1.6rem,4vw,2.5rem)}.card{border:0;border-radius:16px}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.rate-grid>div{background:#f1f5f8;padding:14px;border-radius:12px}.rate-grid span{display:block;color:#667}.rate-grid strong{display:block;font-size:1.2rem}.item-card{background:#f7f9fb;border:1px solid #dfe6ec;border-radius:14px;padding:14px;margin-top:14px}.action-grid{display:flex;flex-wrap:wrap;gap:8px}.totals-box{max-width:420px;background:#f6f8fa;padding:18px;border-radius:14px}.totals-box p{display:flex;justify-content:space-between;margin-bottom:8px}.totals-box .grand{border-top:1px solid #bcc8d2;padding-top:8px;font-size:1.08rem}@media(max-width:600px){.hero-card{align-items:flex-start;flex-direction:column}.hero-card .btn{width:100%}.navbar-brand span{font-size:.95rem}.action-grid a{flex:1 1 30%}}


/* PWA / teléfonos con notch */
body {
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
}

@media (display-mode: standalone) {
  body {
    overscroll-behavior-y: none;
  }
  #installBox {
    display: none !important;
  }
}