:root {
  --brand-primary: #336699; /* e8a020 */
  --brand-accent:  #6699cc;
}

body { font-family: 'Segoe UI', sans-serif; }


#login-bar {
  background: var(--brand-primary);
  color: #fff;
  font-size: .85rem;
  position: sticky;
  top: 0;
  z-index: 1050;
}
#login-bar a { color: var(--brand-accent); text-decoration: none; }
#login-bar a:hover { text-decoration: underline; }


.navbar { background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.12); }
.navbar .nav-link { color: var(--brand-primary); font-weight: 700; }
.navbar .nav-link:hover { text-decoration: underline; }


#presentacion {
  background-image: linear-gradient(rgba(13,59,110,.82), rgba(13,59,110,.82)), url('../img/bg1.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  color: #fff;
  min-height: 80vh;
  display: flex;
  align-items: center;
  padding: 20px 0;
}
#presentacion .badge-years {
  background: var(--brand-accent);
  color: #fff;
  font-size: 1rem;
  padding: .5rem 1.1rem;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 1.2rem;
}
#presentacion h1 { font-weight: 700; font-size: 2.6rem; }
.stat-box {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  padding: 1rem;
  text-align: center;
}
.stat-box .stat-num { font-size: 2rem; font-weight: 700; color: var(--brand-accent); }


.section-title {
  color: var(--brand-primary);
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-bottom: .4rem;
}


#cobertura { background: #f4f7fb; }
.zone-card {
  border: none;
  /* border-top: 4px solid var(--brand-primary); */
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,.08);
  transition: transform .25s;
}
.zone-card:hover { transform: translateY(-4px); border-bottom: 4px solid #c5c5c5; }
.zone-card .zone-icon { font-size: 1.5rem; color: var(--brand-accent); }
.zone-card ul li::before {
  content: '\F26E';
  font-family: 'bootstrap-icons';
  color: var(--brand-primary);
  margin-right: .4rem;
  font-size: .8rem;
}
.zone-card ul { padding-left: 0; list-style: none; }
.zone-card ul li { padding: .25rem 0; border-bottom: 1px dashed #dee2e6; }
.zone-card ul li:last-child { border-bottom: none; }


#cotizar { background: #fff; }
.form-card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px 25px rgba(0,0,0,.1);
}
.btn-quote {
  background: var(--brand-accent);
  border: none;
  color: #fff;
  font-weight: 600;
  padding: .7rem 2.5rem;
  border-radius: 8px;
  font-size: 1.05rem;
  transition: background .2s;
}
.btn-quote:hover { background: #c8880e; color: #fff; }
.dimension-group label { font-size: .85rem; color: #555; }
#cotizacion-resultado {
  display: none;
  background: #eef6ee;
  border-left: 4px solid #28a745;
  border-radius: 6px;
  padding: 1rem 1.2rem;
}

/* ── OFFICES ─────────────────────────────────────────────────── */
#oficinas { background: #f4f7fb; }
#oficinas .card { border-top: 4px solid var(--brand-accent) !important; }
#oficinas a { color: var(--brand-primary); font-weight: 500; text-decoration: none; }
#oficinas a:hover { text-decoration: underline; }
.map-placeholder {
  background: #d0dde9;
  border-radius: 10px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-primary);
  font-size: 1rem;
  text-align: center;
  overflow: hidden;
}
.map-placeholder iframe { border-radius: 10px; }
.office-detail i { color: var(--brand-accent); width: 22px; }

/* ── FOOTER ──────────────────────────────────────────────────── */
footer { background: var(--brand-primary); color: #cdd8e8; font-size: .875rem; }
footer a { color: #fff; text-decoration: none; }
footer a:hover { text-decoration: underline; }

/* ── MODALS ──────────────────────────────────────────────────── */
.modal-header { background: var(--brand-primary); color: #fff; }
.modal-header .btn-close { filter: invert(1); }
.btn-primary-brand {
  background: var(--brand-primary);
  border: none;
  color: #fff;
}
.btn-primary-brand:hover { background: #092d55; color: #fff; }