.def-bg {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
.def-bg i {
  color: hsl(0, 0%, 100%);
}
.def-bg:hover {
  text-shadow: none;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul {
  list-style: none;
}
a {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
}
a:hover {
  color: #00a6ff;
}
button {
  border: none;
  cursor: pointer;
}
body {
  color: hsl(0, 0%, 100%);
  font-size: 18px;
  background: hsl(0, 0%, 0%);
  line-height: 1.25;
  text-shadow: 0 0 2px hsl(0, 0%, 0%);
  font-family: 'Fira Sans', sans-serif;
  background: hsl(0, 0%, 4%) url("https://globoinfo.com.br/images/bg1-min.webp") no-repeat right top;
  background-size: contain;
}
header {
  width: 100%;
}
header .header-bottom-border {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: linear-gradient(to right, transparent, hsla(0, 0%, 100%, 0.15), transparent);
}
header .header-bottom-border .border-25 {
  background: linear-gradient(to right, transparent, hsla(0, 0%, 100%, 0.15), transparent);
}
header .header-container {
  position: relative;
  display: flex;
  background: linear-gradient(to right, transparent, hsl(0, 0%, 4%));
  flex-direction: column;
  align-items: flex-end;
}
header .header-container .header-logo {
  top: 0;
  left: 0;
  position: absolute;
  box-sizing: initial;
  padding-left: 8%;
}
header .header-container .header-logo img {
  height: 125px;
  margin: 25px 0;
}
header .header-top {
  height: 70px;
  padding: 0 8%;
  font-size: 16px;
  background: linear-gradient(to right, transparent, hsl(0, 0%, 8%));
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
header .header-bottom {
  padding: 0 8%;
}
ul.menu-top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
ul.menu-top li {
  white-space: nowrap;
}
ul.menu-top li a,
ul.menu-top li span {
  display: inline-block;
}
ul.menu-top li a i,
ul.menu-top li span i {
  line-height: inherit;
  padding-right: 10px;
}
ul.menu-top li a.only-icon i,
ul.menu-top li span.only-icon i {
  padding-right: 0;
  font-size: 18px;
}
ul.menu-top li a.link-whatsapp,
ul.menu-top li span.link-whatsapp {
  color: hsl(0, 0%, 100%);
  padding: 8px 16px;
  background: linear-gradient(to right, #008015, #00b31e);
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.15);
  border-radius: 999px;
}
ul.menu-top li.central-do-assinante-button {
  width: 100%;
  display: none;
  text-align: center;
  margin-bottom: 50px;
}
ul.menu-top li.central-do-assinante-button a {
  padding: 12px 20px;
  background: linear-gradient(to right, #009a1a, #0069a3);
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.1);
  border-radius: 999px;
  display: inline;
  font-weight: bold;
}
ul.menu-top li.central-do-assinante-button a:hover {
  box-shadow: unset;
}
ul.menu-top li.central-do-assinante-button a:hover a {
  color: #ffffff;
}
.main-menu-wrapper .menu-checkbox,
.main-menu-wrapper .menu-icon {
  display: none;
}
.main-menu-wrapper ul.main-menu {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-end;
  gap: 30px;
}
.main-menu-wrapper ul.main-menu li {
  white-space: nowrap;
  position: relative;
}
.main-menu-wrapper ul.main-menu li span {
  cursor: pointer;
  color: hsl(0, 0%, 100%);
  height: 105px;
  font-weight: bold;
  line-height: 105px;
  text-transform: uppercase;
  display: inline-block;
}
.main-menu-wrapper ul.main-menu li a {
  color: hsl(0, 0%, 100%);
  height: 105px;
  display: inline-block;
  font-weight: bold;
  line-height: 105px;
  text-transform: uppercase;
}
.main-menu-wrapper ul.main-menu li a i {
  line-height: inherit;
  padding-right: 10px;
}
.main-menu-wrapper ul.main-menu li a:hover {
  color: #00b31e;
}
.main-menu-wrapper ul.main-menu li.central-do-assinante-button a {
  padding: 12px 20px;
  background: linear-gradient(to right, #009a1a, #0069a3);
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.1);
  border-radius: 999px;
  display: inline;
}
.main-menu-wrapper ul.main-menu li.central-do-assinante-button a:hover {
  color: #ffffff;
}
.main-menu-wrapper ul.main-menu li > ul {
  display: none;
}
.main-menu-wrapper ul.main-menu li:hover {
  box-shadow: inset 0 -3px 0 0 #00b31e;
}
.main-menu-wrapper ul.main-menu li:hover.central-do-assinante-button {
  box-shadow: unset;
}
.main-menu-wrapper ul.main-menu li:hover.central-do-assinante-button a {
  color: #ffffff;
}
.main-menu-wrapper ul.main-menu li:hover > a {
  color: #00a6ff;
}
.main-menu-wrapper ul.main-menu li:hover > ul {
  top: 100%;
  left: -30px;
  z-index: 100;
  display: block;
  position: absolute;
  min-width: 200px;
  background: hsl(0, 0%, 4%);
}
.main-menu-wrapper ul.main-menu li:hover > ul li {
  margin: 0;
  position: relative;
}
.main-menu-wrapper ul.main-menu li:hover > ul li a {
  height: unset;
  display: block;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: unset;
  text-transform: unset;
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.1);
}
.main-menu-wrapper ul.main-menu li:hover > ul li:hover {
  box-shadow: none;
  background: hsl(0, 0%, 2%);
}
.main-menu-wrapper ul.main-menu li:hover > ul li ul {
  top: 0;
  left: 100%;
}
section {
  position: relative;
}
section .section-top-border {
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: linear-gradient(to right, transparent, hsla(0, 0%, 100%, 0.15), transparent);
}
section .section-top-border .border-25 {
  background: linear-gradient(to right, transparent, hsla(0, 0%, 100%, 0.15), transparent);
}
section .section-container {
  width: 100%;
  padding: 125px 8%;
  display: flex;
  flex-direction: column;
}
section .section-container .section-header {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding-bottom: 80px;
}
section .section-container .section-header .section-title {
  width: 100%;
  margin-bottom: 5px;
}
section .section-container .section-header .section-title h1,
section .section-container .section-header .section-title h2 {
  margin: 0;
  padding: 0;
  font-size: 55px;
  line-height: 1.1;
  font-weight: normal;
  text-transform: uppercase;
}
section .section-container .section-header .section-header-separator {
  width: 200px;
  height: 2px;
  margin: 0 0 20px 0;
  background: linear-gradient(to right, #00b31e, #007abc, transparent);
  border-radius: 99px;
}
section .section-container .section-header .section-description {
  width: 100%;
}
section .section-container .section-header .section-description h3 {
  display: inline-block;
  font-size: 25px;
  font-weight: normal;
}
section .section-container .section-header .section-description h3 strong {
  text-decoration: underline;
}
section .section-container .section-header .section-description p {
  color: #CCC;
}
section .section-container .section-header .section-description i {
  color: #ffd500;
  padding-right: 5px;
}
section .section-container .section-content {
  width: 100%;
}
section .section-container .section-content ul.list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
section .section-container .section-content ul.list li {
  display: flex;
  width: calc(50% - 20px);
  margin-bottom: 40px;
  justify-content: space-evenly;
}
section .section-container .section-content ul.list li .list-item-container {
  width: 100%;
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
  overflow: hidden;
  background: hsl(0, 0%, 4%);
  background: linear-gradient(to right, hsl(0, 0%, 4%), hsl(0, 0%, 8%));
  border-radius: 5px;
}
section .section-container .section-content ul.list li .list-item-container .list-item-top .list-thumb img {
  width: 100%;
}
section .section-container .section-content ul.list li .list-item-container .list-item-bottom {
  display: flex;
  padding: 20px 25px;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
section .section-container .section-content ul.list li .list-item-container .list-item-bottom .list-icon {
  color: #00b31e;
  font-size: 24px;
  text-align: center;
}
section .section-container .section-content ul.list li .list-item-container .list-item-bottom .icon-right {
  color: hsl(0, 0%, 4%);
  text-align: right;
  text-shadow: none;
}
section .section-container .section-content ul.list li .list-item-container .list-item-bottom .list-title {
  width: 100%;
}
section .section-container .section-content ul.list li .list-item-container .list-item-bottom .list-title h4 {
  font-size: 22px;
}
section .section-container .section-content ul.list li .list-item-container:hover {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
  text-shadow: none;
}
section .section-container .section-content ul.list li .list-item-container:hover i {
  color: hsl(0, 0%, 100%);
}
section .section-container .section-content ul.list li .list-item-container:hover:hover {
  text-shadow: none;
}
section .section-container .section-content ul.list li .list-item-container:hover .list-item-bottom .list-icon {
  color: hsl(0, 0%, 100%);
}
section .section-container .section-content ul.list li .list-item-container:hover .list-item-bottom .list-title {
  color: hsl(0, 0%, 100%);
}
section .section-container .section-content ul.list li .list-popup {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 999999;
  position: fixed;
  visibility: hidden;
  background: hsla(0, 0%, 0%, 0.9);
  align-items: center;
  justify-content: center;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container {
  width: 90%;
  height: 75%;
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  flex-direction: row;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-left {
  width: 66.66%;
  background: hsl(0, 0%, 0%);
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-left video {
  width: 100%;
  height: 100%;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right {
  width: 33.33%;
  padding: 20px;
  background: hsl(0, 0%, 4%);
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-popup-title {
  font-size: 20px;
  font-weight: bold;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-popup-description {
  padding-top: 20px;
  font-size: 16px;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-popup-description p {
  opacity: 0.5;
  font-style: italic;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-buttons {
  display: flex;
  margin-top: 20px;
  flex-direction: row;
  gap: 15px;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-buttons .list-popup-button a,
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-buttons .list-popup-button button {
  color: hsl(0, 0%, 100%);
  display: inline-block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 999px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  background: linear-gradient(to left, hsl(0, 0%, 8%), hsl(0, 0%, 7%));
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-buttons .list-popup-button a i,
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-buttons .list-popup-button button i {
  padding-right: 8px;
}
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-buttons .list-popup-button a:hover,
section .section-container .section-content ul.list li .list-popup .list-popup-container .list-popup-right .list-buttons .list-popup-button button:hover {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #00b31e 0%, #006611 100%);
  text-shadow: none;
}
section.align-left .section-container {
  align-items: start;
}
section.align-left .section-container .section-header {
  align-items: start;
  text-align: left;
}
section.align-center .section-container {
  align-items: center;
}
section.align-center .section-container .section-header {
  width: 100%;
  text-align: center;
  align-items: center;
}
section.align-right .section-container {
  align-items: end;
}
section.align-right .section-container .section-header {
  align-items: end;
  text-align: right;
}
section#planos-fibra {
  background: url("/images/bg-planos-fibra-min.webp") no-repeat right top;
  background-size: contain;
}
section#planos-fibra ul.list-planos li {
  width: calc(33.33% - 50px);
}
section#planos-fibra ul.list-planos li.plano-wifi .plano-container .plano-bottom .plano-wifi-flag {
  display: inline-block;
  padding: 14px 30px;
  border-radius: 20px;
  margin-bottom: 20px;
  border: 2px solid white;
  position: relative;
  margin-top: 10px;
  background: #151515;
}
section#planos-fibra ul.list-planos li.plano-wifi .plano-container .plano-bottom .plano-wifi-flag:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-75%, 0%);
  border: 2px solid white;
  rotate: 45deg;
  border-width: 2px 0px 0px 2px;
  background: #151515;
}
section#planos-fibra ul.list-planos li.plano-wifi .plano-container .plano-bottom .plano-wifi-flag .plano-wifi-flag-wrap {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  text-transform: uppercase;
}
section#planos-fibra ul.list-planos li.plano-wifi .plano-container .plano-bottom .plano-wifi-flag .plano-wifi-flag-wrap i {
  font-size: 20px;
}
section#planos-radio {
  background: url("/images/bg-planos-radio-min.webp") no-repeat right top;
  background-size: contain;
}
section#planos-radio .section-container .section-content ul.list-planos li {
  width: calc(33.33% - 50px);
}
section#planos-fibra ul.list-planos,
section#planos-radio ul.list-planos {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px 0;
}
section#planos-fibra ul.list-planos li,
section#planos-radio ul.list-planos li {
  text-align: center;
  margin-bottom: 30px;
  font-size: 20px;
  display: flex;
  flex-direction: column;
}
section#planos-fibra ul.list-planos li span,
section#planos-radio ul.list-planos li span {
  display: inline-block;
}
section#planos-fibra ul.list-planos li .plano-container,
section#planos-radio ul.list-planos li .plano-container {
  width: 100%;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 30px;
  flex-direction: column;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-top: 1px solid hsl(0, 0%, 19%);
  background: linear-gradient(to bottom, hsl(0, 0%, 8%) 0%, hsl(0, 0%, 4%) 100%);
  box-shadow: 0 5px 0 hsla(0, 0%, 100%, 0.06), 0 6px 10px hsla(0, 0%, 0%, 0.4);
}
section#planos-fibra ul.list-planos li .plano-container .plano-popular,
section#planos-radio ul.list-planos li .plano-container .plano-popular {
  display: none;
  white-space: nowrap;
}
section#planos-fibra ul.list-planos li .plano-container .plano-top,
section#planos-radio ul.list-planos li .plano-container .plano-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-top strong,
section#planos-radio ul.list-planos li .plano-container .plano-top strong {
  width: 100%;
  display: inline-block;
}
section#planos-fibra ul.list-planos li .plano-container .plano-top i,
section#planos-radio ul.list-planos li .plano-container .plano-top i {
  font-size: 20px;
  padding-right: 10px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-top .plano-download,
