/* ==========================================================
   iBen Site
   Arquivo: responsive.css
   Responsividade geral
   ========================================================== */

/* ==========================================================
   Até 1100px — notebooks e tablets grandes
   ========================================================== */

   @media (max-width: 1100px) {
    .site-nav {
      gap: 22px;
    }
  
    .site-header__logo {
      width: 118px;
    }
  
    .hero__inner {
      grid-template-columns: 1fr;
      align-items: start;
      gap: 42px;
    }
  
    .hero__content {
      max-width: 760px;
      padding-top: 40px;
    }
  
    .hero__cards {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .differentials__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .differential:nth-child(2) {
      border-right: 0;
    }
  
    .differential:nth-child(1),
    .differential:nth-child(2) {
      border-bottom: 1px solid var(--border-light);
    }
  
    .about__grid {
      grid-template-columns: 1fr;
      gap: 42px;
    }
  
    .about__image img {
      height: 420px;
    }
  
    .footer__grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  /* ==========================================================
     Até 860px — tablets e celulares grandes
     ========================================================== */
  
  @media (max-width: 860px) {
    .container {
      width: min(100% - 36px, var(--container));
    }
  
    .site-header {
      padding: 16px 0;
    }
  
    .site-nav,
    .site-header__cta {
      display: none;
    }
  
    .mobile-menu-button {
      display: inline-flex;
    }
  
    .mobile-menu {
      display: none;
      position: fixed;
      top: 76px;
      left: 18px;
      right: 18px;
      z-index: 999;
      padding: 24px;
      border: 1px solid var(--border-light);
      border-radius: var(--radius-lg);
      background: rgba(7, 26, 43, 0.96);
      backdrop-filter: blur(18px);
      box-shadow: var(--shadow-card);
    }
  
    .mobile-menu.is-open {
      display: grid;
      gap: 16px;
    }
  
    .mobile-menu a {
      color: var(--text-primary);
      font-weight: 700;
    }
  
    .mobile-menu .button {
      margin-top: 8px;
      width: 100%;
    }
  
    .hero {
      min-height: auto;
      padding: 130px 0 72px;
    }
  
    .hero__background img {
      object-position: center;
      opacity: 0.42;
    }
  
    .hero__overlay {
      background:
        linear-gradient(180deg, rgba(7, 26, 43, 0.9) 0%, rgba(7, 26, 43, 0.98) 100%),
        linear-gradient(90deg, rgba(7, 26, 43, 0.95) 0%, rgba(7, 26, 43, 0.72) 100%);
    }
  
    .hero__content {
      padding-top: 20px;
    }
  
    .hero__actions {
      flex-direction: column;
      align-items: stretch;
    }
  
    .hero__actions .button {
      width: 100%;
    }
  
    .hero__cards {
      grid-template-columns: 1fr;
    }
  
    .hero-choice {
      padding: 24px;
    }
  
    .section {
      padding-block: 72px;
    }
  
    .differentials {
      padding-top: 72px;
    }
  
    .about {
      padding-top: 64px;
    }
  
    .contact-cta__box {
      flex-direction: column;
      align-items: stretch;
      padding: 28px;
    }
  
    .contact-cta__box > div {
      grid-template-columns: 1fr;
      row-gap: 14px;
    }
  
    .contact-cta__icon {
      grid-row: auto;
    }
  
    .contact-cta .button {
      width: 100%;
    }
  
    .footer__grid {
      grid-template-columns: 1fr;
      gap: 34px;
    }
  
    .footer__bottom {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  
  /* ==========================================================
     Até 560px — celulares
     ========================================================== */
  
  @media (max-width: 560px) {
    .container {
      width: min(100% - 28px, var(--container));
    }
  
    .site-header__logo {
      width: 108px;
    }

    .path-card__content {
      padding: 36px 28px !important;
    }

    .path-card__content h3 {
      font-size: 1.05rem !important;
    }

    .solutions-block {
      padding: 26px 22px;
    }

    .metrics__grid span {
      font-size: 1.55rem !important;
    }
  
    .hero {
      padding-top: 116px;
    }
  
    .section-tag {
      font-size: 0.7rem;
      letter-spacing: 0.13em;
    }
  
    .section-tag::before {
      width: 20px;
    }
  
    h1 {
      font-size: clamp(2.25rem, 12vw, 3.25rem);
    }
  
    h2 {
      font-size: clamp(1.85rem, 9vw, 2.6rem);
    }
  
    .hero__content p {
      font-size: 1rem;
    }
  
    .hero-choice__icon {
      width: 48px;
      height: 48px;
      font-size: 1.3rem;
    }
  
    .differentials__grid {
      grid-template-columns: 1fr;
    }
  
    .differential {
      border-right: 0;
      border-bottom: 1px solid var(--border-light);
      padding: 32px 24px;
    }
  
    .differential:last-child {
      border-bottom: 0;
    }
  
    .about__image img {
      height: 300px;
    }
  
    .contact-cta h2 {
      font-size: 1.25rem;
    }
  
    .footer__bottom div {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }
  }

  /* ==========================================================
   Landing expandida - responsivo
   ========================================================== */

@media (max-width: 980px) {
    .statement__grid,
    .final-cta__content {
      grid-template-columns: 1fr;
      gap: 34px;
    }
  
    .statement p {
      border-left: 0;
      padding-left: 0;
    }
  
    .paths__grid,
    .solutions__blocks,
    .methodology__grid,
    .metrics__grid {
      grid-template-columns: 1fr;
    }

    .path-card + .path-card {
      border-left: none;
    }

    .path-card {
      min-height: 380px !important;
    }
  
    .metrics__grid article {
      border-right: 0;
      border-bottom: 1px solid var(--border-light);
    }
  
    .metrics__grid article:last-child {
      border-bottom: 0;
    }
  
    .final-cta {
      min-height: 340px;
    }

    .final-cta__background img {
      object-position: 55% 18% !important;
    }
  }
  
  @media (max-width: 560px) {
    .path-card__content {
      padding: 32px 24px;
    }
  
    .final-cta__content {
      padding: 64px 0;
    }
  
    .final-cta h2 {
      font-size: clamp(1.8rem, 10vw, 2.5rem);
    }
  }

  /* ==========================================================
   Correção CTA e seções - responsivo
   ========================================================== */

@media (max-width: 980px) {
    .statement,
    .paths,
    .differentials,
    .methodology,
    .solutions,
    .about {
      padding-top: 64px;
      padding-bottom: 64px;
    }
  
    .final-cta {
      min-height: 340px;
    }

    .final-cta__background img {
      object-position: 55% 18% !important;
    }
  
    .final-cta__content {
      grid-template-columns: 1fr;
      gap: 28px;
      padding: 72px 0;
    }
  
    .final-cta__action {
      min-width: 0;
    }
  
    .final-cta__action .button {
      min-width: 0;
      width: 100%;
    }
  }
  
  @media (max-width: 560px) {
    .statement h2,
    .section-heading h2,
    .final-cta h2 {
      font-size: clamp(1.75rem, 9vw, 2.45rem);
    }
  
    .final-cta {
      min-height: 380px;
    }

    .final-cta__background img {
      object-position: center 20% !important;
    }
  }

  /* ==========================================================
   Refinamento premium - responsivo
   ========================================================== */

@media (max-width: 980px) {
  .hero__content h1 {
    font-size: clamp(2.15rem, 8vw, 3.6rem);
  }

  .section-heading h2,
  .statement h2,
  .about__content h2,
  .final-cta h2 {
    font-size: clamp(1.85rem, 7vw, 2.65rem);
  }

  .hero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(7, 26, 43, 0.92) 0%,
        rgba(7, 26, 43, 0.74) 48%,
        rgba(7, 26, 43, 0.9) 100%
      );
  }

  .final-cta__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(7, 26, 43, 0.82) 0%,
        rgba(7, 26, 43, 0.92) 100%
      );
  }
}

