.portabilidade-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.portabilidade-fragment1 {
  display: contents;
}
 
.portabilidade-text10 {
  display: inline-block;
}
 
.portabilidade-container11 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  margin-top: -190px;
  align-items: flex-end;
  padding-top: 180px;
  /* Autor: GitHub Copilot | Data: 2026-04-11 | Motivo: substituir espacamentos laterais fixos por tokens globais para padronizacao responsiva incremental */
  padding-left: var(--dl-responsive-container-space-expanded);
  padding-right: var(--dl-responsive-container-space-expanded);
  background-size: cover;
  background-image: url("public/shape_background-800h.png");
}
 
.portabilidade-container12 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: 55%;
  height: 488px;
  display: flex;
  z-index: 2;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.portabilidade-text11 {
  color: rgb(0, 212, 255);
  font-size: 35px;
}
 
.portabilidade-text12 {
  color: rgb(255, 255, 255);
  font-size: 40px;
}
 
.portabilidade-text13 {
  color: #ffffff;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
}
 
.portabilidade-container13 {
  width: 70%;
  height: 60px;
  display: flex;
  align-items: center;
  margin-left: 0px;
}
 
.portabilidade-container14 {
  display: contents;
}
 
.portabilidade-container15 {
  flex: 0 0 auto;
  width: 35%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
}
 
.portabilidade-image1 {
  width: 467px;
  height: auto;
  object-fit: cover;
}
 
.portabilidade-container16 {
  flex: 0 0 auto;
  width: 10%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
 
.portabilidade-text14 {
  color: rgb(255, 255, 255);
  width: 100%;
  overflow: visible;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  margin-bottom: var(--dl-layout-space-twounits);
}
 
.portabilidade-container17 {
  width: 100%;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-layout-space-threeunits);
  padding-left: var(--dl-responsive-container-space-expanded);
  padding-right: var(--dl-responsive-container-space-expanded);
  padding-bottom: var(--dl-layout-space-threeunits);
  justify-content: flex-start;
  background-color: #D9D9D9;
}
 
.portabilidade-container18 {
  flex: 0 0 auto;
  width: 65%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: 0px;
  flex-direction: column;
  justify-content: center;
}
 
.portabilidade-text15 {
  color: #0c7ca8;
  font-size: 35px;
  margin-bottom: var(--dl-layout-space-twounits);
}
 
.portabilidade-text16 {
  color: rgb(59, 59, 59);
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0px;
}
 
.portabilidade-container19 {
  flex: 0 0 auto;
  width: 30%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 0px;
  flex-direction: column;
  justify-content: center;
}
 
.portabilidade-container20 {
  width: auto;
  height: 60px;
  display: flex;
  align-items: center;
  margin-left: 50px;
}
 
.portabilidade-container21 {
  display: contents;
}
 
.portabilidade-container22 {
  width: 100%;
  height: 705px;
  display: flex;
  align-self: center;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-fourunits);
  padding-left: var(--dl-responsive-container-space-expanded);
  padding-right: var(--dl-responsive-container-space-expanded);
  flex-direction: column;
  justify-content: space-between;
  background-color: #0089bb;
}
 
.portabilidade-container23 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.portabilidade-text17 {
  color: #ffffff;
  font-size: 40px;
  text-align: center;
}
 
.portabilidade-text18 {
  color: #ffffff;
  font-size: 35px;
  margin-top: var(--dl-layout-space-unit);
  text-align: center;
}
 
.portabilidade-container24 {
  width: 100%;
  height: 438px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
 
.portabilidade-container25 {
  flex: 0 0 auto;
  width: 25%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.portabilidade-image2 {
  width: 349px;
  height: 480px;
  object-fit: cover;
}
 
.portabilidade-container26 {
  flex: 0 0 auto;
  width: 75%;
  height: 80%;
  display: flex;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: row;
  justify-content: space-between;
}
 
.portabilidade-container27 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: 32%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-twounits);
  padding-left: var(--dl-layout-space-twounits);
  border-radius: 25px;
  padding-right: var(--dl-layout-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-twounits);
  background-color: #002995;
}
 
