/* =========================================================
   DEPRESION.CSS

   Landing:
   Estado de ánimo bajo y depresión

   IMPORTANTE:
   Não contém estilos do header partilhado.
   ========================================================= */


/* =========================================================
   VARIABLES EXCLUSIVAS DA PÁGINA
   ========================================================= */

body.depresionPage {

  --dep-paper: #f7f4ee;

  --dep-paper-soft: #f0ece7;

  --dep-white: #fffdf9;

  --dep-ink: #392f33;

  --dep-muted: #716569;

  --dep-plum: #79586a;

  --dep-plum-dark: #59404e;

  --dep-mauve: #b998a9;

  --dep-mauve-soft: #e8dce2;

  --dep-blue-gray: #aab3b8;

  --dep-blue-soft: #dde3e5;

  --dep-line:
    rgba(57, 47, 51, .13);

  --dep-shadow:
    0 20px 55px rgba(57, 47, 51, .11);

  --dep-shadow-soft:
    0 12px 30px rgba(57, 47, 51, .08);

  margin: 0;

  background:
    var(--dep-paper);

  color:
    var(--dep-ink);

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  line-height: 1.65;

}


/* =========================================================
   BASIC
   ========================================================= */

.depresionPage *,
.depresionPage *::before,
.depresionPage *::after {

  box-sizing: border-box;

}


.depresionPage html {

  scroll-behavior: smooth;

}


.depresionMain {

  overflow: hidden;

}


.depresionShell {

  width:
    min(
      1120px,
      calc(100% - 36px)
    );

  margin:
    0 auto;

}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.depresionPage h1,
.depresionPage h2 {

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight: 500;

  color:
    var(--dep-ink);

}


.depresionPage h1 {

  margin:
    20px 0 24px;

  max-width:
    760px;

  font-size:
    clamp(
      42px,
      5.7vw,
      70px
    );

  line-height:
    1.025;

  letter-spacing:
    -.035em;

}


.depresionPage h1 span {

  color:
    var(--dep-plum-dark);

}


.depresionPage h2 {

  margin:
    13px 0 17px;

  font-size:
    clamp(
      34px,
      4.6vw,
      52px
    );

  line-height:
    1.08;

  letter-spacing:
    -.025em;

}


.depresionEyebrow {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  color:
    var(--dep-plum);

  text-transform:
    uppercase;

  letter-spacing:
    .15em;

  font-size:
    12px;

  line-height:
    1.4;

  font-weight:
    800;

}


.depresionEyebrow::before {

  content:
    "";

  width:
    34px;

  height:
    1px;

  flex:
    0 0 auto;

  background:
    var(--dep-plum);

}


/* =========================================================
   BUTTONS
   ========================================================= */

.depresionBtn {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    9px;

  padding:
    15px 22px;

  border:
    1px solid transparent;

  border-radius:
    999px;

  text-decoration:
    none;

  font-weight:
    750;

  line-height:
    1.2;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    border-color .2s ease;

}


.depresionBtn:hover {

  transform:
    translateY(-1px);

}


.depresionBtnPrimary {

  background:
    var(--dep-plum-dark);

  color:
    #ffffff;

  box-shadow:
    0 12px 27px
    rgba(89, 64, 78, .20);

}


.depresionBtnPrimary:hover {

  background:
    var(--dep-plum);

}


.depresionBtnSecondary {

  border-color:
    var(--dep-line);

  background:
    rgba(255, 255, 255, .52);

  color:
    var(--dep-ink);

}


.depresionBtnSecondary:hover {

  background:
    var(--dep-white);

  box-shadow:
    var(--dep-shadow-soft);

}


/* =========================================================
   HERO
   ========================================================= */

.depresionHero {

  position:
    relative;

  padding:
    74px 0 65px;

  background:

    radial-gradient(
      circle at 90% 20%,
      rgba(185, 152, 169, .16),
      transparent 34%
    ),

    radial-gradient(
      circle at 5% 92%,
      rgba(170, 179, 184, .12),
      transparent 34%
    ),

    var(--dep-paper);

}