@media (max-width: 560px) {
  .hero__content h1 {
    font-size: clamp(2rem, 11vw, 3rem);
    line-height: 1.12;
  }

  .hero__content p,
  .section-heading p,
  .statement p,
  .final-cta p {
    font-size: 0.95rem;
  }

  .reveal {
    transform: translateY(14px);
  }
}

/* ==========================================================
   Footer compacto - responsivo
   ========================================================== */

   @media (max-width: 980px) {
    .footer__grid {
      gap: 30px;
    }
  
    .footer__brand p,
    .footer__column a,
    .footer__column span,
    .footer__social a {
      font-size: 0.76rem;
    }
  
    .footer__bottom {
      gap: 12px;
    }
  
    .footer__bottom p,
    .footer__bottom a {
      font-size: 0.66rem;
    }
  }
  
  @media (max-width: 560px) {
    .site-nav a {
      font-size: 0.84rem;
    }
  
    .footer {
      padding-top: 28px;
    }
  
    .footer__grid {
      gap: 24px;
    }
  
    .footer__logo {
      width: 82px;
    }
  }

/* ==========================================================
   Ajuste fino premium - responsivo
   ========================================================== */

   @media (max-width: 980px) {
    .site-nav a {
      font-weight: 400;
    }
  
    .hero__content h1 {
      font-size: clamp(1.95rem, 7vw, 3.2rem);
    }
  
    .footer__grid {
      gap: 26px;
    }
  
    .footer__brand p,
    .footer__column a,
    .footer__column span,
    .footer__social a {
      font-size: 0.66rem;
    }
  }
  
  @media (max-width: 560px) {
    .hero__content h1 {
      font-size: clamp(1.85rem, 10vw, 2.65rem);
    }
  
    .site-header__cta {
      font-size: 0.78rem;
    }
  
    .footer__logo {
      width: 72px;
    }
  
    .footer__bottom p,
    .footer__bottom a {
      font-size: 0.58rem;
    }
  }

