:root { --offset: 80px;  }  .balao-moreninha-home { background: #F7ECD9; border-radius: 20px; padding: 48px 27px 27px; position: relative; margin-bottom: 40px; max-width: 680px; } .balao-moreninha-home__heading { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.2; color: #0A080D; margin: 0 0 32px; } .balao-moreninha-home__body { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #0A080D; margin: 0; } .balao-moreninha-home__pointer { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #F7ECD9; }  @media (max-width: 767px) { .balao-moreninha-home { padding: 37px 14px 27px; max-width: 360px; margin-bottom: 0; margin-top: 32px; } .balao-moreninha-home__heading { font-size: 16px; margin-bottom: 24px; } .balao-moreninha-home__body { font-size: 14px; } .balao-moreninha-home__pointer { bottom: auto; top: -24px; border-top: none; border-bottom: 25px solid #F7ECD9; } }  .balao-lobodecueca--pointer-left { background: #FFFFFF; border-radius: 20px; padding: 32px 27px 44px; position: relative; margin-left: 32px; max-width: 680px; } .balao-lobodecueca--pointer-left__heading { font-family: 'Encode Sans Condensed', sans-serif; font-size: 32px; font-weight: 700; line-height: 1.2; color: #0A080D; margin: 0 0 24px; } .balao-lobodecueca--pointer-left__body { font-family: 'Encode Sans Condensed', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #0A080D; margin: 0; } .balao-lobodecueca--pointer-left__pointer { position: absolute; left: -24px; top: 32px; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid #FFFFFF; }  @media (max-width: 767px) { .balao-lobodecueca--pointer-left { padding: 32px 14px 44px; margin-left: 0; margin-top: 32px; max-width: 360px; } .balao-lobodecueca--pointer-left__heading { font-size: 32px; margin-bottom: 24px; } .balao-lobodecueca--pointer-left__body { font-size: 14px; } .balao-lobodecueca--pointer-left__pointer { left: 50%; top: -24px; right: auto; transform: translateX(-50%); border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #FFFFFF; border-top: none; } }  .balao-lobodecueca--pointer-right { background: #FFFFFF; border-radius: 20px; padding: 32px 27px 44px; position: relative; margin-right: 32px; max-width: 680px; margin-left: auto; } .balao-lobodecueca--pointer-right__heading { font-family: 'Encode Sans Condensed', sans-serif; font-size: 32px; font-weight: 700; line-height: 1.2; color: #0A080D; margin: 0 0 24px; } .balao-lobodecueca--pointer-right__body { font-family: 'Encode Sans Condensed', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #0A080D; margin: 0; } .balao-lobodecueca--pointer-right__pointer { position: absolute; right: -24px; top: 32px; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid #FFFFFF; }  @media (max-width: 767px) { .balao-lobodecueca--pointer-right { padding: 32px 14px 44px; margin-right: 0; margin-left: auto; margin-top: 32px; max-width: 360px; } .balao-lobodecueca--pointer-right__heading { font-size: 32px; margin-bottom: 24px; } .balao-lobodecueca--pointer-right__body { font-size: 14px; } .balao-lobodecueca--pointer-right__pointer { right: auto; left: 50%; top: -24px; transform: translateX(-50%); border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #FFFFFF; border-top: none; } }