.portabilidade-image3 {
  width: 80px;
  align-self: center;
  object-fit: cover;
}
 
.portabilidade-text19 {
  color: rgb(9, 208, 208);
  font-size: 25px;
  text-align: center;
}
 
.portabilidade-text20 {
  color: rgb(247, 247, 247);
  display: flex;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0px;
  justify-content: center;
}
 
.portabilidade-container28 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: 32%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-twounits);
  padding-left: var(--dl-layout-space-twounits);
  border-radius: 25px;
  padding-right: var(--dl-layout-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-twounits);
  background-color: #002995;
}
 
.portabilidade-image4 {
  width: 80px;
  align-self: center;
  object-fit: cover;
}
 
.portabilidade-text21 {
  color: rgb(9, 208, 208);
  font-size: 25px;
  text-align: center;
}
 
.portabilidade-text22 {
  color: rgb(247, 247, 247);
  display: flex;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0px;
  justify-content: center;
}
 
.portabilidade-container29 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: 32%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-twounits);
  padding-left: var(--dl-layout-space-twounits);
  border-radius: 25px;
  padding-right: var(--dl-layout-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-twounits);
  background-color: #002995;
}
 
.portabilidade-image5 {
  width: 80px;
  align-self: center;
  object-fit: cover;
}
 
.portabilidade-text23 {
  color: rgb(9, 208, 208);
  font-size: 25px;
  text-align: center;
}
 
.portabilidade-text24 {
  color: rgb(247, 247, 247);
  display: flex;
  font-size: 16px;
  align-self: center;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0px;
  justify-content: center;
}
 
.portabilidade-container30 {
  gap: var(--dl-layout-space-twounits);
  width: 100%;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-layout-space-sixunits);
  padding-left: var(--dl-responsive-container-space-lg);
  padding-right: var(--dl-responsive-container-space-lg);
  flex-direction: column;
  justify-content: flex-start;
  background-color: #021344;
}
 
.portabilidade-thq-rende-elm {
  width: 845px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.portabilidade-text25 {
  color: rgb(255, 255, 255);
  width: 1030px;
  font-size: 40px;
  text-align: center;
}
 
.portabilidade-text27 {
  color: #09d0d0;
}
 
.portabilidade-text28 {
  color: rgb(247, 247, 247);
  width: 80%;
  height: 132px;
  display: flex;
  font-size: 18px;
  align-self: center;
  font-style: normal;
  text-align: center;
  align-items: center;
  font-weight: 400;
  line-height: 1.4;
  margin-left: 0px;
  padding-left: var(--dl-layout-space-sixunits);
  margin-bottom: 0px;
  padding-right: var(--dl-layout-space-sixunits);
  flex-direction: column;
  justify-content: flex-start;
}
 
.portabilidade-container31 {
  width: 100%;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  padding-top: 0px;
  padding-left: var(--dl-responsive-container-space-lg);
  padding-right: var(--dl-responsive-container-space-lg);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-sixunits);
  justify-content: flex-start;
  background-color: #021344;
}
 
.portabilidade-container32 {
  width: 473px;
}
 
.portabilidade-container33 {
  display: contents;
}
 
.portabilidade-fragment2 {
  display: contents;
}
 
.portabilidade-text29 {
  display: inline-block;
}
 
.portabilidade-fragment3 {
  display: contents;
}
 
.portabilidade-text30 {
  color: rgb(255, 255, 255);
  display: inline-block;
  font-size: 12px;
  margin-top: 20px;
  line-height: 1.3;
}
 
.portabilidade-fragment4 {
  display: contents;
}
 
.portabilidade-text34 {
  display: inline-block;
}
 
.portabilidade-fragment5 {
  display: contents;
}
 
.portabilidade-text35 {
  display: inline-block;
}
 
.portabilidade-fragment6 {
  display: contents;
}
 
.portabilidade-text36 {
  display: inline-block;
}
 
