/* Azul marino principal para las páginas públicas de STM. */
.deep-blue-page {
  --navy: #00173b;
  --navy2: #00173b;
  --ink: #00173b;
  --gold: #27b39a;
  --gold2: #35c7b1;
  --text: #263238;
}

.deep-blue-page .site-header,
.deep-blue-page .footer,
.deep-blue-page .promo,
.deep-blue-page .product-help,
.deep-blue-page .catalog-cta,
.deep-blue-page .login-footer {
  background: #00173b;
}

.deep-blue-page .main-nav {
  background-color: #00173b;
}

.deep-blue-page .whatsapp-float {
  background: #1fb85a;
  box-shadow: 0 10px 25px rgba(12, 110, 52, .35);
}

.deep-blue-page .client-account-menu strong {
  color: #27b39a;
}

.about-page.deep-blue-page .company-photo > span {
  background: rgba(0, 23, 59, .92);
}

.catalog-page.deep-blue-page .compare-tray,
.catalog-page.deep-blue-page .catalog-notice {
  background: #00173b;
}

.catalog-page.deep-blue-page .catalog-modal,
.product-page.deep-blue-page .image-lightbox {
  background: rgba(0, 23, 59, .82);
}

.login-page.deep-blue-page .login-visual {
  background:
    linear-gradient(145deg, rgba(0, 23, 59, .96), rgba(0, 23, 59, .86)),
    url('stm-hero-identity.webp') center/cover;
}