.depresionHeroGrid {

  display:
    grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(390px, .92fr);

  gap:
    58px;

  align-items:
    center;

}


.depresionHeroLead {

  max-width:
    705px;

  margin:
    0 0 29px;

  color:
    var(--dep-muted);

  font-size:
    clamp(
      18px,
      2vw,
      21px
    );

  line-height:
    1.68;

}


.depresionActions {

  display:
    flex;

  align-items:
    center;

  flex-wrap:
    wrap;

  gap:
    13px;

}


.depresionMicrocopy {

  margin:
    18px 0 0;

  color:
    var(--dep-muted);

  font-size:
    13px;

}


.depresionTeamCopy {

  max-width:
    720px;

  margin:
    4px 0 0;

  color:
    var(--dep-muted);

  font-size:
    13px;

}


.depresionTrustRow {

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    10px;

  margin-top:
    29px;

}


.depresionTrustChip {

  padding:
    8px 12px;

  border:
    1px solid
    var(--dep-line);

  border-radius:
    999px;

  background:
    rgba(255, 255, 255, .54);

  color:
    var(--dep-ink);

  font-size:
    13px;

}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.depresionPortraitWrap {

  position:
    relative;

  min-height:
    550px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  margin:
    0;

  padding:
    27px
    35px
    42px
    18px;

}


.depresionPortraitShape {

  position:
    absolute;

  z-index:
    0;

  width:
    83%;

  height:
    88%;

  right:
    1%;

  bottom:
    1%;

  border-radius:
    46px;

  background:

    linear-gradient(
      145deg,
      #d9c5cf,
      #b9a9ae 58%,
      #adb9bd
    );

  transform:
    rotate(3deg);

  opacity:
    .82;

  box-shadow:
    var(--dep-shadow-soft);

}


.depresionPortrait {

  position:
    relative;

  z-index:
    1;

  width:
    89%;

  max-width:
    460px;

  aspect-ratio:
    4 / 5;

  margin-right:
    auto;

  border-radius:
    42px;

  object-fit:
    cover;

  object-position:
    center center;

  filter:
    saturate(.82)
    contrast(.96);

  box-shadow:
    var(--dep-shadow);

}


.depresionImageCredit {

  position:
    absolute;

  z-index:
    2;

  top:
    44px;

  left:
    37px;

  padding:
    8px 14px;

  border:
    1px solid
    rgba(57, 47, 51, .09);

  border-radius:
    999px;

  background:
    rgba(255, 253, 249, .92);

  color:
    var(--dep-muted);

  font-size:
    12px;

  line-height:
    1.3;

  backdrop-filter:
    blur(7px);

  box-shadow:
    0 5px 18px
    rgba(57, 47, 51, .07);

}


/* =========================================================
   SECTIONS
   ========================================================= */

.depresionSection {

  padding:
    84px 0;

}


.depresionSectionAlt {

  border-top:
    1px solid
    var(--dep-line);

  border-bottom:
    1px solid
    var(--dep-line);

  background:
    var(--dep-white);

}


.depresionSectionSoft {

  background:

    linear-gradient(
      135deg,
      rgba(232, 220, 226, .50),
      rgba(221, 227, 229, .46)
    );

  border-top:
    1px solid
    var(--dep-line);

  border-bottom:
    1px solid
    var(--dep-line);

}


.depresionSectionHead {

  max-width:
    780px;

  margin-bottom:
    38px;

}


.depresionSectionHead p {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    18px;

}


/* =========================================================
   SYMPTOMS
   ========================================================= */

.depresionSymptoms {

  display:
    grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap:
    16px;

}


.depresionCard {

  position:
    relative;

  padding:
    26px;

  border:
    1px solid
    var(--dep-line);

  border-radius:
    21px;

  background:
    var(--dep-white);

  box-shadow:
    0 7px 18px
    rgba(57, 47, 51, .025);

  transition:
    transform .2s ease,
    box-shadow .2s ease;

}