.portabilidade-fragment7 {
  display: contents;
}
 
.portabilidade-text37 {
  display: inline-block;
}
 
.portabilidade-fragment8 {
  display: contents;
}
 
.portabilidade-text38 {
  display: inline-block;
}
 
@media(max-width: 1400px) {
  .portabilidade-container11 {
    height: 774px;
    margin-top: -190px;
    padding-top: 220px;
    border-width: 0px;
    padding-left: var(--dl-responsive-container-space-expanded);
    padding-right: var(--dl-responsive-container-space-expanded);
    background-size: cover;
    background-image: url("public/shape_background-800h.png");
  }
  .portabilidade-container12 {
    width: 602px;
  }
  .portabilidade-text11 {
    font-size: 28px;
  }
  .portabilidade-text12 {
    font-size: 35px;
  }
  .portabilidade-text13 {
    font-size: 18px;
  }
  .portabilidade-container15 {
    width: 484px;
  }
  .portabilidade-image1 {
    width: 554px;
    height: 588px;
  }
  .portabilidade-container16 {
    justify-content: flex-end;
  }
  .portabilidade-text15 {
    font-size: 30px;
  }
  .portabilidade-text16 {
    font-size: 18px;
  }
  .portabilidade-container22 {
    background-image: linear-gradient(0deg, rgb(0, 137, 187) 3.00%,rgb(0, 137, 187) 99.00%);
  }
  .portabilidade-text17 {
    font-size: 40px;
  }
  .portabilidade-text18 {
    color: #ffffff;
    font-size: 35px;
  }
  .portabilidade-container27 {
    background-image: linear-gradient(180deg, rgb(0, 41, 149) 2.00%,rgb(0, 41, 149) 100.00%);
  }
  .portabilidade-text19 {
    font-size: 22px;
  }
  .portabilidade-container28 {
    background-image: linear-gradient(180deg, rgb(0, 41, 149) 2.00%,rgb(0, 41, 149) 100.00%);
  }
  .portabilidade-text21 {
    font-size: 22px;
  }
  .portabilidade-container29 {
    background-image: linear-gradient(180deg, rgb(0, 41, 149) 2.00%,rgb(0, 41, 149) 100.00%);
  }
  .portabilidade-text23 {
    font-size: 22px;
  }
  .portabilidade-container30 {
    background-color: #021344;
  }
  .portabilidade-text25 {
    font-size: 35px;
  }
  .portabilidade-text28 {
    font-size: 16px;
  }
  .portabilidade-container31 {
    background-color: #021344;
  }
}
 
@media(max-width: 1200px) {
  .portabilidade-container11 {
    padding-left: var(--dl-layout-space-sixunits);
    padding-right: var(--dl-layout-space-sixunits);
  }
  .portabilidade-container12 {
    width: 45%;
  }
  .portabilidade-text11 {
    font-size: 25px;
  }
  .portabilidade-text12 {
    font-size: 30px;
  }
  .portabilidade-text13 {
    font-size: 16px;
  }
  .portabilidade-container13 {
    width: 70%;
  }
  .portabilidade-container15 {
    width: 45%;
  }
  .portabilidade-image1 {
    width: 502px;
    height: 564px;
  }
  .portabilidade-text14 {
    font-size: 12px;
  }
  .portabilidade-container17 {
    padding-left: var(--dl-responsive-container-space-mid);
    padding-right: var(--dl-responsive-container-space-mid);
  }
  .portabilidade-text15 {
    font-size: 28px;
  }
  .portabilidade-text16 {
    font-size: 20px;
  }
  .portabilidade-container22 {
    padding-left: var(--dl-layout-space-sixunits);
    padding-right: var(--dl-layout-space-sixunits);
  }
  .portabilidade-text17 {
    color: rgb(255, 255, 255);
    font-size: 35px;
    text-align: center;
  }
  .portabilidade-text18 {
    color: rgb(255, 255, 255);
    font-size: 30px;
    margin-top: var(--dl-layout-space-unit);
    text-align: center;
  }
  .portabilidade-image2 {
    width: 264px;
    height: 402px;
    align-self: flex-end;
  }
  .portabilidade-image3 {
    width: 70px;
  }
  .portabilidade-text19 {
    font-size: 22px;
  }
  .portabilidade-text20 {
    font-size: 16px;
  }
  .portabilidade-image4 {
    width: 70px;
  }
  .portabilidade-text21 {
    font-size: 22px;
  }
  .portabilidade-text22 {
    font-size: 16px;
  }
  .portabilidade-image5 {
    width: 70px;
  }
  .portabilidade-text23 {
    font-size: 22px;
  }
  .portabilidade-text24 {
    font-size: 16px;
  }
  .portabilidade-container30 {
    padding-left: var(--dl-responsive-container-space-lg);
    padding-right: var(--dl-responsive-container-space-lg);
  }
  .portabilidade-text28 {
    width: 90%;
  }
  .portabilidade-container31 {
    padding-left: var(--dl-responsive-container-space-lg);
    padding-right: var(--dl-responsive-container-space-lg);
  }
  .portabilidade-text30 {
    font-size: 11px;
  }
}
 