/* ==========================================================
   Refinamento v3 — CTA executivo e path cards (responsivo)
   ========================================================== */

@media (max-width: 980px) {
  .final-cta {
    min-height: 400px !important;
  }

  .final-cta__background img {
    object-position: right center !important;
    transform: none !important;
  }

  .final-cta__content {
    padding: 52px 0 !important;
  }

  .path-card__content {
    padding: 40px 32px 36px !important;
  }

  .path-card__content h3,
  .path-card__content h3 span {
    font-size: 1.12rem !important;
    line-height: 1.26 !important;
  }
}

@media (max-width: 560px) {
  .final-cta {
    min-height: 420px !important;
  }

  .final-cta__background img {
    object-position: center center !important;
  }

  .final-cta__content {
    padding: 48px 0 !important;
  }

  .path-card__content {
    padding: 36px 24px 32px !important;
  }

  .path-card__content h3,
  .path-card__content h3 span {
    font-size: 1.02rem !important;
    line-height: 1.24 !important;
  }

  .path-card__content p {
    padding-top: 20px;
  }
}

@media (max-width: 980px) {
  .pain-section {
    padding: 84px 0;
  }

  .pain-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .pain-section {
    padding: 72px 0;
  }

  .pain-grid {
    grid-template-columns: 1fr;
  }

  .pain-card {
    padding: 24px;
    border-radius: 20px;
  }

  .section-heading--light {
    margin-bottom: 34px;
  }
}

/* Responsivo - Hero editorial */
@media (max-width: 980px) {
  .hero--editorial {
    min-height: 92vh;
  }

  .hero--editorial .hero__background img {
    object-position: 62% center;
  }

  .hero--editorial .hero__content {
    max-width: 620px;
  }

  .hero--editorial h1 {
    font-size: clamp(2.5rem, 8vw, 4.2rem);
  }
}