.depresionCard:hover {

  transform:
    translateY(-2px);

  box-shadow:
    var(--dep-shadow-soft);

}


.depresionIcon {

  width:
    44px;

  height:
    44px;

  display:
    grid;

  place-items:
    center;

  margin-bottom:
    18px;

  border-radius:
    14px;

  background:
    var(--dep-mauve-soft);

  color:
    var(--dep-plum-dark);

  font-size:
    18px;

}


.depresionCard h3 {

  margin:
    0 0 9px;

  color:
    var(--dep-ink);

  font-size:
    18px;

  line-height:
    1.32;

}


.depresionCard p {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    15px;

}


/* =========================================================
   CLINICAL NOTE
   ========================================================= */

.depresionClinicalNote {

  display:
    grid;

  grid-template-columns:
    46px 1fr;

  gap:
    17px;

  align-items:
    start;

  max-width:
    950px;

  margin-top:
    28px;

  padding:
    22px 24px;

  border:
    1px solid
    rgba(121, 88, 106, .18);

  border-radius:
    18px;

  background:
    rgba(232, 220, 226, .35);

}


.depresionClinicalNoteIcon {

  width:
    42px;

  height:
    42px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    var(--dep-white);

  color:
    var(--dep-plum);

}


.depresionClinicalNote strong {

  display:
    block;

  margin-bottom:
    4px;

  color:
    var(--dep-ink);

}


.depresionClinicalNote p {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    14px;

}


/* =========================================================
   PROCESS
   ========================================================= */

.depresionProcessGrid {

  display:
    grid;

  grid-template-columns:
    .83fr 1.17fr;

  gap:
    52px;

  align-items:
    start;

}


.depresionStickyCopy {

  position:
    sticky;

  top:
    110px;

}


.depresionStickyCopy > p {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    18px;

}


.depresionMethodBox {

  margin-top:
    27px;

  padding:
    26px;

  border-radius:
    22px;

  background:
    var(--dep-plum-dark);

  color:
    #ffffff;

  box-shadow:
    var(--dep-shadow);

}


.depresionMethodLabel {

  display:
    block;

  margin-bottom:
    10px;

  color:
    rgba(255, 255, 255, .68);

  text-transform:
    uppercase;

  letter-spacing:
    .14em;

  font-size:
    11px;

  font-weight:
    800;

}


.depresionMethodBox strong {

  display:
    block;

  margin-bottom:
    10px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    22px;

  line-height:
    1.3;

}


.depresionMethodBox p {

  margin:
    0;

  color:
    rgba(255, 255, 255, .75);

  font-size:
    14px;

}


.depresionSteps {

  display:
    grid;

  gap:
    14px;

}


.depresionStep {

  display:
    grid;

  grid-template-columns:
    54px 1fr;

  gap:
    18px;

  padding:
    23px;

  border:
    1px solid
    var(--dep-line);

  border-radius:
    21px;

  background:
    var(--dep-white);

}


.depresionNum {

  width:
    52px;

  height:
    52px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    var(--dep-plum-dark);

  color:
    #ffffff;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    20px;

}


.depresionStep h3 {

  margin:
    2px 0 7px;

  color:
    var(--dep-ink);

  font-size:
    18px;

}


.depresionStep p {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    15px;

}


.depresionProcessAction {

  margin-top:
    10px;

}


/* =========================================================
   RECOVERY
   ========================================================= */

.depresionRecoveryGrid {

  display:
    grid;

  grid-template-columns:
    .78fr 1.22fr;

  gap:
    52px;

  align-items:
    center;

}


.depresionRecoveryIntro p {

  color:
    var(--dep-muted);

  font-size:
    18px;

}


.depresionRecoveryCards {

  display:
    grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap:
    14px;

}


.depresionRecoveryCard {

  min-height:
    190px;

  padding:
    24px;

  border:
    1px solid
    var(--dep-line);

  border-radius:
    20px;

  background:
    rgba(255, 253, 249, .72);

  backdrop-filter:
    blur(5px);

}


