@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*background: linear-gradient(to right, #16151B, #1A1A24, #1B1E27);*/
  background: linear-gradient(135deg, #000000, #4b0082 50%, #000000 100%);
  color: white;
  min-height: 100vh;
  width: auto;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden; /* Adiciona esta linha para evitar rolagem horizontal */
}

@media screen and (min-width: 0px) and (max-width: 520px) {
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .header__logo-image {
    height: 2.2rem;
    width: 2.2rem;
    margin: 1rem 0 0 0.7rem;
  }
  .header__logo-text {
    display: none;
  }
  .header__navbar {
    display: flex;
    position: relative;
    gap: 1rem;
    margin: 4% 7% 0 0;
    text-align: center;
    align-items: center;
  }
  .header__navbar-buttons__language {
    display: none;
  }
  .header__navbar-buttons__login {
    font-size: 0.8rem;
    padding: 0.5rem 0.8rem;
    background: #3A00FF;
    border-color: #3A00FF;
    text-decoration: none;
    color: white;
    border-radius: 8px;
    text-transform: uppercase;
    font-family: "Montserrat sans,serif";
  }
  .header__navbar-buttons__login:hover {
    border-color: white;
    font-size: 0.9rem;
    font-weight: 500;
  }
  .header__navbar-button {
    display: none;
  }
  .header__navbar-label {
    cursor: pointer;
    position: relative;
    z-index: 10;
  }
  .header__navbar-label .header__navbar-label__menu-humburguer {
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .header__navbar-list {
    display: none;
    position: absolute;
    top: 200%;
    right: 0;
    background: #444;
    border-radius: 5px;
    z-index: 10000;
  }
  .header__navbar-list__flag {
    display: none;
  }
  .header__navbar-list__link {
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: block;
  }
  .header__navbar-list__link:hover {
    background: #555;
  }
  .header__navbar-button:checked ~ .header__navbar-list {
    display: block;
  }
  .header__navbar-button:checked ~ .header__navbar__label .header__navbar-label__menu-humburguer rect:nth-of-type(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .header__navbar-button:checked ~ .header__navbar__label .header__navbar-label__menu-humburguer rect:nth-of-type(2) {
    display: none;
  }
  .header__navbar-button:checked ~ .header__navbar__label .header__navbar-label__menu-humburguer rect:nth-of-type(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}
@media screen and (min-width: 520px) and (max-width: 770px) {
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header__logo-image {
    height: 60px;
    width: 80px;
    margin: 1rem 0 0 0.7rem;
  }
  .header__logo-text {
    display: none;
  }
  .header__navbar {
    display: flex;
    position: relative;
    gap: 1rem;
    margin: 4% 7% 0 0;
    text-align: center;
    align-items: center;
  }
  .header__navbar-buttons__language {
    display: none;
  }
  .header__navbar-buttons__login {
    font-size: 1rem;
    padding: 0.7rem 0.8rem;
    background: #3A00FF;
    border-color: #3A00FF;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: "Montserrat sans,serif";
    font-weight: 700;
  }
  .header__navbar-buttons__login:hover {
    border-color: white;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  .header__navbar-button {
    display: none;
  }
  .header__navbar-label {
    cursor: pointer;
    position: relative;
    z-index: 10;
  }
  .header__navbar-label .header__navbar-label__menu-humburguer {
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .header__navbar-list {
    display: none;
    position: absolute;
    top: 200%;
    right: 0;
    background: #444;
    border-radius: 5px;
    z-index: 10000;
  }
  .header__navbar-list__flag {
    display: none;
  }
  .header__navbar-list__link {
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: block;
  }
  .header__navbar-list__link:hover {
    background: #555;
  }
  .header__navbar-button:checked ~ .header__navbar-list {
    display: block;
  }
  .header__navbar-button:checked ~ .header__navbar__label .header__navbar-label__menu-humburguer rect:nth-of-type(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .header__navbar-button:checked ~ .header__navbar__label .header__navbar-label__menu-humburguer rect:nth-of-type(2) {
    display: none;
  }
  .header__navbar-button:checked ~ .header__navbar__label .header__navbar-label__menu-humburguer rect:nth-of-type(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2% 0 0 3%;
    text-align: center;
  }
  .header__logo {
    display: flex;
    align-items: center;
  }
  .header__logo-image {
    height: 60px;
    width: 80px;
  }
  .header__logo-text {
    text-align: center;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
    gap: 0.5rem;
    color: white;
    display: block;
  }
  .header__navbar {
    margin: 0 4% 0 5%;
    display: flex;
    position: relative;
    align-items: center;
  }
  .header__navbar-buttons {
    display: flex;
    justify-content: space-between;
  }
  .header__navbar-buttons__language {
    display: flex;
    text-align: center;
    align-items: center;
    text-decoration: none;
    color: white;
    border: 1px solid white;
    border-radius: 7px;
    font-size: 0.6rem;
    padding: 0.1rem 0.6rem;
    gap: 0.2rem;
  }
  .header__navbar-buttons__language-flag {
    height: 2rem;
    width: 2rem;
  }
  .header__navbar-buttons__login {
    display: flex;
    margin-left: 1rem;
    font-size: 1rem;
    padding: 0 1.5rem;
    background: #3A00FF;
    border-color: #3A00FF;
    color: white;
    text-decoration: none;
    text-align: center;
    align-items: center;
    border-radius: 10px;
    font-weight: 700;
  }
  .header__navbar-button {
    display: none;
  }
  .header__navbar-label {
    margin-left: 1rem;
    cursor: pointer;
    position: relative;
    z-index: 10;
  }
  .header__navbar-label__menu-humburguer {
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .header__navbar-list {
    display: none;
    position: absolute;
    padding: 10%;
    top: 200%;
    right: 0;
    background: #444;
    border-radius: 5px;
    z-index: 10000;
  }
  .header__navbar-list__link {
    display: flex;
    justify-content: start;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    margin: 0.4rem 1rem 1rem 0;
    text-align: start;
    align-items: center;
  }
  .header__navbar-list__link:hover {
    color: orange;
  }
  .header__navbar-list__flag {
    display: none;
  }
  .header__navbar-button:checked ~ .header__navbar-list {
    display: block;
  }
}
@media screen and (min-width: 950px) {
  .header {
    display: flex;
    position: fixed;
    background: black;
    width: 100vw;
    justify-content: space-between;
    padding: 1.5rem;
    top: 0;
    left: 0;
    z-index: 2;
    align-items: center;
    text-align: center;
  }
  .header__logo {
    display: flex;
    align-items: center;
  }
  .header__logo-image {
    height: 60px;
    width: 80px;
  }
  .header__logo-text {
    text-align: center;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
    gap: 0.5rem;
    color: white;
    display: block;
  }
  .header__navbar {
    margin: 0 4% 0 5%;
    display: flex;
    position: relative;
    align-items: center;
  }
  .header__navbar-buttons {
    display: flex;
    justify-content: space-between;
  }
  .header__navbar-buttons__language {
    display: flex;
    text-align: center;
    align-items: center;
    text-decoration: none;
    color: white;
    border: 1px solid white;
    border-radius: 7px;
    font-size: 0.6rem;
    padding: 0.1rem 0.6rem;
    gap: 0.2rem;
  }
  .header__navbar-buttons__language-flag {
    height: 2rem;
    width: 2rem;
  }
  .header__navbar-buttons__login {
    display: flex;
    margin-left: 1rem;
    font-size: 1rem;
    padding: 0 1.5rem;
    background: #3A00FF;
    border-color: #3A00FF;
    color: white;
    text-decoration: none;
    text-align: center;
    align-items: center;
    border-radius: 10px;
    font-weight: 700;
  }
  .header__navbar-button {
    display: none;
  }
  .header__navbar-label {
    margin-left: 1rem;
    cursor: pointer;
    position: relative;
    z-index: 10;
  }
  .header__navbar-label__menu-humburguer {
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .header__navbar-list {
    display: none;
    position: absolute;
    padding: 10%;
    top: 200%;
    right: 0;
    background: #444;
    border-radius: 5px;
    z-index: 10000;
  }
  .header__navbar-list__link {
    display: flex;
    justify-content: start;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    margin: 0.4rem 1rem 1rem 0;
    text-align: start;
    align-items: center;
  }
  .header__navbar-list__link:hover {
    color: orange;
  }
  .header__navbar-list__flag {
    display: none;
  }
  .header__navbar-button:checked ~ .header__navbar-list {
    display: block;
  }
}
@keyframes slide-down {
  0% {
    top: -100%;
    opacity: 0;
  }
  100% {
    top: calc(100% + 1rem);
    opacity: 1;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-60px);
  }
  60% {
    transform: translateY(-40px);
  }
}
.hero-section__cta {
  display: flex;
  text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 520px) {
  .hero-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 10%;
    font-family: "Montserrat", sans-serif;
  }
  .hero-section__content {
    margin: 0% 12% 0% 12%;
    display: flex;
    flex-direction: column;
  }
  .hero-section__box {
    position: relative;
    text-align: start;
  }
  .hero-section__box__texto {
    font-size: 1.2rem;
    padding-right: 0.2rem;
  }
  .hero-section__box__popup-container {
    display: flex;
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: none;
    z-index: 1000;
    opacity: 0; /* Inicialmente invisível */
    transition: opacity 1s ease-in-out;
  }
  .hero-section__box__popup-container.show {
    animation: slide-down 1s ease-in-out forwards, bounce 3s 0.4s ease-in-out;
  }
  .hero-section__box__popup-container__conteudo {
    background: none !important;
    border-radius: 10px;
    text-wrap: wrap;
    margin: -0.7rem;
    padding: 0.7rem;
  }
  .hero-section__box__popup-container__conteudo h2 {
    font-size: 1.6rem;
    color: white;
    font-weight: 800;
    text-wrap: wrap;
    font-family: "Montserrat", sans-serif;
  }
  .hero-section__highlights {
    display: flex;
    margin: 7rem 4rem 1rem 0;
    gap: 1.8rem;
  }
  .hero-section__highlights-text {
    text-align: start;
    flex-wrap: wrap;
    text-wrap: wrap;
    font-size: 0.8rem;
    border-left: 4px solid orange;
    padding: 0.4rem 1rem 0.7rem 0.4rem;
    background: linear-gradient(to right, rgba(207, 189, 155, 0.8), rgba(255, 165, 0, 0) 100%);
    color: #fff;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  }
  .hero-section__pricing {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: start;
  }
  .hero-section__pricing-title {
    font-size: 1.2rem;
    font-weight: 700;
    text-wrap: wrap;
  }
  .hero-section__pricing-title__highlight {
    font-size: 1.2rem;
    font-weight: 700;
  }
  .hero-section__pricing-description {
    font-size: 0.8rem;
    color: rgb(148, 141, 141);
  }
  .hero-section__cta {
    width: 100%;
    margin-top: 0.5rem;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
  }
  .hero-section__cta-button {
    margin: 4% 0 0 12%;
  }
  .hero-section__cta-button__link {
    text-decoration: none;
    color: white;
    border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
    padding: 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 13px;
    background: linear-gradient(to right, #FF7F50, #8A2BE2);
  }
  .hero-section__cta-button__link:hover {
    background: linear-gradient(to right, #8A2BE2, #FF7F50);
    font-size: 1rem;
  }
  .hero-section__cta__image {
    width: 100vw; /* Garante que a imagem ocupe 100% da largura do contêiner */
    max-width: 420px; /* Limita o tamanho máximo da imagem */
    height: auto; /* Mantém a proporção da imagem */
    border-radius: 1.2rem;
    margin: 0 auto; /* Centraliza a imagem */
    -o-object-fit: cover;
       object-fit: cover; /* Ajusta a imagem para cobrir o contêiner sem distorção */
  }
}
@media screen and (min-width: 521px) and (max-width: 770px) {
  .hero-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    margin-top: 5%;
    font-family: "Montserrat", sans-serif;
  }
  .hero-section__content {
    margin: 0% 10% 0% 5%;
    display: flex;
    flex-direction: column;
  }
  .hero-section__box {
    position: relative;
    text-align: start;
  }
  .hero-section__box-texto {
    font-size: 1.2rem;
    padding-right: 0.2rem;
  }
  .hero-section__box__popup-container {
    display: flex;
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: none;
    z-index: 1000;
    opacity: 0; /* Inicialmente invisível */
    transition: opacity 1s ease-in-out;
  }
  .hero-section__box__popup-container.show {
    animation: slide-down 1s ease-in-out forwards, bounce 3s 0.4s ease-in-out;
  }
  .hero-section__box__popup-container__conteudo {
    background: none !important;
    border-radius: 10px;
    text-wrap: wrap;
    margin: -0.7rem;
    padding: 0.7rem;
  }
  .hero-section__box__popup-container__conteudo h2 {
    font-size: 2.3rem;
    color: white;
    font-weight: 800;
    text-wrap: wrap;
    font-family: "Montserrat", sans-serif;
  }
  .hero-section__highlights {
    display: flex;
    margin: 9rem 4rem 1rem 0;
    gap: 1.8rem;
  }
  .hero-section__highlights-text {
    text-align: start;
    flex-wrap: wrap;
    text-wrap: wrap;
    font-size: 0.8rem;
    border-left: 4px solid orange;
    padding: 0.8rem 1rem 0.8rem 0.4rem;
    background: linear-gradient(to right, rgba(207, 189, 155, 0.8), rgba(255, 165, 0, 0) 100%);
    color: #fff;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  }
  .hero-section__pricing {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: start;
    padding-right: 25%;
  }
  .hero-section__pricing-title {
    font-size: 1.2rem;
    font-weight: 700;
    text-wrap: wrap;
    line-height: 1.3;
  }
  .hero-section__pricing-title__highlight {
    font-size: 1.9rem;
    font-weight: 600;
  }
  .hero-section__pricing-description {
    font-size: 0.9rem;
    color: rgb(148, 141, 141);
  }
  .hero-section__cta {
    display: flex;
    margin-top: 0.5rem;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
  }
  .hero-section__cta-button {
    margin-top: 3%;
  }
  .hero-section__cta-button__link {
    text-decoration: none;
    color: white;
    border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
    padding: 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 13px;
    background: linear-gradient(to right, #FF7F50, #8A2BE2);
  }
  .hero-section__cta-button__link:hover {
    background: linear-gradient(to right, #8A2BE2, #FF7F50);
    font-size: 1.3rem;
  }
  .hero-section__cta__image {
    width: 90vw; /* Garante que a imagem ocupe 100% da largura do contêiner */
    max-width: 100vw; /* Limita o tamanho máximo da imagem */
    height: auto; /* Mantém a proporção da imagem */
    border-radius: 1.2rem;
    margin: 0 auto; /* Centraliza a imagem */
    -o-object-fit: cover;
       object-fit: cover; /* Ajusta a imagem para cobrir o contêiner sem distorção */
  }
}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .hero-section {
    gap: 1rem;
    flex-direction: column;
    margin-top: 15%;
    font-family: "Montserrat", sans-serif;
  }
  .hero-section__content {
    margin: 0% 15% 0% 5%;
    display: flex;
    flex-direction: column;
    display: block;
  }
  .hero-section__box {
    position: relative;
    text-align: start;
  }
  .hero-section__box-texto {
    font-size: 1.5rem;
    padding-right: 0.2rem;
    margin-bottom: 0.8rem;
  }
  .hero-section__box__popup-container {
    display: flex;
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: none;
    z-index: 1000;
    opacity: 0; /* Inicialmente invisível */
    transition: opacity 1s ease-in-out;
  }
  .hero-section__box__popup-container.show {
    animation: slide-down 1s ease-in-out forwards, bounce 3s 0.4s ease-in-out;
  }
  .hero-section__box__popup-container__conteudo {
    background: none !important;
    border-radius: 10px;
    text-wrap: wrap;
    margin: -0.7rem;
    padding: 0.7rem;
    line-height: 1.4;
  }
  .hero-section__box__popup-container__conteudo h2 {
    font-size: 2.3rem;
    color: white;
    font-weight: 800;
    text-wrap: wrap;
    font-family: "Montserrat", sans-serif;
  }
  .hero-section__highlights {
    display: flex;
    margin: 10rem 5rem 1rem 0;
    gap: 1.5rem;
  }
  .hero-section__highlights-text {
    text-align: start;
    flex-wrap: wrap;
    text-wrap: wrap;
    font-size: 1rem;
    border-left: 4px solid orange;
    padding: 0.8rem 3rem 0.8rem 0.4rem;
    background: linear-gradient(to right, rgba(207, 189, 155, 0.8), rgba(255, 165, 0, 0) 100%);
    color: #fff;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  }
  .hero-section__pricing {
    display: flex;
    gap: 0.5rem;
    text-align: start;
    padding-right: 25%;
    flex-direction: column;
  }
  .hero-section__pricing-title {
    font-size: 1.2rem;
    font-weight: 700;
    text-wrap: wrap;
    line-height: 1.3;
    text-transform: uppercase;
  }
  .hero-section__pricing-title__highlight {
    font-size: 1.9rem;
    font-weight: 700;
  }
  .hero-section__pricing-description {
    font-size: 0.9rem;
    color: rgb(148, 141, 141);
  }
  .hero-section__cta {
    display: flex;
    margin-top: 5%;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
  }
  .hero-section__cta-button {
    margin: 3% 0 0 5%;
  }
  .hero-section__cta-button__link {
    text-decoration: none;
    color: white;
    border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
    padding: 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 13px;
    background: linear-gradient(to right, #FF7F50, #8A2BE2);
  }
  .hero-section__cta-button__link:hover {
    background: linear-gradient(to right, #8A2BE2, #FF7F50);
    font-size: 1.3rem;
  }
  .hero-section__cta__image {
    width: 90vw; /* Garante que a imagem ocupe 100% da largura do contêiner */
    max-width: 100vw; /* Limita o tamanho máximo da imagem */
    height: auto; /* Mantém a proporção da imagem */
    border-radius: 1.2rem;
    margin: 0 auto; /* Centraliza a imagem */
    -o-object-fit: cover;
       object-fit: cover; /* Ajusta a imagem para cobrir o contêiner sem distorção */
  }
}
@media screen and (min-width: 950px) {
  .hero-section {
    gap: 1rem;
    flex-direction: column;
    margin-top: 20%;
    font-family: "Montserrat", sans-serif;
  }
  .hero-section__content {
    margin: 0% 15% 0% 10%;
    display: flex;
    flex-direction: column;
    display: block;
  }
  .hero-section__box {
    position: relative;
    text-align: start;
  }
  .hero-section__box-texto {
    font-size: 1.7rem;
    padding-right: 0.2rem;
    margin-bottom: 0.8rem;
  }
  .hero-section__box__popup-container {
    display: flex;
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: none;
    z-index: 1000;
    opacity: 0; /* Inicialmente invisível */
    transition: opacity 1s ease-in-out;
  }
  .hero-section__box__popup-container.show {
    animation: slide-down 1s ease-in-out forwards, bounce 3s 0.4s ease-in-out;
  }
  .hero-section__box__popup-container__conteudo {
    background: none !important;
    border-radius: 10px;
    text-wrap: wrap;
    margin: -0.7rem;
    padding: 0.7rem;
    line-height: 1.4;
  }
  .hero-section__box__popup-container__conteudo h2 {
    font-size: 2.5rem;
    color: white;
    font-weight: 800;
    text-wrap: wrap;
    font-family: "Montserrat", sans-serif;
    padding-right: 3rem;
  }
  .hero-section__highlights {
    display: flex;
    margin: 11rem 5rem 1rem 0;
    gap: 1.5rem;
  }
  .hero-section__highlights-text {
    text-align: start;
    flex-wrap: wrap;
    text-wrap: wrap;
    font-size: 1.2rem;
    border-left: 4px solid orange;
    padding: 1.2rem 6.5rem 1.2rem 0.6rem;
    background: linear-gradient(to right, rgba(207, 189, 155, 0.8), rgba(255, 165, 0, 0) 80%);
    color: #fff;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  }
  .hero-section__pricing {
    display: flex;
    gap: 0.5rem;
    text-align: start;
    padding-right: 25%;
    flex-direction: column;
  }
  .hero-section__pricing-title {
    font-size: 1.4rem;
    font-weight: 700;
    text-wrap: wrap;
    line-height: 1.3;
    text-transform: uppercase;
  }
  .hero-section__pricing-title__highlight {
    font-size: 1.9rem;
    font-weight: 700;
  }
  .hero-section__pricing-description {
    font-size: 1rem;
    color: rgb(148, 141, 141);
  }
  .hero-section__cta {
    display: flex;
    margin-top: 5%;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
  }
  .hero-section__cta-button {
    margin: 0% 15% 0% 10%;
  }
  .hero-section__cta-button__link {
    text-decoration: none;
    color: white;
    border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
    padding: 1.3rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 13px;
    background: linear-gradient(to right, #FF7F50, #8A2BE2);
  }
  .hero-section__cta-button__link:hover {
    background: linear-gradient(to right, #8A2BE2, #FF7F50);
    font-size: 1.3rem;
  }
  .hero-section__cta__image {
    width: 75vw; /* Garante que a imagem ocupe 100% da largura do contêiner */
    max-width: 100vw; /* Limita o tamanho máximo da imagem */
    height: auto; /* Mantém a proporção da imagem */
    border-radius: 1.2rem;
    margin: 0 auto; /* Centraliza a imagem */
    -o-object-fit: cover;
       object-fit: cover; /* Ajusta a imagem para cobrir o contêiner sem distorção */
  }
}
.segunda__sessao-cards {
  margin-top: 3.5rem;
}
.segunda__sessao-cards__imagem {
  width: 70vw;
  height: 30vh;
  border-radius: 10px;
}
.segunda__sessao-cards__lista {
  display: flex;
  flex-direction: column;
}
.segunda__sessao-cards__lista__itens {
  display: flex;
  margin: 0.8rem;
  text-align: center;
  align-items: start;
  color: rgb(172, 157, 157);
  /* Adicionando animação para aparecer da direita para a esquerda */
  opacity: 0;
  visibility: hidden; /* Esconde o item sem ocupar espaço */
  transform: scale(0); /* Inicialmente invisível e sem espaço */
  transition: opacity 0.5s ease, visibility 0s 0.5s, transform 0.5s ease; /* Transição suave */
  /* Quando o item entra na viewport */
}
.segunda__sessao-cards__lista__itens.mostrar {
  opacity: 1;
  visibility: visible; /* Torna o item visível */
  transform: scale(1); /* Elemento se expande */
  transition: opacity 0.5s ease, visibility 0s 0s, transform 1s ease;
}
.segunda__sessao-cards__lista__itens__imagem {
  width: 10vw;
  height: 10vh;
  padding-right: 1rem;
}
.segunda__sessao-cards__lista__itens__container {
  display: flex;
  text-align: start;
  flex-direction: column;
  gap: 1rem;
}
.segunda__sessao-cards__lista__itens__container__titulo {
  font-weight: 600;
  font-size: 1rem;
  color: white;
}
.segunda__sessao-cards__lista__itens__container__texto {
  font-size: 0.8rem;
}
.segunda__sessao-cards__lista__itens__container__imagens {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.segunda__sessao-cards__lista__itens__container__imagens__imagem {
  height: 1.2rem;
  width: 1.2rem;
  background-color: white;
  border-radius: 1rem;
  margin-right: 0.5rem;
}
.segunda__sessao-cards__lista__itens__container__imagens__texto {
  font-size: 0.7rem;
  color: white;
}
.segunda__sessao-cards__lista__itens__container__descricao {
  font-size: 0.8rem;
}

.display {
  display: none;
}

@media screen and (min-width: 520px) and (max-width: 770px) {
  .segunda__sessao-imagem {
    width: 80vw;
    height: 50vh;
  }
  .segunda__sessao-cards__lista__itens__container__titulo {
    font-size: 1.1rem;
  }
  .segunda__sessao-cards__lista__itens__container__texto {
    font-size: 0.9rem;
  }
  .segunda__sessao-cards__lista__itens__container__imagens__texto {
    font-size: 0.9rem;
  }
  .segunda__sessao-cards__lista__itens__container__descricao {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .segunda__sessao-cards__imagem {
    width: 80vw;
    height: 55vh;
  }
  .segunda__sessao-cards__lista__itens__container__titulo {
    font-size: 1.3rem;
  }
  .segunda__sessao-cards__lista__itens__container__texto {
    font-size: 1rem;
  }
  .segunda__sessao-cards__lista__itens__container__imagens__texto {
    font-size: 1rem;
  }
  .segunda__sessao-cards__lista__itens__container__descricao {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 950px) {
  .segunda__sessao__titulo {
    font-size: 1.4rem;
  }
  .segunda__sessao-cards {
    display: flex;
    align-items: center;
  }
  .segunda__sessao-cards__imagem {
    width: 80vw;
    height: 54vh;
  }
  .segunda__sessao-cards__lista__itens__container__titulo {
    font-size: 1.4rem;
  }
  .segunda__sessao-cards__lista__itens__container__texto {
    font-size: 1rem;
  }
  .segunda__sessao-cards__lista__itens__container__imagens__texto {
    font-size: 1.1rem;
  }
  .segunda__sessao-cards__lista__itens__container__descricao {
    font-size: 1rem;
  }
}
.terceira__sessao {
  margin: 35% 0 30% 0;
  align-items: center;
  text-align: center;
}
.terceira__sessao__titulo {
  margin: 4rem 0 5rem 0;
  font-size: 1.3rem;
  font-weight: 700;
  opacity: 0; /* Inicialmente invisível */
  transform: translateY(-20px); /* Posicionado levemente acima */
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.terceira__sessao__titulo.show {
  opacity: 1; /* Visível */
  transform: translateY(0); /* Posição final */
}
.terceira__sessao-cards {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2.5rem;
  gap: 2rem;
}
.terceira__sessao-cards__itens {
  display: flex;
  justify-content: start;
  gap: 1rem;
  text-align: start;
  font-size: 1rem;
  align-items: center;
  padding: 0.5rem;
}
.terceira__sessao-cards__itens-container {
  display: flex;
  text-align: start;
  flex-direction: column;
}
.terceira__sessao-cards__itens-imagem {
  display: flex;
  align-items: start;
  width: 17vw;
  height: 12vh;
}
.terceira__sessao-cards__itens__texto {
  font-size: 0.8rem;
  color: gray;
}
.terceira__sessao-cards__itens__titulo {
  color: white;
  font-weight: 600;
  margin-bottom: 0.7rem;
}

@media screen and (min-width: 520px) and (max-width: 770px) {
  .terceira__sessao__titulo {
    font-size: 1.4rem;
  }
  .terceira__sessao-cards__itens-imagem {
    width: 20vw;
    height: 15vh;
  }
  .terceira__sessao-cards__itens__titulo {
    font-size: 1.1rem;
  }
  .terceira__sessao-cards__itens__texto {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .terceira__sessao__titulo {
    font-size: 1.4rem;
  }
  .terceira__sessao-cards__itens-imagem {
    width: 27vw;
    height: 20vh;
  }
  .terceira__sessao-cards__itens__titulo {
    font-size: 1.3rem;
  }
  .terceira__sessao-cards__itens__texto {
    font-size: 1rem;
  }
}
@media screen and (min-width: 950px) {
  .terceira__sessao-div {
    border: 1px solid white;
  }
  .terceira__sessao__titulo {
    font-size: 1.4rem;
  }
  .terceira__sessao-cards {
    padding: 1rem 3rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .terceira__sessao-cards__itens {
    padding: 0rem 2rem;
    display: flex;
    flex-direction: column;
  }
  .terceira__sessao-cards__itens-container {
    display: flex;
    text-align: center;
  }
  .terceira__sessao-cards__itens-imagem {
    width: 10vw;
    height: 15vh;
  }
  .terceira__sessao-cards__itens__titulo {
    text-wrap: wrap;
    font-size: 1.3rem;
  }
  .terceira__sessao-cards__itens__texto {
    font-size: 1rem;
  }
}
.quarta__sessao__textos {
  margin: 1rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  opacity: 0; /* Inicialmente invisível */
  transform: translateY(-20px); /* Posicionado levemente acima */
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.quarta__sessao__textos.show {
  opacity: 1; /* Visível */
  transform: translateY(0); /* Posição final */
}
.quarta__sessao__textos__titulo {
  font-size: 1.2rem;
  font-weight: 700;
}
.quarta__sessao__textos__texto {
  font-size: 0.9rem;
}
.quarta__sessao__imagem {
  width: 80%;
  height: 35%;
  margin-bottom: 1rem;
}
.quarta__sessao__listas__texto {
  margin: 1rem 1rem 1rem 2.2rem;
  font-size: 0.8rem;
  text-align: initial;
  font-weight: 600;
}
.quarta__sessao-div__buttons {
  display: none;
}
.quarta__sessao__segunda-div {
  font-size: 0.8rem;
  font-weight: 400;
  padding: 0.9rem;
  color: white;
}
.quarta__sessao__segunda-div__imagem {
  width: 60%;
  height: 35%;
  margin-bottom: 0.7rem;
}
.quarta__sessao__segunda-div__listas {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: white;
  width: 60%;
}
.quarta__sessao__segunda-div__listas-link {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 0.8rem;
  border: 3px solid transparent; /* Define a borda como transparente */
  -o-border-image: linear-gradient(to right, #f4855d, #4b0082);
     border-image: linear-gradient(to right, #f4855d, #4b0082); /* Gradiente para a borda */
  border-image-slice: 1; /* Garante que o gradiente cubra toda a borda */
  border-radius: 7px;
  padding: 0.7rem 0.2rem;
}
.quarta__sessao__segunda-div__listas-link-icone {
  margin-right: 0.5rem;
}
.quarta__sessao__segunda-div__listas-link-textos {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.7rem;
}
.quarta__sessao__segunda-div__listas-link-textos-negrito {
  font-size: 0.9rem;
  font-weight: 700;
  margin-left: 0.3rem;
}
.quarta__sessao .botao {
  display: flex;
  text-align: start;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: white;
  color: rgb(102, 97, 97);
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 7px;
  padding: 0.7rem 0.2rem;
  border: 2px solid white;
}
.quarta__sessao .botao__negrito {
  font-size: 1rem;
  font-weight: 700;
}
.quarta__sessao .swiper .swiper-pagination,
.quarta__sessao #swiper-do-container-4 .swiper-pagination {
  position: initial;
  margin: 0.5em 0;
}
.quarta__sessao .swiper .swiper-pagination .swiper-pagination-bullet,
.quarta__sessao #swiper-do-container-4 .swiper-pagination .swiper-pagination-bullet {
  background-color: white;
}
.quarta__sessao .swiper .swiper-slide,
.quarta__sessao #swiper-do-container-4 .swiper-slide {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.quarta__sessao .swiper .swiper-slide .swiper-slide__botao,
.quarta__sessao #swiper-do-container-4 .swiper-slide .swiper-slide__botao {
  text-decoration: none;
  color: white;
  border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
  padding: 1rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 9px;
  background: linear-gradient(to right, #FF7F50, #8A2BE2);
  width: 45%;
}
.quarta__sessao__footer {
  background-image: url("/CyberBlaze/assets/imgs/quarta sessao/imagem quinta sessao sem fundo.webp");
  height: 100%;
  background-repeat: no-repeat;
  margin-top: 1rem;
}
.quarta__sessao__footer__lista {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.quarta__sessao__footer__lista-items {
  font-size: 1rem;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.quarta__sessao__footer__lista-items__imagem {
  height: 15%;
  width: 15%;
}
.quarta__sessao__footer__lista-items__imagem-android {
  height: 20%;
  width: 20%;
}
.quarta__sessao__footer__lista-items__texts {
  text-wrap: wrap;
  font-weight: 700;
  font-size: 1.1rem;
}
.quarta__sessao__footer__lista-items__texts__text {
  font-size: 0.8rem;
  font-weight: 500;
}

@media screen and (min-width: 520px) and (max-width: 770px) {
  .quarta__sessao__textos__titulo {
    font-size: 1.4rem;
  }
  .quarta__sessao__textos__texto {
    font-size: 1rem;
  }
  .quarta__sessao__imagem {
    width: 55vw;
    height: 18vh;
    margin-bottom: 1rem;
  }
  .quarta__sessao__listas__texto {
    font-size: 0.9rem;
  }
  .quarta__sessao__segunda-div {
    font-size: 0.9rem;
  }
  .quarta__sessao__segunda-div__imagem {
    width: 48vw;
    height: 20vh;
  }
  .quarta__sessao__segunda-div__listas__link {
    width: 40%;
  }
}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .quarta__sessao__textos__titulo {
    font-size: 1.4rem;
  }
  .quarta__sessao__textos__texto {
    font-size: 1rem;
  }
  .quarta__sessao__imagem {
    width: 52vw;
    height: 22vh;
    margin-bottom: 1rem;
  }
  .quarta__sessao__listas__texto {
    font-size: 0.9rem;
  }
  .quarta__sessao__segunda-div {
    font-size: 0.9rem;
  }
  .quarta__sessao__segunda-div__imagem {
    width: 45vw;
    height: 23vh;
  }
}
@media screen and (min-width: 950px) {
  .quarta__sessao-div {
    border: 1px solid white;
    margin: 0% 18% 0% 18%;
    padding: 0;
  }
  .quarta__sessao-div__buttons {
    display: flex;
    justify-content: space-between;
    padding: 1rem 5rem;
    background-color: gray;
  }
  .quarta__sessao-div__buttons-button {
    font-size: 1rem;
    font-weight: 700;
    background: gray;
    color: white;
    outline: none;
    border: none;
    cursor: pointer;
  }
  .quarta__sessao__textos {
    text-wrap: wrap;
  }
  .quarta__sessao__textos__titulo {
    font-size: 1.4rem;
  }
  .quarta__sessao__textos__texto {
    font-size: 1rem;
  }
  .quarta__sessao__imagem {
    width: 18vw;
    height: 20vh;
    margin-bottom: 1rem;
  }
  .quarta__sessao__listas__texto {
    font-size: 0.9rem;
    text-wrap: wrap;
    padding: 0 10% 0 10%;
  }
  .quarta__sessao__segunda-div {
    font-size: 0.9rem;
  }
  .quarta__sessao__segunda-div__listas {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 colunas de largura igual */
    grid-template-rows: repeat(2, auto); /* 4 linhas ajustáveis ao conteúdo */
    gap: 1rem;
  }
  .quarta__sessao__segunda-div__imagem {
    width: 23vw;
    height: 20vh;
  }
  .quarta__sessao .swiper .swiper-pagination,
  .quarta__sessao #swiper-do-container-4 .swiper-pagination {
    position: initial;
    margin: 0.5em 0;
  }
  .quarta__sessao .swiper .swiper-pagination .swiper-pagination-bullet,
  .quarta__sessao #swiper-do-container-4 .swiper-pagination .swiper-pagination-bullet {
    background-color: white;
  }
  .quarta__sessao .swiper .swiper-slide,
  .quarta__sessao #swiper-do-container-4 .swiper-slide {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    text-align: center;
    align-items: center;
  }
  .quarta__sessao .swiper .swiper-slide__content,
  .quarta__sessao #swiper-do-container-4 .swiper-slide__content {
    display: flex;
    justify-content: center;
    padding: 7% 10% 5% 10%;
  }
  .quarta__sessao .swiper .swiper-slide .swiper-slide__botao,
  .quarta__sessao #swiper-do-container-4 .swiper-slide .swiper-slide__botao {
    text-decoration: none;
    color: white;
    border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
    padding: 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 9px;
    background: linear-gradient(to right, #FF7F50, #8A2BE2);
    width: 45%;
  }
  .quarta__sessao__footer {
    background: rgba(0, 0, 0, 0.5); /* Preto com 50% de transparência */
    display: flex;
    text-align: center;
    align-items: center;
    background-image: none;
  }
  .quarta__sessao__footer__lista {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    margin: 0 7rem;
    gap: 2rem;
    padding: 3rem 12rem;
  }
  .quarta__sessao__footer__lista-items {
    font-size: 1rem;
    display: flex;
    text-align: center;
    align-items: center;
    gap: 1rem;
  }
  .quarta__sessao__footer__lista-items__imagem {
    height: 7vh;
    width: 4vw;
  }
  .quarta__sessao__footer__lista-items__imagem-android {
    height: 7vh;
    width: 4vw;
  }
  .quarta__sessao__footer__lista-items__texts {
    text-wrap: wrap;
    font-weight: 700;
    font-size: 1rem;
  }
  .quarta__sessao__footer__lista-items__texts__text {
    font-size: 0.7rem;
    font-weight: 500;
  }
}
.section-games-carousel {
  margin: 5rem 0 1rem 0;
  margin-bottom: 2rem;
  align-items: center;
  /* Slider 1: movimento da direita para a esquerda */
  /* Slider 2: movimento da esquerda para a direita */
}
.section-games-carousel__title {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 3rem 0 3rem 0;
  padding: 0.2rem;
}
.section-games-carousel__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}
.section-games-carousel__slider {
  overflow: hidden;
  width: 100%; /* Ajuste o tamanho conforme necessário */
  height: 75%; /* Altura do carrossel */
  position: relative;
  /* Animação para movimento da direita para a esquerda */
  /* Animação para movimento da esquerda para a direita*/
}
.section-games-carousel__slider__swipers {
  margin: 0;
  display: flex;
  width: 200%; /* Largura do loop contínuo */
  animation: scroll 22s linear infinite; /* Movimento contínuo */
}
.section-games-carousel__slider__swipers__swiper {
  min-width: 50%; /* Cada slide ocupa 50% do carrossel */
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-games-carousel__slider__swipers__swiper__image {
  height: 80%;
  width: 80%;
  border-radius: 9px;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-440%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-440%);
  }
  100% {
    transform: translateX(0);
  }
}
.section-games-carousel #games-carousel__slider-1 .section-games-carousel__slider__swipers {
  animation: scroll-left 35s linear infinite;
}
.section-games-carousel #games-carousel__slider-2 .section-games-carousel__slider__swipers {
  animation: scroll-right 35s linear infinite;
}
.section-games-carousel__bottom {
  display: flex;
  justify-content: center;
  text-decoration: none;
  color: white;
  border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
  padding: 1rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 9px;
  background: linear-gradient(to right, #FF7F50, #8A2BE2);
  width: 45%;
  margin: 0 27.5% 0 27.5%;
}

@media screen and (min-width: 520px) and (max-width: 770px) {
  .section-games-carousel__title {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .section-games-carousel__title {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 950px) {
  .section-games-carousel__title {
    font-size: 1.4rem;
  }
  .section-games-carousel__slider__swipers__swiper__image {
    height: 38%;
    width: 38%;
    border-radius: 9px;
  }
}
.anydevice {
  margin: 5rem 0 2rem 0;
}
.anydevice__title {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 2.5rem 0 2rem 0;
  padding: 0.6rem;
}
.anydevice__image {
  width: 100%;
  height: 100%;
}
.anydevice__big__title {
  text-align: start;
  padding: 0 0 0.7rem 1rem;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
}
.anydevice__big__title.jump-kick {
  animation: jump-kick 1.7s ease-in-out forwards; /* Aplicar a animação quando a classe 'jump-kick' for adicionada */
}
@keyframes jump-kick {
  0% {
    transform: translateY(0); /* Posição inicial */
  }
  30% {
    transform: translateY(-70px); /* Salto para cima */
  }
  50% {
    transform: translateY(0) translateX(40px) rotate(20deg); /* Chuta para frente */
  }
  70% {
    transform: translateY(-25px); /* Pequeno salto ao retornar */
  }
  100% {
    transform: translateY(0) translateX(0) rotate(0deg); /* Volta à posição original */
  }
}
.anydevice__container {
  margin: 2rem 0 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-right: 10%;
  padding-left: 1rem;
}
.anydevice__container-items {
  display: flex;
  gap: 0.6rem;
}
.anydevice__container-items__text {
  font-size: 0.9rem;
  font-weight: 600;
  text-align: start;
  text-wrap: wrap;
}
.anydevice__bottom {
  display: flex;
  text-align: center;
  justify-content: center;
  margin-left: 1rem;
  text-decoration: none;
  color: white;
  border: 2px solid linear-gradient(to right, #f4855d, #4b0082);
  padding: 1rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 9px;
  background: linear-gradient(to right, #FF7F50, #8A2BE2);
  width: 35%;
}
.anydevice-image {
  width: 73%;
  height: 32%;
  padding-left: 25%;
}

.sexta__sessao {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
  padding: 0.7rem;
  text-wrap: wrap;
}
.sexta__sessao__dev {
  color: rgb(148, 141, 141);
  font-weight: 400;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
}
.sexta__sessao__dev-1 {
  margin-bottom: 2rem;
  font-size: 0.9rem;
  border: 1px solid white;
  border-radius: 9px;
  padding: 0.7rem;
  font-weight: 600;
}
.sexta__sessao-desen {
  font-weight: 500;
}
.sexta__sessao__link {
  text-decoration: none;
  color: white;
}

@media screen and (min-width: 950px) {
  .sexta__sessao {
    display: none;
  }
}
.partners {
  margin-bottom: 1rem;
}
.partners__title {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 2.5rem 0 2rem 0;
}
.partners__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 colunas de largura igual */
  grid-template-rows: repeat(4, auto); /* 4 linhas ajustáveis ao conteúdo */
  list-style: none; /* Remove marcadores da lista */
  gap: 0.7rem;
  margin-bottom: 5rem;
}
.partners__list-image {
  width: 75%;
  height: auto; /* Mantém a proporção */
}
.partners-container__buttons-box {
  display: none;
}
.partners__footer__dropdown-buttons {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0 0.3rem 0;
  width: 100%;
}
.partners__footer__dropdown-buttons__button {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 400;
  background: linear-gradient(to right, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0.1) 100%);
  color: white; /* Cor do texto */
  border: none; /* Remove a borda padrão */
  padding: 10px 20px; /* Espaçamento interno */
  border-radius: 5px; /* Cantos arredondados */
  cursor: pointer; /* Cursor de mão ao passar o mouse */
  /*setas > */
}
.partners__footer__dropdown-buttons__button:hover {
  background: linear-gradient(to right, rgba(128, 128, 128, 0.2) 0%, rgba(128, 128, 128, 0.1) 100%);
}
.partners__footer__dropdown-buttons__button__dropdown-arrow {
  transition: transform 0.3s ease; /* Animação suave da rotação */
}
.partners__footer__dropdown-buttons__button.active .partners__footer__dropdown-buttons__button__dropdown-arrow {
  transform: rotate(90deg); /* Rotaciona a seta 90 graus */
}
.partners__footer__dropdown-buttons__dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none; /* Escondido por padrão */
  background: linear-gradient(to right, rgba(128, 128, 128, 0.2) 0%, rgba(128, 128, 128, 0.1) 100%);
  text-align: start;
  /* Quando a lista for ativa */
}
.partners__footer__dropdown-buttons__dropdown-list__item {
  padding: 10px;
}
.partners__footer__dropdown-buttons__dropdown-list__item__link {
  text-decoration: none;
  color: white;
  font-size: 0.8rem;
  margin-left: 0.5rem;
}
.partners__footer__dropdown-buttons__dropdown-list__item__link:hover {
  background-color: #ddd;
}
.partners__footer__dropdown-buttons__dropdown-list.active {
  display: block; /* Exibe o dropdown */
}

@media screen and (min-width: 950px) {
  .partners__title {
    font-size: 2rem;
    font-weight: 700;
    margin: 2.5rem 0 2rem 0;
  }
  .partners__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 3 colunas de largura igual */
    grid-template-rows: repeat(2, auto); /* 4 linhas ajustáveis ao conteúdo */
    list-style: none; /* Remove marcadores da lista */
    margin: 0 7% 0 7%;
    gap: 0.7rem;
    margin-bottom: 5rem;
  }
  .partners__list-image {
    width: 65%;
    height: auto; /* Mantém a proporção */
  }
  .partners-container__buttons {
    display: flex;
    padding: 0 4% 0 5%;
    background: linear-gradient(to right, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0.1) 100%);
  }
  .partners-container__buttons-box {
    display: block;
    flex-direction: column;
    margin-top: 2rem;
    gap: 0.2rem;
    margin-bottom: 0.5rem;
    padding: 0.7rem;
    text-wrap: wrap;
  }
  .partners-container__buttons-box__dev {
    color: rgb(148, 141, 141);
    font-weight: 400;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
  }
  .partners-container__buttons-box__text {
    text-decoration: none;
    color: white;
  }
  .partners-container__buttons-box__text-1 {
    margin-bottom: 2rem;
    font-size: 0.9rem;
    border: 1px solid white;
    border-radius: 9px;
    padding: 0.7rem;
    font-weight: 600;
  }
  .partners-container__buttons-box__desen {
    font-weight: 500;
  }
  .partners-container__buttons-box__desen__link {
    text-decoration: none;
    color: white;
  }
  .partners__footer__dropdown-buttons {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0 0.3rem 0;
    width: 100%;
  }
  .partners__footer__dropdown-buttons__button {
    background: none;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 400;
    color: gray; /* Cor do texto */
    border: none; /* Remove a borda padrão */
    padding: 10px 20px; /* Espaçamento interno */
    border-radius: 5px; /* Cantos arredondados */
    cursor: text; /* Cursor de mão ao passar o mouse */
    text-transform: uppercase;
    margin-bottom: 1.3rem;
    /*setas > */
  }
  .partners__footer__dropdown-buttons__button:hover {
    background: none;
  }
  .partners__footer__dropdown-buttons__button__dropdown-arrow {
    display: none;
  }
  .partners__footer__dropdown-buttons__button.active .partners__footer__dropdown-buttons__button__dropdown-arrow {
    transform: rotate(90deg); /* Rotaciona a seta 90 graus */
  }
  .partners__footer__dropdown-buttons__dropdown-list {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
    display: block;
    text-align: start;
    /* Quando a lista for ativa */
  }
  .partners__footer__dropdown-buttons__dropdown-list__item {
    padding: 10px;
  }
  .partners__footer__dropdown-buttons__dropdown-list__item__link {
    color: white;
    font-size: 0.9rem;
    margin-left: 0.5rem;
  }
  .partners__footer__dropdown-buttons__dropdown-list__item__link:hover {
    color: rgb(77, 77, 231);
    background: none;
  }
  .partners__footer__dropdown-buttons__dropdown-list.active {
    display: block; /* Exibe o dropdown */
  }
}/*# sourceMappingURL=styles.css.map */