@media screen and (min-width: 320px) {

  .cultura { background: #6d2077; display: block; width: 100%; position: relative; z-index: 2; padding: 50px 0; overflow: hidden; position: relative; }
  .cultura-box { max-width: 1100px; margin: 0 auto; padding: 20px; }
  .cultura-titulo { color: white; font-size: 32px; margin-bottom: 20px; line-height: 1; position: relative; padding: 0 0 0 20px }
  /* .cultura-titulo::before { content:""; width: 80px; height: 20px; position: absolute; top:-30px; left: 0; background-image: url(../img/setas.webp); background-position: top left; background-size: contain; background-repeat: no-repeat; }*/

  #cultura-wrapper { display: none; }

  #cultura-mobile-wrapper {width: 100%; margin-top: 50px; }
  .cultura-mobile-container {display: flex;flex-direction: column;gap: 20px;max-width: 500px;margin: 0 auto; }
  .cultura-mobile-toggle {width: 100%;height: 60px;background: rgba(255, 255, 255, 0.15);color: white;font-size: 16px;font-weight: 600;border: none;border-radius: 30px;display: flex;align-items: center;justify-content: space-between;padding: 0 24px;cursor: pointer;transition: background 0.2s ease; }
  .cultura-mobile-toggle:hover {background: rgba(255, 255, 255, 0.35); }
  .cultura-mobile-arrow {font-size: 20px;transition: transform 0.3s ease; }
  .cultura-mobile-item.active .cultura-mobile-arrow {transform: rotate(180deg); }
  .cultura-mobile-item.active .cultura-mobile-toggle {background: rgba(255, 255,255, 0.4); }
  .cultura-mobile-content {background: rgba(255, 255, 255, 0.4);border-radius: 30px;padding: 24px 24px 0  24px;margin-top: 10px;color: white;display: none;animation: fadeIn 0.3s ease forwards; }
  .cultura-mobile-content.show {display: block; }
  .cultura-mobile-content h3 {font-size: 22px;margin-bottom: 12px; }
  .cultura-mobile-content p {font-size: 15px;line-height: 1.5;margin-bottom: 16px; }
  .cultura-mobile-content img {width: 100%; max-width: 140px; height: auto;border-radius: 20px;display: block; margin: auto; }
    
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

}


@media screen and (min-width: 620px) {

}


@media screen and (min-width: 1000px) {

  .cultura-titulo { font-size: 48px; letter-spacing: -1px; line-height: .9; }

}


@media screen and (min-width: 1140px) {

  .cultura-titulo { font-size: 58px; letter-spacing: -1.5px; padding: 0 }
  /* .cultura-titulo::before { width: 120px; height: 30px; top:-40px; left: -50px; }*/

  #cultura-mobile-wrapper { display: none; }

  #cultura-wrapper { display: flex; justify-content: center; padding: 60px 0; margin: auto; overflow: hidden; width: 1200px;}
  .cultura-container { display: flex; width: 1200px; align-items: center; }
  .cultura-botoes { width: 340px; display: flex; flex-direction: column; row-gap: 20px; align-items: flex-end; position: relative; z-index: 2; }
  .btn-cultura { width: 340px; height: 60px; border-radius: 30px; background: rgba(255, 255, 255, 0.15); color: white; font-size: 16px; font-weight: 600; border: none; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all 0.15s ease; position: relative; }
  .btn-cultura .label { font-family: sans-serif; font-weight: 700; font-size: 18px; }
  .btn-cultura .arrow { color: rgba(255, 255, 255, 0.6); font-size: 20px; transition: color 0.3s ease; }
  .btn-cultura.active { transform: translateX(80px); border-radius: 30px !important; background: rgba(255, 255, 255, 0.2); z-index: 3; }
  .btn-cultura.active .arrow { display: none; }
  .btn-cultura:hover { background: rgba(255, 255, 255, 0.4); }
  .cultura-conteudo { width: 750px; display: flex; align-items: center; position: relative; padding-left: 40px; z-index: 1; }
  .cultura-texto { width: 850px; height: 450px; background: rgba(255, 255, 255, 0.4); color: white; border-radius: 40px; padding: 40px; z-index: 1; transition: opacity 0.3s ease; font-family: sans-serif; font-weight: 400; align-items: center; }
  .cultura-texto h3 { font-size: 36px; margin: 50px 0 20px 30px; }
  .cultura-texto p { font-size: 22px; line-height: 1.5; width: 310px; font-weight: 300; margin: 0 0 0 30px; }
  .cultura-img { width: 340px; height: 600px; object-fit: contain; object-position: bottom; z-index: 2; border-radius: 0 40px 40px 0; transition: opacity 0.3s ease; position: absolute; right: 20px; bottom:0; }

  .cultura-texto h3, .cultura-texto p { transition: opacity 0.3s ease; }

  .fade { opacity: 0; }
  .fade.show { opacity: 1; }

}


@media screen and (min-width: 1580px) {


}


@media screen and (min-width: 1880px) {

}