@media (max-width: 760px) {
  .site-header .container,
  .site-header__inner,
  .header__inner {
    min-height: 68px !important;
  }

  .site-header img,
  .site-header .logo img,
  .site-header__logo img {
    max-height: 46px !important;
  }

  .hero--editorial {
    min-height: 100vh;
    padding-top: 68px;
  }

  .hero--editorial .hero__inner {
    min-height: calc(100vh - 68px);
    align-items: center;
  }

  .hero--editorial .hero__background img {
    object-position: 68% center;
  }

  .hero--editorial .hero__overlay {
    background:
      linear-gradient(
        90deg,
        rgba(2, 18, 31, 0.94) 0%,
        rgba(2, 18, 31, 0.82) 48%,
        rgba(2, 18, 31, 0.58) 100%
      ),
      linear-gradient(
        180deg,
        rgba(2, 18, 31, 0.26) 0%,
        rgba(2, 18, 31, 0.2) 42%,
        rgba(2, 18, 31, 0.82) 100%
      );
  }

  .hero--editorial .hero__content {
    max-width: 100%;
    padding-top: 12px;
  }

  .hero--editorial h1 {
    font-size: clamp(2.35rem, 12vw, 3.6rem);
    line-height: 1.02;
  }

  .hero--editorial p {
    font-size: 1rem;
    line-height: 1.55;
  }

  .hero__actions--compact {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .hero__actions--compact .button {
    width: auto !important;
    min-width: 240px !important;
  }

  .hero__scroll-cue {
    bottom: 24px;
    font-size: 0.65rem;
  }
}

/* =========================================================
   Header, hero, CTA e footer - responsivo final
========================================================= */

@media (max-width: 980px) {
  .site-header__inner-clean {
    min-height: 78px !important;
    grid-template-columns: auto auto !important;
    justify-content: space-between !important;
  }

  .site-header__nav-clean,
  .site-header__cta-clean {
    display: none !important;
  }

  .site-header__brand-clean img {
    height: 58px !important;
    max-height: none !important;
  }

  .site-header--clean .mobile-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    top: 82px !important;
    left: auto !important;
    right: 24px !important;
    padding: 10px !important;
  }

  .site-header--clean .mobile-menu.is-open {
    display: flex !important;
  }

  .premium-hero__image img {
    object-position: 62% center !important;
  }

  .premium-hero__content {
    padding-top: 92px !important;
    padding-bottom: 72px !important;
  }

  .premium-hero h1 {
    font-size: clamp(2.8rem, 7vw, 4.1rem) !important;
    line-height: 1.03 !important;
  }

  .premium-hero p {
    max-width: 620px !important;
    font-size: 0.92rem !important;
    line-height: 1.58 !important;
  }

  .premium-hero__button {
    min-height: 42px !important;
    padding: 0 20px !important;
    font-size: 0.68rem !important;
  }

  .premium-hero__scroll {
    bottom: 24px !important;
    opacity: 0.72 !important;
    font-size: 0.5rem !important;
  }

  .statement,
  .paths,
  .differentials,
  .methodology,
  .solutions,
  .about,
  .pain-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .section-heading {
    margin-bottom: 34px !important;
  }

  .final-cta {
    min-height: 400px !important;
  }

  .final-cta__content {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 52px 0 !important;
  }

  .final-cta__background img {
    object-position: 76% 24% !important;
  }

  .final-cta__action {
    align-items: flex-start !important;
  }

  .final-cta__action .button {
    width: auto !important;
  }
}