.depresionRecoveryCard > span {

  display:
    block;

  margin-bottom:
    26px;

  color:
    var(--dep-plum);

  font-family:
    Georgia,
    serif;

  font-size:
    18px;

}


.depresionRecoveryCard strong {

  display:
    block;

  margin-bottom:
    7px;

  color:
    var(--dep-ink);

  font-size:
    16px;

}


.depresionRecoveryCard p {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    14px;

}


/* =========================================================
   TEAM
   ========================================================= */

.depresionTeamGrid {

  display:
    grid;

  grid-template-columns:
    .72fr 1.28fr;

  gap:
    55px;

  align-items:
    center;

}


.depresionTeamImageWrap {

  position:
    relative;

  width:
    100%;

  max-width:
    390px;

  margin:
    auto;

  padding:
    0 23px 25px 0;

}


.depresionTeamShape {

  position:
    absolute;

  z-index:
    0;

  width:
    88%;

  height:
    92%;

  right:
    0;

  bottom:
    0;

  border-radius:
    34px;

  background:
    linear-gradient(
      145deg,
      var(--dep-mauve-soft),
      var(--dep-blue-soft)
    );

  transform:
    rotate(3deg);

}


.depresionTeamImage {

  position:
    relative;

  z-index:
    1;

  display:
    block;

  width:
    100%;

  aspect-ratio:
    1 / 1.15;

  border-radius:
    30px;

  object-fit:
    cover;

  object-position:
    center 20%;

  filter:
    saturate(.88)
    contrast(.98);

  box-shadow:
    var(--dep-shadow);

}


.depresionTeamLead {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    18px;

}


.depresionCredentials {

  display:
    grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap:
    12px;

  margin:
    25px 0 20px;

}


.depresionCredential {

  padding:
    16px;

  border:
    1px solid
    var(--dep-line);

  border-radius:
    17px;

  background:
    rgba(247, 244, 238, .65);

}


.depresionCredential strong {

  display:
    block;

  margin-bottom:
    3px;

  color:
    var(--dep-ink);

  font-size:
    15px;

}


.depresionCredential span {

  display:
    block;

  color:
    var(--dep-muted);

  font-size:
    13px;

}


.depresionTeamNote {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    14px;

}


/* =========================================================
   FAQ
   ========================================================= */

.depresionFaq {

  display:
    grid;

  gap:
    11px;

  max-width:
    875px;

}


.depresionFaq details {

  overflow:
    hidden;

  padding:
    0 21px;

  border:
    1px solid
    var(--dep-line);

  border-radius:
    17px;

  background:
    var(--dep-white);

}


.depresionFaq summary {

  position:
    relative;

  cursor:
    pointer;

  padding:
    19px 34px 19px 0;

  color:
    var(--dep-ink);

  font-weight:
    750;

  list-style:
    none;

}


.depresionFaq summary::-webkit-details-marker {

  display:
    none;

}


.depresionFaq summary::after {

  content:
    "+";

  position:
    absolute;

  top:
    50%;

  right:
    2px;

  transform:
    translateY(-50%);

  color:
    var(--dep-plum);

  font-size:
    22px;

  font-weight:
    400;

}


.depresionFaq details[open] summary::after {

  content:
    "−";

}


.depresionFaq details p {

  margin:
    0;

  padding:
    0 0 20px;

  color:
    var(--dep-muted);

}


/* =========================================================
   SAFETY
   ========================================================= */

.depresionSafety {

  padding:
    0 0 70px;

}


.depresionSafetyBox {

  display:
    grid;

  grid-template-columns:
    52px 1fr;

  gap:
    19px;

  max-width:
    920px;

  padding:
    24px;

  border:
    1px solid
    rgba(121, 88, 106, .20);

  border-radius:
    20px;

  background:
    rgba(232, 220, 226, .45);

}


.depresionSafetyIcon {

  width:
    48px;

  height:
    48px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    var(--dep-white);

  color:
    var(--dep-plum);

}