@media(max-width: 991px) {
  .portabilidade-container17 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .portabilidade-text15 {
    font-size: 35px;
  }
  .portabilidade-text16 {
    font-size: 20px;
  }
  .portabilidade-container22 {
    padding-left: var(--dl-layout-space-threeunits);
    padding-right: var(--dl-layout-space-threeunits);
  }
  .portabilidade-text19 {
    font-size: 22px;
  }
  .portabilidade-text21 {
    font-size: 22px;
  }
  .portabilidade-text23 {
    font-size: 22px;
  }
  .portabilidade-container30 {
    padding-left: var(--dl-responsive-container-space-mid);
    padding-right: var(--dl-responsive-container-space-mid);
  }
  .portabilidade-text25 {
    font-size: 45px;
  }
  .portabilidade-text28 {
    font-size: 18px;
  }
  .portabilidade-container31 {
    padding-left: var(--dl-responsive-container-space-mid);
    padding-right: var(--dl-responsive-container-space-mid);
  }
}
 
@media(max-width: 767px) {
  /* Autor: GitHub Copilot | Data: 2026-04-16 | Motivo: padronizar gutter lateral mobile da pagina para 32px */
  .portabilidade-container12 {
    width: 60%;
  }
  .portabilidade-text12 {
    font-size: 40px;
  }
  .portabilidade-text13 {
    font-size: 20px;
  }
  .portabilidade-container15 {
    width: 30%;
  }
  .portabilidade-container16 {
    justify-content: flex-start;
  }
  .portabilidade-text14 {
    font-size: 14px;
  }
  .portabilidade-container17 {
    height: 329px;
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
    flex-direction: column;
  }
  .portabilidade-container18 {
    width: 100%;
    height: 50%;
    justify-content: center;
  }
  .portabilidade-text15 {
    font-size: 35px;
    text-align: center;
  }
  .portabilidade-text16 {
    font-size: 20px;
  }
  .portabilidade-container19 {
    width: 578px;
    height: 112px;
  }
  .portabilidade-container22 {
    height: 1001px;
  }
  .portabilidade-text18 {
    font-size: 40px;
  }
  .portabilidade-container24 {
    height: 695px;
  }
  .portabilidade-image2 {
    width: 286px;
    height: 549px;
  }
  .portabilidade-container26 {
    height: 777px;
    flex-direction: column;
  }
  .portabilidade-container27 {
    width: 90%;
    height: auto;
    align-self: center;
    align-items: center;
  }
  .portabilidade-container28 {
    width: 90%;
    height: auto;
    align-self: center;
    align-items: center;
  }
  .portabilidade-container29 {
    width: 90%;
    height: auto;
    align-self: center;
    align-items: center;
  }
  .portabilidade-container30 {
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
  }
  .portabilidade-container31 {
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
  }
}
 