@media (max-width: 680px) {
  .site-header__inner-clean {
    min-height: 70px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .site-header__brand-clean img {
    height: 48px !important;
  }

  .site-header--clean .mobile-menu {
    top: 74px !important;
    right: 18px !important;
    width: min(246px, calc(100vw - 36px)) !important;
  }

  .premium-hero {
    min-height: 100svh !important;
    align-items: center !important;
  }

  .premium-hero__image img {
    object-position: 68% center !important;
  }

  .premium-hero__overlay {
    background:
      linear-gradient(
        90deg,
        rgba(3, 20, 34, 0.96) 0%,
        rgba(3, 20, 34, 0.86) 52%,
        rgba(3, 20, 34, 0.66) 100%
      ),
      linear-gradient(
        180deg,
        rgba(3, 20, 34, 0.30) 0%,
        rgba(3, 20, 34, 0.14) 42%,
        rgba(3, 20, 34, 0.86) 100%
      ) !important;
  }

  .premium-hero__content {
    padding-top: 78px !important;
    padding-bottom: 42px !important;
  }

  .premium-hero__content > * {
    max-width: 100% !important;
  }

  .premium-hero__eyebrow {
    margin-bottom: 14px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.08em !important;
  }

  .premium-hero__eyebrow::before {
    width: 24px !important;
  }

  .premium-hero h1 {
    margin-bottom: 20px !important;
    font-size: clamp(2rem, 10vw, 2.75rem) !important;
    line-height: 1.04 !important;
  }

  .premium-hero p {
    max-width: 92% !important;
    margin-bottom: 22px !important;
    font-size: 0.86rem !important;
    line-height: 1.55 !important;
  }

  .premium-hero p br {
    display: none !important;
  }

  .premium-hero__actions {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .premium-hero__button {
    width: 100% !important;
    max-width: 256px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    font-size: 0.66rem !important;
  }

  .premium-hero__scroll {
    display: none !important;
  }

  .statement,
  .paths,
  .differentials,
  .methodology,
  .solutions,
  .about,
  .pain-section {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .section-heading {
    margin-bottom: 26px !important;
  }

  .pain-grid,
  .paths__grid,
  .solutions__blocks,
  .methodology__grid,
  .metrics__grid {
    gap: 18px !important;
  }

  .final-cta {
    min-height: 430px !important;
  }

  .final-cta__background img {
    object-position: 78% 18% !important;
  }

  .final-cta__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(7, 26, 43, 0.62) 0%,
        rgba(7, 26, 43, 0.92) 100%
      ),
      linear-gradient(
        90deg,
        rgba(7, 26, 43, 0.92) 0%,
        rgba(7, 26, 43, 0.54) 62%,
        rgba(7, 26, 43, 0.16) 100%
      ) !important;
  }

  .final-cta__content {
    gap: 18px !important;
    padding: 42px 0 !important;
  }

  .final-cta h2 {
    font-size: clamp(1.72rem, 9vw, 2.35rem) !important;
  }

  .final-cta p {
    max-width: 30rem !important;
    font-size: 0.9rem !important;
  }

  .final-cta__action .button.button--primary {
    width: 232px !important;
    min-width: 232px !important;
    max-width: 232px !important;
  }
}

@media (max-width: 640px) {
  .footer {
    padding-top: 18px !important;
  }

  .footer__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding-bottom: 14px !important;
  }

  .footer__brand {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 14px !important;
    align-items: center !important;
  }

  .footer__logo {
    width: 64px !important;
    margin-bottom: 0 !important;
  }

  .footer__brand p {
    max-width: none !important;
    margin: 0 !important;
    font-size: 0.62rem !important;
    line-height: 1.42 !important;
  }

  .footer__social,
  .footer__column:nth-of-type(2),
  .footer__column:nth-of-type(3) {
    display: none !important;
  }

  .footer__column h3 {
    margin-bottom: 6px !important;
    font-size: 0.58rem !important;
  }

  .footer__column a,
  .footer__column span {
    font-size: 0.64rem !important;
    line-height: 1.45 !important;
  }

  .footer__column:last-child a:nth-of-type(n + 4),
  .footer__column:last-child span {
    display: none !important;
  }

  .footer__bottom {
    min-height: 0 !important;
    padding: 8px 0 !important;
    gap: 0 !important;
  }

  .footer__bottom p {
    font-size: 0.54rem !important;
    line-height: 1.35 !important;
  }

  .footer__bottom div {
    display: none !important;
  }
}