.depresionSafetyBox strong {

  display:
    block;

  margin-bottom:
    5px;

  color:
    var(--dep-ink);

}


.depresionSafetyBox p {

  margin:
    0;

  color:
    var(--dep-muted);

  font-size:
    14px;

}


/* =========================================================
   FINAL CTA
   ========================================================= */

.depresionFinalCta {

  padding:
    30px 0 78px;

}


.depresionCtaBox {

  position:
    relative;

  overflow:
    hidden;

  display:
    grid;

  grid-template-columns:
    1.25fr .75fr;

  gap:
    35px;

  align-items:
    center;

  padding:
    55px;

  border-radius:
    32px;

  background:
    var(--dep-plum-dark);

  color:
    #ffffff;

  box-shadow:
    var(--dep-shadow);

}


.depresionCtaBox::after {

  content:
    "";

  position:
    absolute;

  z-index:
    0;

  width:
    380px;

  height:
    380px;

  top:
    -205px;

  right:
    -125px;

  border-radius:
    50%;

  background:
    var(--dep-mauve);

  opacity:
    .34;

}


.depresionCtaContent,
.depresionCtaSide {

  position:
    relative;

  z-index:
    1;

}


.depresionCtaEyebrow {

  display:
    block;

  margin-bottom:
    10px;

  color:
    rgba(255, 255, 255, .63);

  text-transform:
    uppercase;

  letter-spacing:
    .15em;

  font-size:
    11px;

  font-weight:
    800;

}


.depresionCtaBox h2 {

  margin:
    0 0 14px;

  color:
    #ffffff;

}


.depresionCtaBox p {

  max-width:
    660px;

  margin:
    0;

  color:
    rgba(255, 255, 255, .75);

  font-size:
    18px;

}


.depresionCtaSide {

  text-align:
    center;

}


.depresionBtnLight {

  width:
    100%;

  background:
    var(--dep-white);

  color:
    var(--dep-plum-dark);

}


.depresionBtnLight:hover {

  background:
    #ffffff;

}


.depresionCtaSide small {

  display:
    block;

  margin-top:
    12px;

  color:
    rgba(255, 255, 255, .65);

}


/* =========================================================
   FOOTER
   ========================================================= */

.depresionFooter {

  padding:
    30px 0 96px;

  border-top:
    1px solid
    var(--dep-line);

  color:
    var(--dep-muted);

  background:
    var(--dep-paper);

  font-size:
    13px;

}


.depresionFooterGrid {

  display:
    flex;

  justify-content:
    space-between;

  gap:
    30px;

  flex-wrap:
    wrap;

}


.depresionFooterGrid > div:last-child {

  max-width:
    600px;

}


/* =========================================================
   MOBILE FIXED CTA
   ========================================================= */

