/* =================================================================
   CLINTY — Responsive (clinty-responsive.css)
   Media queries para os overrides do design-agency.
   O responsive principal do tema continua em responsive.min.css.
   ================================================================= */

/* ═══════════════════════════════════════════
   1600px — Extra Large Desktop
   ═══════════════════════════════════════════ */
@media (max-width: 1599px) {
  .fs-325 {
    font-size: 18.313rem;
    line-height: 18.313rem;
  }
}

/* ═══════════════════════════════════════════
   1500px — Large Desktop
   ═══════════════════════════════════════════ */
@media (max-width: 1499px) {
  .fs-325 {
    font-size: 16rem;
    line-height: 16rem;
  }
}

/* ═══════════════════════════════════════════
   1400px — Desktop
   ═══════════════════════════════════════════ */
@media (max-width: 1399px) {
  .bottom-minus-130px {
    bottom: -70px;
  }
  .fs-325 {
    font-size: 15rem;
    line-height: 15rem;
  }
}

/* ═══════════════════════════════════════════
   1200px — Large Tablet / Small Desktop
   ═══════════════════════════════════════════ */
@media (max-width: 1199px) {
  .lg-lh-128 {
    line-height: 8rem;
  }
  .lg-bg-black {
    background-color: var(--bg-maire-yellow);
  }
  .fs-325 {
    font-size: 12rem;
    line-height: 12rem;
  }
}

/* ═══════════════════════════════════════════
   992px — Tablet
   ═══════════════════════════════════════════ */
@media (max-width: 991px) {
  [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item {
    border-bottom: 0;
    text-align: center;
  }
  [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
  }
  .main-content {
    z-index: inherit;
  }
  .lh-300 {
    line-height: 15rem;
  }
  footer {
    padding-top: 90px;
    padding-bottom: 70px;
  }
  .fs-325 {
    font-size: 10rem;
    line-height: 10rem;
  }
}

/* ═══════════════════════════════════════════
   768px — Mobile Landscape
   ═══════════════════════════════════════════ */
@media (max-width: 767px) {
  .sm-border-start {
    border-left: 1px solid !important;
  }
  .btn.btn-switch-text.btn-large > span {
    padding: 18px 30px;
  }
  footer ul li {
    margin-bottom: 6px;
  }
  footer {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  footer .footer-logo img {
    width: auto;
  }
  .fs-325 {
    font-size: 9rem;
    line-height: 10.5rem;
  }
}

/* ═══════════════════════════════════════════
   576px — Mobile Portrait
   ═══════════════════════════════════════════ */
@media (max-width: 575px) {
  .xs-lh-112 {
    line-height: 7rem;
  }
  .fs-325 {
    font-size: 6rem;
    line-height: 8rem;
  }
}