/* Ajuste fino - footer mobile compacto em duas colunas */
@media (max-width: 680px) {
  .footer {
    padding-bottom: 10px !important;
  }

  .footer__grid {
    gap: 8px !important;
  }

  .footer__brand {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .footer__brand p {
    display: block !important;
    font-size: 0.68rem !important;
    line-height: 1.35 !important;
    margin: 2px 0 0 !important;
    max-width: 230px !important;
    color: rgba(255, 255, 255, 0.55) !important;
  }

  .footer__logo {
    width: 72px !important;
    max-width: 72px !important;
  }

  /* Bloco de contato em duas colunas */
  .footer__grid > *:last-child {
    display: grid !important;
    grid-template-columns: 1fr 1.35fr !important;
    column-gap: 16px !important;
    row-gap: 3px !important;
    align-items: start !important;
    margin-top: 4px !important;
  }

  .footer__grid > *:last-child h3,
  .footer__grid > *:last-child h4,
  .footer__grid > *:last-child .footer__title {
    display: block !important;
    grid-column: 1 / -1 !important;
    margin: 0 0 6px !important;
    font-size: 0.66rem !important;
    letter-spacing: 0.14em !important;
    color: rgba(255, 255, 255, 0.72) !important;
  }

  .footer__grid > *:last-child p,
  .footer__grid > *:last-child a {
    font-size: 0.68rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.56) !important;
  }

  /* Telefone à esquerda */
  .footer__grid > *:last-child p:nth-of-type(1),
  .footer__grid > *:last-child a:nth-of-type(1) {
    grid-column: 1 !important;
    grid-row: 2 / span 2 !important;
  }

  /* E-mail e site em coluna à direita */
  .footer__grid > *:last-child p:nth-of-type(2),
  .footer__grid > *:last-child a:nth-of-type(2) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  .footer__grid > *:last-child p:nth-of-type(3),
  .footer__grid > *:last-child a:nth-of-type(3) {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  /* Esconde itens extras do contato no mobile */
  .footer__grid > *:last-child p:nth-of-type(n+4),
  .footer__grid > *:last-child a:nth-of-type(n+4) {
    display: none !important;
  }

  /* Copyright em uma linha, com menos respiro acima */
  .footer__bottom,
  .footer__legal,
  .footer__copyright {
    margin-top: 8px !important;
    padding-top: 6px !important;
  }

  .footer__bottom p,
  .footer__copyright,
  .footer__legal p {
    font-size: 0.56rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.42) !important;
  }
}

/* Correção final - footer mobile premium compacto */
@media (max-width: 680px) {
  .footer {
    padding: 22px 0 14px !important;
  }

  .footer .container {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .footer__grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: center !important;
  }

  /* Esconde navegação e soluções no mobile */
  .footer__grid > *:nth-child(2),
  .footer__grid > *:nth-child(3) {
    display: none !important;
  }

  /* Marca */
  .footer__brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .footer__logo {
    width: 88px !important;
    max-width: 88px !important;
    height: auto !important;
    margin: 0 !important;
  }

  .footer__brand p {
    display: none !important;
  }

  .footer__brand a,
  .footer__brand .footer__social,
  .footer__brand .social-link {
    display: none !important;
  }

  /* Contato em bloco único, centralizado */
  .footer__grid > *:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
  }

  .footer__grid > *:last-child h3,
  .footer__grid > *:last-child h4,
  .footer__grid > *:last-child .footer__title {
    display: none !important;
  }

  .footer__grid > *:last-child p,
  .footer__grid > *:last-child a {
    display: block !important;
    margin: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.58) !important;
    text-align: center !important;
  }

  /* Esconde site, Instagram e atendimento no mobile */
  .footer__grid > *:last-child p:nth-of-type(n+3),
  .footer__grid > *:last-child a:nth-of-type(n+3) {
    display: none !important;
  }

  /* Copyright curto e discreto */
  .footer__bottom,
  .footer__legal,
  .footer__copyright {
    margin-top: 8px !important;
    padding-top: 8px !important;
    text-align: center !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  }

  .footer__bottom p,
  .footer__copyright,
  .footer__legal p {
    margin: 0 !important;
    font-size: 0.58rem !important;
    line-height: 1.25 !important;
    color: rgba(255, 255, 255, 0.36) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  .footer__bottom a,
  .footer__legal a {
    display: none !important;
  }
}