@media(max-width: 767px) {
  .portabilidade-container11 {
    height: auto;
    flex-wrap: wrap;
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
  }
  .portabilidade-container12 {
    width: 100%;
    height: auto;
    align-self: center;
  }
  .portabilidade-text11 {
    width: 424px;
    height: 48px;
    font-size: 26px;
    text-align: center;
  }
  .portabilidade-text12 {
    align-self: center;
    text-align: center;
    font-size: 2.2em;
  }
  .portabilidade-text13 {
    align-self: center;
  }
  .portabilidade-container13 {
    width: 345px;
    align-self: center;
    justify-content: center;
  }
  .portabilidade-container15 {
    width: 393px;
    height: auto;
  }
  .portabilidade-image1 {
    width: 428px;
    height: 460px;
  }
  .portabilidade-container16 {
    width: 40%;
    height: 60px;
    margin-top: -100px;
  }
  .portabilidade-text14 {
    font-size: 18px;
    margin-top: -50px;
    text-align: center;
    margin-bottom: 0px;
  }
  .portabilidade-container17 {
    height: 100%;
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
    justify-content: flex-start;
  }
  .portabilidade-container18 {
    height: 100%;
  }
  .portabilidade-text15 {
    font-size: 1.5em;
  }
  .portabilidade-text16 {
    font-size: 1em;
  }
  .portabilidade-container19 {
    width: 398px;
  }
  .portabilidade-container22 {
    height: auto;
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
    padding-bottom: var(--dl-layout-space-threeunits);
  }
  .portabilidade-text17 {
    font-size: 2em;
  }
  .portabilidade-text18 {
    font-size: 2em;
    margin-top: 0;
    margin-bottom: var(--dl-layout-space-threeunits);
  }
  .portabilidade-container24 {
    height: 768px;
    align-items: flex-start;
    padding-top: 0px;
  }
  .portabilidade-container25 {
    display: none;
  }
  .portabilidade-container26 {
    width: 100%;
    height: 720px;
  }
  .portabilidade-container27 {
    width: 100%;
  }
  .portabilidade-image3 {
    width: 50px;
  }
  .portabilidade-container28 {
    width: auto;
  }
  .portabilidade-image4 {
    width: 50px;
  }
  .portabilidade-container29 {
    width: 100%;
  }
  .portabilidade-image5 {
    width: 50px;
  }
  .portabilidade-container30 {
    height: 309px;
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
  }
  .portabilidade-thq-rende-elm {
    height: 118px;
    justify-content: flex-start;
  }
  .portabilidade-text25 {
    font-size: 2em;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .portabilidade-text28 {
    height: auto;
    font-size: 1em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .portabilidade-container31 {
    height: auto;
    padding-left: var(--dl-responsive-container-space-mobile-wide);
    padding-right: var(--dl-responsive-container-space-mobile-wide);
  }
  .portabilidade-container32 {
    width: 369px;
    height: auto;
  }
  .portabilidade-text30 {
    font-size: 11px;
    text-align: center;
  }
  .portabilidade-text34 {
    text-align: center;
  }
}

  @media(max-width: 767px) {
    /* Autor: GitHub Copilot | Data: 2026-04-16 | Motivo: eliminar overflow horizontal residual da portabilidade */
    .portabilidade-text11,
    .portabilidade-container13,
    .portabilidade-container15,
    .portabilidade-container19,
    .portabilidade-container32,
    .portabilidade-thq-rende-elm {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
    }

    .portabilidade-image1,
    .portabilidade-image2 {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
    }

    .portabilidade-container24,
    .portabilidade-container26,
    .portabilidade-container30,
    .portabilidade-container31 {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
    }

    .portabilidade-container26,
    .portabilidade-container27,
    .portabilidade-container28,
    .portabilidade-container29 {
      flex-direction: column !important;
      align-items: stretch !important;
      justify-content: flex-start !important;
      margin-bottom: var(--dl-layout-space-fourunits);
    }
  }