/* Reset CSS */

@charset "utf-8";

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
button {
  cursor: revert;
}

ol,
ul,
menu {
  list-style: none;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input,
textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
}

::placeholder {
  color: unset;
}

::marker {
  content: initial;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable="true"]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

/* Root */

:root {
  --CorPrimaria: #b12029;
  /*Cor vermelho do site*/
  --CorSecundaria: #006098;
  --FontePadrão: Avenir Black;

}

html {
  scroll-behavior: smooth;
}

/* Família da Fonte */

@font-face {
  font-family: 'avenirblack';
  src: url('avenir_black-webfont.woff2') format('woff2'),
    url('avenir_black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/* Cabeçalho */

header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  align-content: center;
}

/* Corpo */

body {
  background-color: rgb(255, 255, 255);
  margin: 5% 5% 0 5%;
  width: 90vw;
  height: 90vh;
  display: flex;
  flex-direction: column;
  font-family: Avenir Black, Arial, Helvetica, sans-serif;
}

/* Logo */

div.logo {
  height: fit-content;
  width: fit-content;
}

.logo img {
  width: 350px;
}

/* Navegação */

nav {
  background-color: var(--CorPrimaria);
  display: flex;
  align-items: center;
  border-radius: 20px 20px 0px 0px;
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  margin: 0 1px 0 1px;
}

ul {
  display: flex;
  margin: 10px;

}

li {
  padding: 10px;
  font-size: 14px;
  list-style-type: none;
  text-align: center;
  text-transform: uppercase;
  color: white;
}

nav a:hover {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}

/* Banner 1 */


.superior{
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.container11{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #006098;
  margin-bottom: 30px;
  z-index: -1;
  width: 100%;
  height: auto;
  max-height: 650px !important;
}

.container11 img{
  
  display: flex;
  flex-direction: column;
  background-color: #b12029;
  width: 100vw;
  height: auto;
  object-fit: cover;
}

.sld{
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

/* Main */

main {
  display: flex;
  flex-direction: column;
}

/* Miniaturas */

.miniaturas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 3vh;
  width: 21vw;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  height: 100%;
  padding: 20px;
}

.miniaturas a:hover {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}

.quadrados img,
.quadrados_1 img {
  width: 80px;
  height: 60px;
  margin-bottom: 30px;
}

.quadrados .p img {
  margin-top: 22px;
}

.quadrados .s img {
  margin-top: 15px;
}

.quadrados_1 .t img {
  margin-top: 17px;
}

.quadrados_1 .q img {
  height: 68px;
}

.quadrados .miniaturas .desc1,
.quadrados_1 .miniaturas .desc1 {
  font-size: 1.2vw;
  margin-bottom: 5px;
}

.quadrados,
.quadrados_1 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
  margin-bottom: 30px;
}

.p,
.s,
.t,
.q {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.texto {
  display: flex;
  flex-direction: column;
  height: fit-content;
  justify-content: center;
}

.r,
.b {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 5px;
}

.texto.r {
  color: var(--CorPrimaria);
}

.texto.b {
  color: var(--CorSecundaria);
}

.destaque1,
.destaque2 {
  font-size: 1.8vw;
}

.desc1.b,
.desc1.r {
  padding: 0 5px 0 5px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.desc1.r {
  border: 1px solid var(--CorPrimaria);
  color: var(--CorPrimaria);
}

.desc1.b {
  border: 1px solid var(--CorSecundaria);
  color: var(--CorSecundaria);
}

.masterquadrado01 {
  /* background-color: green; */
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.miniaturas .texto.r,
.texto.b,
.desc1,
.desc2 {
  font-size: 1.3vw;
}

/* Sobre */

.sobre {
  background-image: url(./assets/fundo\ vermelho.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  font-weight: bold;
  color: rgb(255, 249, 249);
  line-height: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.sobrenos {
  margin-top: 50px;
}

.sobrenos span {
  font-size: 60px;
  text-transform: uppercase;
  font-weight: bolder;
}

.video {
  background-color: var(--CorSecundaria);
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 10px 30px 30px 30px;
}

.historia {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.historia p {
  font-size: 25px;
  text-align: center;
  margin: 20px 50px 20px 50px;
}

/* Conheça Nossas Lojas*/

.conhecanossaslojas {
  display: flex;
  justify-content: center;
  flex-direction: row;
  color: var(--CorPrimaria);
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 70px;
  margin-bottom: 30px;
  text-align: center;
}

.master-quadrado {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.miniaturas a{
  flex-direction: column;
  align-items: center;
}
.quadrados2,
.quadrados2-1 {
  flex: 1;
  justify-content: space-around;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}

.quadrados2 img,
.quadrados2-1 img {
  height: 205px;
  width: 100%
}

.quadrados2 span,
.quadrados2-1 span {
  text-align: center;
  margin-bottom: 20px;
}

.quadrados2 .titulo,
.quadrados2-1 .titulo {
  font-weight: bolder;
  font-size: 40px;
  margin-top: 10px;
}

.quadrados2 p,
.quadrados2-1 p {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0 10px 10px 10px;
  font-size: 20px;
  text-align: center;
}

.quadrados2 .paragrafos,
.quadrados2-1 .paragrafos {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.santaisabel,
.santacecilia,
.paraiso,
.safira {
  display: flex;
  flex-direction: column;
  margin: 10px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  width: 350px;
  align-items: center;
}

.master-quadrado .container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}

.master-quadrado .container>.icon {
  padding: 10px;
  margin-right: 10px;
  font-size: 25px;
}

.master-quadrado .red .icon,
.master-quadrado .red .titulo {
  color: var(--CorPrimaria);
}

.master-quadrado .blue .icon,
.master-quadrado .blue .titulo {
  color: var(--CorSecundaria);
}


.master-quadrado .container>.desc {
  font-size: 16px;
  text-transform: uppercase;
}

.gdlmaster{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.gdlsubmaster1, .gdlsubmaster2{
  display:flex;
  flex-direction: row;
  width: 50%;
  justify-content: space-evenly;
  margin: 0 0 0px 0;
}

.gdlsubmaster3{
  display:flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly;
  margin: 0 0 30px 0;
}


.gdl{
  display:flex;
  flex-direction: row;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.51);
  margin-bottom: 35px;
}

.gdl img{
  width: 350px;
  height: 575px;
  margin: 10px 1vw 10px 1vw;
}

/* Restaurante */

/* Estilos gerais */
.restaurante {
  display: flex;
  margin-bottom: 30px;
  width: 100%;
  height: fit-content;
  justify-content: space-around;
  color: #fff;
  background-image: url(assets/fundo\ restaurante.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* Use cover para dimensionar a imagem de fundo */
  text-transform: uppercase;
  border-radius: 5px;
}

/* Estilos para a seção da barra lateral */
.aside,
.aside2 {
  margin: 25px 45px 0px 45px;
  max-width: 365px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.aside {
  justify-content: space-evenly;
}

.aside2 {
  justify-content: flex-start;
}

.buffetlivre {
  margin: 30px 0 50px 0;
}

.aside .horario {
  font-size: 32px;
}

.aside>p,
.aside2>p,
.aside>a {
  color: black;
  margin-top: 30px;
}

.aside2>p {
  margin-top: 25px;
}

/* Estilos para a seção de buffet livre */
.buffetlivre {
  background-color: #b12029;
  border-radius: 5px;
  text-align: center;
  padding: 14px;
  display: flex;
  justify-content: center;
  /* Use justify-content para centralizar horizontalmente */
  align-items: center;
  flex-direction: column;
}

.buffetlivre>h2 {
  font-size: 40px;
}

.buffetlivre>span {
  font-size: 32px;
}

.buffetlivre>.price p {
  font-size: 38px;
}

.buffetlivre>.price p span {
  font-size: 68px;
}

/* Estilos para a seção "pequeno" */
.pequeno {
  margin-top: 20px;
  text-align: left;
  display: flex;
  /* Use display flex para alinhar itens horizontalmente */
  flex-direction: row;
  justify-content: space-between;
}

.pequeno h2 {
  font-size: 22px;
}

.pequeno h2>span {
  font-size: 18px;
}

.pequeno .price p {
  font-size: 32px;
}

.pequeno .price p>span {
  font-size: 42px;
}


.imgrestaurante img {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  background-color: green;
}

.restaurante a .icon,
.restaurante a .desc {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

a {
  display: flex;
}

.restaurante a img {
  width: 3vw;
  margin-right: 10px;
}

/* Trabalhe Conosco */

.trabalheconosco {
  display: flex;
  flex-direction: column;
}

.trabalhe,
.conosco {
  display: flex;
  flex-direction: row;
}

.trabalhe {
  color: var(--CorSecundaria);
}

.conosco {
  color: var(--CorPrimaria);
  margin-bottom: 30px;
}

.trabalhe,
.conosco {
  font-size: 5vw;
  text-transform: uppercase;
  font-weight: bolder;
  justify-content: center;
  align-items: center;
}

.trabalheconoscomaster {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  text-align: center;
  align-items: flex-end;
  margin-bottom: 10px;
}

.trabalheconoscomaster img {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.desctrabalheconosco,
.desctrabalheconosco2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

p.titulo {
  margin: 20px;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 200%;
}

p.titulo.r {
  color: var(--CorPrimaria);
}

p.titulo.b {
  color: var(--CorSecundaria);
}

span.descricao {
  font-size: 150%
}

span.cliqueaqui {
  background-color: var(--CorPrimaria);
  color: white;
  text-transform: uppercase;
  font-weight: bolder;
  border-radius: 3px;
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 150%;
}

.trabalheconoscomaster a:hover {
  color: var(--CorPrimaria);
  background-color: white;
}

/* Fale Conosco */

.faleconosco {
  background-color: var(--CorPrimaria);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.faleconosco a {
  color: white;
  font-weight: bolder;
}

.faleconosco a:hover {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}

.faleconosco p {
  font-size: 4vw;
  text-transform: uppercase;
  font-weight: bolder;
  text-align: center;
  color: white;
  margin-bottom: 30px;
}

.faleconosco img {
  width: 4vw;
}

.faleconosco .envolvedordefooters {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.footer1,
.footer2 {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  font-size: 150%;
  width: fit-content;
  margin: 0 3% 0 3%;
}

.footer1 .whatsapp,
.footer1 .email,
.footer2 .instagram,
.footer2 .facebook {
  margin-bottom: 65px;
}

.footer1 img,
.footer2 img {
  margin-right: 30px;
}


.faleconosco>.footer1,
.faleconosco .footer2 {
  display: flex;
  flex-direction: column;
}

.imagemfaleconosco {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1800px){
  .gdlmaster{
    flex-direction: column;
    align-items: center;
  }

  .gdlsubmaster1,.gdlsubmaster2{
    width:100%;
  }
}

@media (max-width: 1650px) {
  .master-quadrado {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1300px) {
  .gdlsubmaster3{
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width:1250px) {

  .master-quadrado {
    flex-direction: column;
    align-items: center;
  }

  .master-quadrado .santaisabel,
  .master-quadrado .santacecilia,
  .master-quadrado .paraiso,
  .master-quadrado .safira {
    width: 350px;

  }

  .quadrados2,
  .quadrados2-1 {
    width: 100%
  }

  /* Fale Conosco */

  .faleconosco {
    display: flex;
    flex-direction: column;
  }

  .faleconosco .envolvedordefooters {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer1,
  .footer2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 3.5vw;
    margin-bottom: 0;
  }

  .footer1 img,
  .footer2 img {
    margin-right: 10px;
  }

  .whatsapp {
    margin-top: 10px;
  }

  .instagram,
  .email,
  .facebook {
    margin-top: 50px;
  }

  .faleconosco p {
    font-size: 6vw;
  }


}

@media (max-width:1000px) {

  /* Logo */

  .logo img {
    width: 100vw;
  }

  /* Navegação */
  nav span .hamburguer{
    position: fixed;
    background-color: red;
    padding: 30px;
    color: black;
  }

  nav {
    width: 100vw;
    border-radius: 0;
    display: flex;
    /* justify-content: space-around; */
    position: fixed;
    /* height: 200px; */
    top: 0;
    left: 0;
    margin: 0;
    flex-direction: column;
    align-items: center;
  }
  .burger-shower {
    display: none;
  }
  
  .burger-shower:checked ~ ul {
    display: block;
    animation-duration: 1s;
    animation-name: slidein;
 
  }

  .burger-shower:checked ~ nav{
    animation-name: slidein;
  }
  .hamburger > span{
    display: block;
    /* height: 20px; */
    border: 1px solid #fff;
    width: 52px;
    margin: 8px auto;
  }

  ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display:none;
  }

  .container11{
    margin-top: 30px;
  }
  
  .accordion-content {
    position: absolute; /* ou relative se for dentro do fluxo do layout */
    z-index: 1000; /* Um valor maior que os outros elementos */
    background: white; /* Certifique-se de que o fundo está definido */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Adiciona sombra para destacar */
  }
  

  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
      
    }
  }

  li {
    font-size: 5vw;
  }

  li br {
    display: none;
  }

  /* Miniaturas */

  .masterquadrado01 {
    display: flex;
    flex-direction: column;
  }

  .quadrados,
  .quadrados_1 {
    flex-direction: row;
  }

  .quadrados .miniaturas,
  .quadrados_1 .miniaturas {
    width: 35vw;
    height: 100%;
  }

  .quadrados .miniaturas .r,
  .quadrados .miniaturas .b,
  .quadrados_1 .miniaturas .r,
  .quadrados_1 .miniaturas .b {
    font-size: 3vw;
  }

  .quadrados .miniaturas .destaque1,
  .quadrados .miniaturas .destaque2 {
    font-size: 4vw;
  }

  .quadrados img,
  .quadrados_1 img {
    width: 35%;
    height: 25%;
  }

  .quadrados .miniaturas .texto,
  .quadrados_1 .miniaturas .texto {
    font-size: 2vw;
  }

  .quadrados .miniaturas .desc1,
  .quadrados_1 .miniaturas .desc1 {
    font-size: 2vw;
    margin-bottom: 5px;
  }

  .quadrados .miniaturas .destaque1,
  .quadrados_1 .miniaturas .destaque2 {
    font-size: 3vw;
  }

  /* Sobre Nós */

  .video {
    width: 50vw;
    height: 30%;
  }

  .video span {
    font-size: 40px;
  }

  /* Restaurante */

  .pequeno {
    flex-direction: column;
    text-align: center;
  }

  /* Trabalhe Conosco */

  .trabalhe,
  .conosco {
    font-size: 10vw;
  }

  .trabalheconoscomaster {
    flex-direction: column;
    align-items: center;
  }

  .trabalheconoscomaster img {
    width: 150px;
  }

}

@media (max-width:800px) {
  .gdlsubmaster1, .gdlsubmaster2{
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 750px) {
  div.logo {margin-top: 30px;}
  .restaurante {
    display: flex;
    flex-direction: column;
    align-items: center;
  }


  .master-quadrado .quadrados2,
  .master-quadrado .quadrados2-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .aside2>p,
  .aside>p {
    line-height: 25px;
  }

  .aside .horario {
    line-height: 35px;
  }

  .footer1 .whatsapp, .footer1 .email, .footer2 .instagram, .footer2 .facebook {margin: 0;}
}

@media (max-width:430px) {
  div.logo {margin-top: 30px;}
  /* Miniaturas */

  .masterquadrado01 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .quadrados,
  .quadrados_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }

  .quadrados .miniaturas,
  .quadrados_1 .miniaturas {
    margin-bottom: 30px;
    width: 90vw;
  }

  .quadrados .miniaturas img,
  .quadrados_1 .miniaturas img {
    width: 20%;
    height: 20%;
    margin: 10px;
  }

  .quadrados .miniaturas .r,
  .quadrados .miniaturas .b,
  .quadrados_1 .miniaturas .r,
  .quadrados_1 .miniaturas .r,
  .quadrados_1 .miniaturas .b {
    font-size: 5vw;
  }

  .quadrados .miniaturas .destaque1,
  .quadrados_1 .miniaturas .destaque2 {
    font-size: 7vw;
  }

  .quadrados .miniaturas .desc1,
  .quadrados_1 .miniaturas .desc1 {
    margin-bottom: 5px;
  }

  .quadrados2,
  .quadrados2-1 {
    flex-direction: column;
  }

  /* Sobre */

  .video {
    height: 20%;
  }

  .video iframe {
    width: 150%
  }

  /* Conheça Nossas Lojas */


  .conhecanossaslojas p {
    font-size: 40px;
  }

  .master-quadrado .container {
    margin: 0;
  }

  .master-quadrado .red .titulo,
  .master-quadrado .blue .titulo {
    font-size: 10vw
  }

  .master-quadrado .container .icon {
    font-size: 7vw;
  }

  .master-quadrado .container .desc {
    font-size: 4vw;
    line-height: 20px;
  }

  .santaisabel,
  .santacecilia,
  .paraiso,
  .safira {
    align-items: center;
  }

  /* Restaurante */

  .restaurante .imgrestaurante {
    width: 80vw;
  }

  .aside .horario {
    font-size: 8vw;
  }

  .aside2>p,
  .aside>p {
    font-size: 5vw;
  }

  .restaurante a .icon,
  .restaurante a .desc {
    font-size: 4vw;
  }

  .buffetlivre {
    width: 80vw;
  }

  .buffetlivre>h2 {
    font-size: 14vw;
  }

  .buffetlivre>span {
    font-size: 10vw;
  }

  .buffetlivre>.price p span {
    font-size: 18vw;
  }

  .buffetlivre>.price p {
    font-size: 10vw;
  }

  .pequeno h2>span {
    font-size: 10vw;
  }

  /* Trabalhe Conosco */

  .trabalhe,
  .conosco {
    font-size: 15vw;
  }

  .master-quadrado .santaisabel,
  .master-quadrado .santacecilia,
  .master-quadrado .paraiso,
  .master-quadrado .safira {
    width: 80vw;
  }

  /* Fale Conosco */

  .footer1,
  .footer2 {
    font-size: 4vw;
  }

  .footer1 img,
  .footer2 img {
    display: none;
  }

  .faleconosco p {
    font-size: 8vw;
  }
}

.w-full {
  width: 100%;
}

.accordion {
  color: #006098;
  cursor: pointer;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  transition: background-color 0.4s;
  margin-top: 20px;
  font-weight: 600;
}

.accordion-header {
  border-bottom: solid 1px transparent;
  width: fit-content;
  margin: auto;
}

.active .accordion-header, .accordion-header:hover {
  color: #097cbe;
  border-bottom: solid 1px #097cbe;
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  padding-bottom: 2px;
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}

/* Quando ativo, o painel expande suavemente */
.panel.show {
  max-height: 200px; /* Ajuste conforme necessário */
  padding: 18px;
}

.accordion-link {
  color: #097cbe;
  text-decoration: underline;
  margin-bottom: 3px;
}

.accordion-link:hover {
  color: #650592;
}