/* J&J: brand colors and approved logo only. */
:root { --jj-navy: #071b35; --jj-teal: #36c5ce; }
.header-one .bg-white { background-color: #071b35 !important; }
.header-one .logo-area, .header-one .info-box-title, .header-one .info-box-subtitle { color: #fff; }
.logo img[src*="jj-logo-azul"] { max-height: 90px !important; height: 90px; width: 90px; object-fit: contain; }
.footer { background: #071b35; }
.footer-logo[src*="jj-logo-azul"] { max-width: 180px !important; }
.copyright { background: #36c5ce; color: #071b35; }
.btn-primary { background-color: #087f8c; border-color: #087f8c; color: #fff; }
.btn-primary:hover, .btn-primary:focus { background-color: #065d69; border-color: #065d69; color: #fff; }
.header-get-a-quote .btn-primary:hover { color: #fff !important; }
.proyectos-portfolio { --jj-bg: #071b35; --jj-card: #102c49; --jj-card-2: #0b243e; --jj-accent: #36c5ce; }
.header-one .info-box-title, .header-one .info-box-subtitle { color: #fff !important; }
.header-one a[href*="instagram.com"] img { filter: invert(1); }
/* Crisp typography without a square background or built-in image margins. */
.jj-wordmark { display: flex; flex-direction: column; align-items: center; color: #fff; background: transparent; text-align: center; }
.jj-wordmark-name { display: block; font-family: Arial, sans-serif; font-size: 62px; font-weight: 700; line-height: 1; letter-spacing: -2px; }
.jj-wordmark-caption { display: block; font-family: Arial, sans-serif; font-size: 19px; font-weight: 400; line-height: 1.3; letter-spacing: .5px; text-transform: none; }
.jj-wordmark-rule { width: 60px; height: 2px; background: #36c5ce; margin: 8px 0; }
.jj-wordmark-header { width: 220px; max-width: 100%; margin: 0 auto; }
.jj-wordmark-footer { width: 280px; max-width: 100%; margin: 20px auto 24px; }
.jj-wordmark-footer .jj-wordmark-name { font-size: 76px; margin-bottom: 12px; }
.jj-wordmark-footer .jj-wordmark-caption { font-size: 23px; }
@media (max-width: 575px) {
  .jj-wordmark-header { width: 210px; }
  .jj-wordmark-header .jj-wordmark-name { font-size: 58px; }
  .jj-wordmark-footer .jj-wordmark-name { font-size: 68px; }
  .jj-wordmark-footer .jj-wordmark-caption { font-size: 21px; }
}