section#planos-radio ul.list-planos li .plano-container .plano-top .plano-download {
  width: 100%;
  opacity: 0.85;
  padding: 35px 35px 20px 35px;
  display: inline-block;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 30px 30px 0 0;
}
section#planos-fibra ul.list-planos li .plano-container .plano-top .plano-download strong,
section#planos-radio ul.list-planos li .plano-container .plano-top .plano-download strong {
  font-size: 45px;
  line-height: 1;
  padding-top: 10px;
  text-shadow: unset;
}
section#planos-fibra ul.list-planos li .plano-container .plano-top .plano-upload,
section#planos-radio ul.list-planos li .plano-container .plano-top .plano-upload {
  display: none;
  width: 100%;
  padding: 20px;
  display: inline-block;
  background: radial-gradient(circle, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.08));
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
section#planos-fibra ul.list-planos li .plano-container .plano-top .plano-upload strong,
section#planos-radio ul.list-planos li .plano-container .plano-top .plano-upload strong {
  font-size: 25px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom,
section#planos-radio ul.list-planos li .plano-container .plano-bottom {
  width: 100%;
  padding: 20px 0 40px 0;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 35px 20px 35px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-text,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-text {
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: end;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-left,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-left {
  font-size: 25px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-center,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-center {
  font-size: 55px;
  font-weight: bold;
  line-height: 0.8;
  padding: 0 10px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-right,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-right {
  display: flex;
  text-align: left;
  flex-direction: column;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-right .preco-cents .preco-comma,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-right .preco-cents .preco-comma {
  padding-right: 3px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-right .preco-period,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-preco .preco-val .preco-right .preco-period {
  opacity: 0.66;
  font-size: 16px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-locacao,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-locacao {
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 20px;
  padding: 20px 0 30px 0;
  justify-content: center;
  background: radial-gradient(circle, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.08));
  border-radius: 0 0 30px 30px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-locacao i,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-locacao i {
  font-size: 30px;
  margin-right: 15px;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-locacao p,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-locacao p {
  text-align: left;
}
section#planos-fibra ul.list-planos li .plano-container .plano-bottom .plano-locacao p span,
section#planos-radio ul.list-planos li .plano-container .plano-bottom .plano-locacao p span {
  font-size: 30px;
}
section#planos-fibra ul.list-planos li.plano-spot .plano-container .plano-popular,
section#planos-radio ul.list-planos li.plano-spot .plano-container .plano-popular {
  top: 1px;
  left: 50%;
  color: #ffd500;
  display: block;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 10px 20px 0 20px;
  position: absolute;
  font-size: 16px;
  transform: translate(-50%, -100%);
  border-top: 2px solid hsla(0, 0%, 100%, 0.1);
  font-weight: bold;
  background: linear-gradient(to bottom, hsl(0, 0%, 16%), hsl(0, 0%, 8%));
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  text-transform: uppercase;
  border-top-width: 2px;
}
section#planos-fibra ul.list-planos li.plano-spot .plano-container .plano-popular i,
section#planos-radio ul.list-planos li.plano-spot .plano-container .plano-popular i {
  font-size: 12px;
  padding-right: 5px;
}
section#planos-fibra ul.list-planos li .plano-contrate,
section#planos-radio ul.list-planos li .plano-contrate {
  margin-top: 20px;
}
section#planos-fibra ul.list-planos li .plano-contrate a,
section#planos-radio ul.list-planos li .plano-contrate a {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
  width: 100%;
  border: 0;
  cursor: pointer;
  display: inline-block;
  padding: 20px 25px;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 999px;
  border-bottom: 5px solid #004b4b;
}
section#planos-fibra ul.list-planos li .plano-contrate a i,
section#planos-radio ul.list-planos li .plano-contrate a i {
  color: hsl(0, 0%, 100%);
}
section#planos-fibra ul.list-planos li .plano-contrate a:hover,
section#planos-radio ul.list-planos li .plano-contrate a:hover {
  text-shadow: none;
}
section#planos-fibra ul.list-planos li .plano-contrate a:hover,
section#planos-radio ul.list-planos li .plano-contrate a:hover {
  color: #008015;
  background: linear-gradient(90deg, hsl(0, 0%, 100%), hsl(0, 0%, 80%));
  box-shadow: inset 0 0 0 2px hsl(0, 0%, 100%);
}
section#planos-fibra ul.list-planos li.plano-1 .plano-download strong,
section#planos-radio ul.list-planos li.plano-1 .plano-download strong {
  color: hsl(110, 100%, 50%);
}
section#planos-fibra ul.list-planos li.plano-2 .plano-download strong,
section#planos-radio ul.list-planos li.plano-2 .plano-download strong {
  color: hsl(126, 100%, 50%);
}
section#planos-fibra ul.list-planos li.plano-3 .plano-download strong,
section#planos-radio ul.list-planos li.plano-3 .plano-download strong {
  color: hsl(142, 100%, 50%);
}
section#planos-fibra ul.list-planos li.plano-4 .plano-download strong,
section#planos-radio ul.list-planos li.plano-4 .plano-download strong {
  color: hsl(158, 100%, 50%);
}
section#planos-fibra ul.list-planos li.plano-5 .plano-download strong,
section#planos-radio ul.list-planos li.plano-5 .plano-download strong {
  color: hsl(174, 100%, 50%);
}
section#planos-fibra ul.list-planos li.plano-6 .plano-download strong,
section#planos-radio ul.list-planos li.plano-6 .plano-download strong {
  color: hsl(190, 100%, 50%);
}
section#planos-fibra ul.list-planos li.plano-4.plano-wifi .plano-wifi-flag,
section#planos-radio ul.list-planos li.plano-4.plano-wifi .plano-wifi-flag,
section#planos-fibra ul.list-planos li.plano-4.plano-wifi .plano-wifi-flag:before,
section#planos-radio ul.list-planos li.plano-4.plano-wifi .plano-wifi-flag:before {
  border-color: hsl(158, 100%, 50%) !important;
}
section#planos-fibra ul.list-planos li.plano-5.plano-wifi .plano-wifi-flag,
section#planos-radio ul.list-planos li.plano-5.plano-wifi .plano-wifi-flag,
section#planos-fibra ul.list-planos li.plano-5.plano-wifi .plano-wifi-flag:before,
section#planos-radio ul.list-planos li.plano-5.plano-wifi .plano-wifi-flag:before {
  border-color: hsl(174, 100%, 50%) !important;
}
section#planos-fibra ul.list-planos li.plano-6.plano-wifi .plano-wifi-flag,
section#planos-radio ul.list-planos li.plano-6.plano-wifi .plano-wifi-flag,
section#planos-fibra ul.list-planos li.plano-6.plano-wifi .plano-wifi-flag:before,
section#planos-radio ul.list-planos li.plano-6.plano-wifi .plano-wifi-flag:before {
  border-color: hsl(190, 100%, 50%) !important;
}
section#area-cobertura {
  background: radial-gradient(circle at 50% 0%, hsla(0, 0%, 4%, 0.75), transparent);
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item {
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
  border-radius: 5px;
  margin-bottom: 20px;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-button {
  color: hsl(0, 0%, 100%);
  width: 100%;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 20px 25px;
  font-size: 22px;
  background: linear-gradient(to right, hsl(0, 0%, 4%), hsl(0, 0%, 8%));
  text-align: left;
  text-shadow: inherit;
  font-weight: bold;
  border-radius: 5px;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-button i {
  color: #00b31e;
  font-size: 24px;
  padding-right: 20px;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-button:hover {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-button:hover i {
  color: hsl(0, 0%, 100%);
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-button:hover:hover {
  text-shadow: none;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-content {
  height: 0;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  visibility: hidden;
  background: hsla(0, 0%, 4%, 0.5);
  border-radius: 0 0 5px 5px;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-content ul li {
  padding: 15px 25px;
  font-size: 18px;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-content ul li i {
  padding-right: 15px;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-content ul li.odd {
  background: hsl(0, 0%, 8%);
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item .list-cobertura-content ul li:last-child {
  border-bottom: none;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item.selected .list-cobertura-button {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
  border-radius: 5px 5px 0 0;
  border-bottom: 1px;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item.selected .list-cobertura-button i {
  color: hsl(0, 0%, 100%);
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item.selected .list-cobertura-button:hover {
  text-shadow: none;
}
section#area-cobertura .section-content .list-cobertura .list-cobertura-menu .list-cobertura-item.selected .list-cobertura-content {
  height: auto;
  visibility: visible;
}
section#dicas {
  background: radial-gradient(circle at 50% 0%, hsla(0, 0%, 4%, 0.75), transparent);
}
section#logotipos .section-content .list li {
  width: calc(25% - 20px);
}
section#logotipos .section-content .list li .list-item-container {
  border-width: 4px;
}
section#logotipos .section-content .list li .list-item-container .list-thumb {
  display: block;
  padding: 25px;
}
section#footer {
  background: radial-gradient(circle at 50% 0%, hsla(0, 0%, 4%, 0.25), hsla(0, 0%, 8%, 0.75));
  background: url("../images/bg2-min.webp") no-repeat center center;
  background-size: cover;
}
section#footer .section-container {
  padding-top: 80px;
  padding-bottom: 80px;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul i {
  padding-right: 10px;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul span {
  display: inline-block;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > a,
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > span {
  color: #00b31e;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 25px;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul {
  display: column;
  flex-direction: row;
  justify-content: space-between;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul > li {
  color: hsl(0, 0%, 100%);
  padding-bottom: 10px;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul > li:last-child {
  padding-bottom: 0px;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul > li > span {
  color: #00b31e;
  font-size: 25px;
  font-weight: bold;
  padding-top: 60px;
  padding-bottom: 25px;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul > li a {
  color: hsl(0, 0%, 100%);
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul > li a:hover {
  color: #00a6ff;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul > li > ul > li {
  padding-bottom: 10px;
}
section#footer .section-container.footer-top .section-content .footer-menu > ul > li > ul > li > ul > li:last-child {
  padding-bottom: 0px;
}
section#footer .section-container.footer-middle .section-content {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
section#footer .section-container.footer-middle .section-content .section-content-left {
  width: 20%;
}
section#footer .section-container.footer-middle .section-content .section-content-left .footer-logo {
  display: inline-block;
}
section#footer .section-container.footer-middle .section-content .section-content-left .footer-logo img {
  width: 100%;
}
section#footer .section-container.footer-middle .section-content .section-content-center {
  width: 50%;
}
section#footer .section-container.footer-middle .section-content .section-content-center ul {
  width: 250px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
section#footer .section-container.footer-middle .section-content .section-content-center ul li a {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  background: linear-gradient(to left, hsl(0, 0%, 8%), hsl(0, 0%, 7%));
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
  border-radius: 999px;
  height: 52px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section#footer .section-container.footer-middle .section-content .section-content-center ul li a i {
  font-size: 25px;
}
section#footer .section-container.footer-middle .section-content .section-content-center ul li a:hover {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
section#footer .section-container.footer-middle .section-content .section-content-center ul li a:hover i {
  color: hsl(0, 0%, 100%);
}
section#footer .section-container.footer-middle .section-content .section-content-center ul li a:hover:hover {
  text-shadow: none;
}
section#footer .section-container.footer-middle .section-content .section-content-right {
  width: 20%;
}
section#footer .section-container.footer-middle .section-content .section-content-right .voltar-ao-topo {
  color: hsl(0, 0%, 100%);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 15px 25px;
  font-size: 18px;
  background: linear-gradient(to left, hsl(0, 0%, 8%), hsl(0, 0%, 7%));
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
  font-weight: bold;
  border-radius: 999px;
}
section#footer .section-container.footer-middle .section-content .section-content-right .voltar-ao-topo i {
  padding-right: 5px;
}
section#footer .section-container.footer-middle .section-content .section-content-right .voltar-ao-topo:hover {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
section#footer .section-container.footer-middle .section-content .section-content-right .voltar-ao-topo:hover i {
  color: hsl(0, 0%, 100%);
}
section#footer .section-container.footer-middle .section-content .section-content-right .voltar-ao-topo:hover:hover {
  text-shadow: none;
}
section#speedtest {
  transition: opacity 200ms ease-in-out;
}
section#speedtest .section-container {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.75) 25%);
}
section#speedtest .section-container .section-header {
  transition: opacity 200ms ease-in-out;
}
section#speedtest .section-container .section-content .speedtest-container {
  max-width: 950px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section#speedtest .section-container .section-content .speedtest-container .startstop-btn,