.depresionMobileBar {

  display:
    none;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .depresionHeroGrid,
  .depresionProcessGrid,
  .depresionRecoveryGrid,
  .depresionTeamGrid,
  .depresionCtaBox {

    grid-template-columns:
      1fr;

  }


  .depresionHero {

    padding-top:
      52px;

  }


  .depresionHeroGrid {

    gap:
      35px;

  }


  .depresionPortraitWrap {

    min-height:
      505px;

    width:
      min(100%, 570px);

    margin:
      0 auto;

  }


  .depresionStickyCopy {

    position:
      static;

  }


  .depresionSymptoms {

    grid-template-columns:
      repeat(2, 1fr);

  }


  .depresionProcessGrid {

    gap:
      34px;

  }


  .depresionRecoveryGrid {

    gap:
      34px;

  }


  .depresionTeamGrid {

    gap:
      38px;

  }


  .depresionTeamImageWrap {

    max-width:
      340px;

    margin-left:
      0;

  }


  .depresionCtaBox {

    padding:
      43px;

  }


  .depresionCtaSide {

    width:
      min(100%, 420px);

    text-align:
      left;

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .depresionShell {

    width:
      min(
        calc(100% - 26px),
        1120px
      );

  }


  /* HERO */

  .depresionHero {

    padding:
      47px 0 52px;

  }


  .depresionPage h1 {

    margin-top:
      17px;

    font-size:
      42px;

    line-height:
      1.04;

  }


  .depresionPage h2 {

    font-size:
      34px;

  }


  .depresionHeroLead {

    font-size:
      18px;

  }


  .depresionActions {

    align-items:
      stretch;

  }


  .depresionActions .depresionBtn {

    width:
      100%;

  }


  .depresionTrustRow {

    gap:
      8px;

  }


  .depresionTrustChip {

    font-size:
      12px;

  }


  /* IMAGE */

  .depresionPortraitWrap {

    min-height:
      auto;

    width:
      100%;

    margin-top:
      13px;

    padding:
      18px
      25px
      33px
      5px;

  }


  .depresionPortrait {

    width:
      91%;

    max-width:
      none;

    margin-right:
      auto;

    border-radius:
      30px;

  }


  .depresionPortraitShape {

    width:
      87%;

    height:
      88%;

    right:
      0;

    bottom:
      2px;

    border-radius:
      34px;

    transform:
      rotate(2.5deg);

  }


  .depresionImageCredit {

    top:
      31px;

    left:
      18px;

    max-width:
      calc(100% - 65px);

    padding:
      7px 11px;

    font-size:
      10px;

    white-space:
      normal;

  }


  /* SECTIONS */

  .depresionSection {

    padding:
      64px 0;

  }


  .depresionSectionHead {

    margin-bottom:
      29px;

  }


  .depresionSectionHead p {

    font-size:
      16px;

  }


  /* CARDS */

  .depresionSymptoms,
  .depresionCredentials,
  .depresionRecoveryCards {

    grid-template-columns:
      1fr;

  }


  .depresionCard {

    padding:
      22px;

  }


  .depresionClinicalNote {

    grid-template-columns:
      1fr;

    padding:
      20px;

  }


  /* PROCESS */

  .depresionStep {

    grid-template-columns:
      45px 1fr;

    gap:
      14px;

    padding:
      20px;

  }


  .depresionNum {

    width:
      44px;

    height:
      44px;

    font-size:
      18px;

  }


  .depresionMethodBox {

    padding:
      23px;

  }


  .depresionProcessAction .depresionBtn {

    width:
      100%;

  }


  /* RECOVERY */

  .depresionRecoveryCard {

    min-height:
      auto;

  }


  /* TEAM */

  .depresionTeamImageWrap {

    width:
      min(100%, 310px);

    margin:
      0 auto;

  }


  .depresionTeamLead {

    font-size:
      16px;

  }


  /* FAQ */

  .depresionFaq details {

    padding:
      0 18px;

  }


  /* SAFETY */

  .depresionSafety {

    padding-bottom:
      50px;

  }


  .depresionSafetyBox {

    grid-template-columns:
      1fr;

    padding:
      21px;

  }


  /* CTA */

  .depresionFinalCta {

    padding:
      12px 0 64px;

  }


  .depresionCtaBox {

    padding:
      35px 24px;

    border-radius:
      25px;

  }


  .depresionCtaBox p {

    font-size:
      16px;

  }


  /* FOOTER */

  .depresionFooter {

    padding-bottom:
      105px;

  }


  /* MOBILE FIXED CTA */

  .depresionMobileBar {

    position:
      fixed;

    z-index:
      40;

    right:
      10px;

    bottom:
      10px;

    left:
      10px;

    display:
      block;

  }


  .depresionMobileBar a {

    display:
      flex;

    align-items:
      center;

    justify-content:
      center;

    gap:
      9px;

    padding:
      15px 18px;

    border-radius:
      999px;

    background:
      var(--dep-plum-dark);

    color:
      #ffffff;

    text-decoration:
      none;

    font-weight:
      800;

    box-shadow:
      0 13px 30px
      rgba(57, 47, 51, .30);

  }

}