/* Overrides específicos del landing de PewSuite */
:root {
  --pew-accent: #00cccc;
  --pew-primary: #1b5757;
  --pew-dark: #243030;
}

/* Colores principales (sobrescribe template Loxcy) */
.bg-primary {
  background-color: var(--pew-primary) !important;
}
.text-primary {
  color: var(--pew-primary) !important;
}
.btn-primary {
  background-color: var(--pew-primary) !important;
}
.border-primary {
  border-color: var(--pew-primary) !important;
}
.btn-outline-primary {
  color: var(--pew-primary) !important;
  border-color: var(--pew-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
  background-color: var(--pew-primary) !important;
  color: #fff9f5 !important;
}

/* Accent (antes “orange” en el template) */
.bg-orange {
  background-color: var(--pew-accent) !important;
}
.text-orange {
  color: var(--pew-accent) !important;
}
.btn-orange {
  background-color: var(--pew-accent) !important;
}
.border-orange {
  border-color: var(--pew-accent) !important;
}
.btn-outline-orange {
  color: var(--pew-accent) !important;
  border-color: var(--pew-accent) !important;
}
.btn-outline-orange:hover,
.btn-outline-orange:active,
.btn-outline-orange:focus {
  background-color: var(--pew-accent) !important;
  color: #fff9f5 !important;
}

/* Dark */
.bg-dark {
  background-color: var(--pew-dark) !important;
}
.text-dark {
  color: var(--pew-dark) !important;
}
.btn-dark {
  background-color: var(--pew-dark) !important;
}
.border-dark {
  border-color: var(--pew-dark) !important;
}
.btn-outline-dark {
  color: var(--pew-dark) !important;
  border-color: var(--pew-dark) !important;
}
.btn-outline-dark:hover,
.btn-outline-dark:active,
.btn-outline-dark:focus {
  background-color: var(--pew-dark) !important;
  color: #fff9f5 !important;
}

/* Footer (suaviza el gradiente con los nuevos colores) */
.footer-part {
  background: linear-gradient(to right, var(--pew-primary), #001113) !important;
}
.footer-copyright {
  background-color: #102626 !important;
}

/* Navbar: que no se “pierda” sobre fondos claros */
#navbar {
  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(36, 48, 48, 0.08);
  box-shadow: 0 6px 22px rgba(36, 48, 48, 0.06);
}

#navbar .nav-link {
  color: var(--pew-dark) !important;
  opacity: 0.88;
  font-weight: 600;
}

#navbar .nav-link:hover,
#navbar .nav-link.active {
  color: var(--pew-accent) !important;
  opacity: 1;
}

/* Navbar sticky (cuando haces scroll) */
#navbar.nav-sticky {
  background: var(--pew-primary) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 26px rgba(36, 48, 48, 0.22);
}

#navbar.nav-sticky .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
  opacity: 1;
}

#navbar.nav-sticky .nav-link:hover,
#navbar.nav-sticky .nav-link.active {
  color: var(--pew-accent) !important;
}

#navbar.nav-sticky .navbar-caption {
  color: #ffffff !important;
}

#navbar.nav-sticky .navbar-toggler,
#navbar.nav-sticky .navbar-toggler i {
  color: #ffffff !important;
}

/* Logo header/footer */
.pew-header-logo {
  height: 28px;
  width: 28px;
  object-fit: contain;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}

.pew-footer-logo {
  height: 30px;
  width: 30px;
  object-fit: contain;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}

/* Landing: separador entre grupos de módulos */
.landing-modules-group--spaced {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px dashed rgba(149, 151, 151, 0.35);
}

/* Pricing: selector de módulos */
.landing-plan-divider {
  height: 1px;
  background: rgba(36, 48, 48, 0.08);
  width: 100%;
}

.landing-modules-selector .list-group-item {
  border: 0;
  border-bottom: 1px solid rgba(36, 48, 48, 0.06);
}

.landing-modules-selector .list-group-item:last-child {
  border-bottom: 0;
}

.landing-modules-selector .form-check-input:disabled {
  opacity: 0.45;
}

/* Enterprise tabs */
.landing-enterprise-tabs .nav-link {
  font-weight: 600;
  color: rgba(36, 48, 48, 0.7);
}

.landing-enterprise-tabs .nav-link.active {
  background: rgba(0, 204, 204, 0.14);
  color: var(--pew-primary);
}

.landing-enterprise-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.landing-enterprise-copy {
  font-size: 1.15rem;
  line-height: 1.55;
}

.landing-enterprise-heading {
  font-weight: 700;
  color: rgba(36, 48, 48, 0.78);
  letter-spacing: 0.02em;
  font-size: 1.1rem;
}

.landing-users-input {
  max-width: 140px;
}

.landing-enterprise-lead {
  font-size: 1.1rem;
  line-height: 1.55;
}