section#speedtest .section-container .section-content .speedtest-container .running {
  display: inline-block;
  width: fit-content;
  padding: 12px 25px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 0 2px hsl(0, 0%, 0%);
  font-family: inherit;
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
section#speedtest .section-container .section-content .speedtest-container .startstop-btn i,
section#speedtest .section-container .section-content .speedtest-container .running i {
  color: hsl(0, 0%, 100%);
}
section#speedtest .section-container .section-content .speedtest-container .startstop-btn:hover,
section#speedtest .section-container .section-content .speedtest-container .running:hover {
  text-shadow: none;
}
section#speedtest .section-container .section-content .speedtest-container .startstop-btn i,
section#speedtest .section-container .section-content .speedtest-container .running i {
  padding-right: 10px;
}
section#speedtest .section-container .section-content .speedtest-container .startstop-btn:hover,
section#speedtest .section-container .section-content .speedtest-container .running:hover {
  filter: brightness(1.25);
}
section#speedtest .section-container .section-content .speedtest-container .progress-bar {
  width: 100%;
  height: 10px;
  transition: all 200ms ease-in-out;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  margin: 50px 0;
  overflow: hidden;
}
section#speedtest .section-container .section-content .speedtest-container .progress-bar .progress {
  opacity: 0;
  height: 10px;
  transition: all 200ms ease-in-out;
  background: linear-gradient(to right, #009a1a, #0069a3);
}
section#speedtest .section-container .section-content .speedtest-container .test-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 50px;
}
section#speedtest .section-container .section-content .speedtest-container .test-group .test-area {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
}
section#speedtest .section-container .section-content .speedtest-container .test-group .test-area .test-name {
  font-size: 30px;
}
section#speedtest .section-container .section-content .speedtest-container .test-group .test-area .test-name i {
  padding-right: 10px;
}
section#speedtest .section-container .section-content .speedtest-container .test-group .test-area .meter-text {
  width: 100%;
  margin: 25px auto;
  padding: 5px 0;
  font-size: 50px;
  text-shadow: none;
  color: #00b31e;
  border-radius: 999px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  background: linear-gradient(to left, hsl(0, 0%, 8%), hsl(0, 0%, 7%));
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
}
section#speedtest .section-container .section-content .speedtest-container .test-group .test-area .meter-text:empty:before {
  color: #505050;
  content: "...";
}
section#speedtest .section-container .section-content .speedtest-container .test-group .test-area .unit {
  font-size: 25px;
}
section#speedtest .section-container .section-content .speedtest-container .ipArea {
  opacity: 0;
  margin-top: 50px;
  padding: 12px 25px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  transition: all 1000ms ease-in-out;
  text-align: center;
}
section#speedtest .section-container .section-content .speedtest-container .ipArea i {
  padding-right: 10px;
}
section#speedtest .section-container .section-content .speedtest-container.speedtest-running .startstop-btn,
section#speedtest .section-container .section-content .speedtest-container.speedtest-running .running {
  background: linear-gradient(to right, #E91E63, #880E4F);
}
section#speedtest .section-container .section-content .speedtest-container.speedtest-running .progress-bar .progress {
  opacity: 1;
}
section#speedtest .section-container .section-content .speedtest-container.speedtest-running .ipArea {
  opacity: 1;
}
section#speedtest .section-container .section-content .popup-speedtest {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  transition: visibility 0ms, opacity 250ms ease;
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container {
  position: relative;
  margin: 0 20px;
  max-width: 500px;
  text-align: center;
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-top {
  padding: 25px 20px;
  border-radius: 10px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-top strong {
  font-size: 25px;
  color: #ffc107;
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-bottom {
  padding: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1), transparent, rgba(255, 255, 255, 0.1));
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-bottom a {
  font-weight: bold;
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-bottom .popup-button {
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  border: none;
  padding: 12px 20px;
  border-radius: 4px;
  margin-bottom: 5px;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 999px;
  font-family: inherit;
  text-shadow: 0 0 2px hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-bottom .popup-button i {
  color: hsl(0, 0%, 100%);
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-bottom .popup-button:hover {
  text-shadow: none;
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-bottom .popup-button i {
  padding-right: 10px;
}
section#speedtest .section-container .section-content .popup-speedtest .popup-container .popup-bottom .popup-button:hover {
  opacity: 0.8;
}
section .footer-copyright {
  display: flex;
  padding: 30px 8%;
  position: relative;
  font-size: 16px;
  background: linear-gradient(to right, hsla(0, 0%, 8%, 0.5), hsl(0, 0%, 8%), hsla(0, 0%, 8%, 0.5));
  flex-direction: row;
  justify-content: space-between;
}
.voltar-ao-topo-mini {
  right: -50px;
  bottom: 125px;
  width: 50px;
  height: 50px;
  color: hsl(0, 0%, 100%);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 15px 25px;
  font-size: 20px;
  box-shadow: 0 4px 10px hsla(0, 0%, 0%, 0.4);
  background: hsl(0, 0%, 4%);
  position: fixed;
  margin-top: 10px;
  font-weight: bold;
  border-radius: 999px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  transition: right 250ms ease-in-out;
}
.voltar-ao-topo-mini i {
  font-size: 20px;
}
.voltar-ao-topo-mini:hover {
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
.voltar-ao-topo-mini:hover i {
  color: hsl(0, 0%, 100%);
}
.voltar-ao-topo-mini:hover:hover {
  text-shadow: none;
}
.voltar-ao-topo-mini.visible {
  right: 50px;
}
.whatsapp-button {
  position: fixed;
  bottom: 40px;
  right: 40px;
}
.whatsapp-button img {
  width: 64px;
  height: 64px;
}
.whatsapp-button:hover {
  filter: brightness(1.5);
}
.section-plan-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
  background: red;
  margin-bottom: 8px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  gap: 5px;
  color: hsl(0, 0%, 100%);
  background: linear-gradient(to right, #009a1a, #0069a3);
}
.section-plan-type i {
  color: hsl(0, 0%, 100%);
}
.section-plan-type:hover {
  text-shadow: none;
}
.section-plan-type i {
  font-size: 14px;
}
.discontinued-file i {
  color: #9f9f9f !important;
}
.discontinued-file a {
  color: #999 !important;
}
.discontinued-file span {
  color: #f44336 !important;
  font-size: 12px;
  font-style: italic;
}