/* ==========================================================================
   RESPONSIVO.CSS - CSS Responsivo Completo para Tablet e Mobile
   Site: O Corpo Explica - Dom Samuka
   ========================================================================== */

/* ==========================================================================
   ESTILOS DO MENU HAMBURGUER (Mobile/Tablet)
   ========================================================================== */
@media (max-width: 1023px) {
  /* Botão hamburguer */
  .navbar-toggler {
    display: block !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10000 !important;
    border: 2px solid #F8C304 !important;
    background: transparent !important;
    padding: 8px 12px !important;
    border-radius: 5px !important;
  }
  
  .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(248, 195, 4, 0.5) !important;
    outline: none !important;
  }
  
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28248, 195, 4, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    width: 25px !important;
    height: 25px !important;
  }
  
  /* Navbar background */
  .navbar {
    background: #002A6C !important;
    position: relative !important;
    min-height: 60px !important;
  }
  
  .navbar-collapse {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #002A6C !important;
    padding: 15px !important;
    z-index: 9998 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
    border-top: 2px solid #F8C304 !important;
  }
  
  .navbar-collapse.collapsing,
  .navbar-collapse.show {
    display: block !important;
  }
  
  .navbar-nav {
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 10px 0 !important;
  }
  
  .navbar-nav .nav-item {
    margin: 8px 0 !important;
    width: 100% !important;
    text-align: center !important;
  }
  
  .navbar-nav .nav-link {
    font-size: 1rem !important;
    padding: 10px 15px !important;
    display: block !important;
    color: #fff !important;
    transition: color 0.3s ease !important;
  }
  
  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link:focus {
    color: #F8C304 !important;
  }
  
  /* Botão EU QUERO no menu mobile */
  .navbar-nav .nav-item:last-child {
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(248, 195, 4, 0.3) !important;
  }
  
  .menu-btn-euquero {
    display: inline-block !important;
    font-size: 0.9rem !important;
    padding: 10px 25px !important;
    width: auto !important;
  }
}

/* Esconde o botão hamburguer no desktop */
@media (min-width: 1024px) {
  .navbar-toggler {
    display: none !important;
  }
}

/* ==========================================================================
   TABLET (768px - 1023px)
   ========================================================================== */
@media (max-width: 1023px) and (min-width: 768px) {
  
  /* ----- AJUSTES GLOBAIS ----- */
  .container {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  /* ----- NAVEGAÇÃO/MENU ----- */
  .navbar-collapse {
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    background: #002A6C !important;
    padding: 15px !important;
    z-index: 9998 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
  }
  
  .navbar-nav {
    flex-direction: column !important;
    align-items: center !important;
  }
  
  .navbar-nav .nav-item {
    margin: 5px 0 !important;
  }
  
  .navbar-nav .nav-link {
    font-size: 0.9rem !important;
    padding: 8px 15px !important;
  }
  
  /* Botão EU QUERO no menu */
  .menu-btn-euquero {
    font-size: 0.85rem !important;
    padding: 8px 20px !important;
  }
  
  /* ----- SEÇÃO INÍCIO ----- */
  #inicio {
    min-height: auto !important;
    padding: 40px 0 !important;
  }
  
  #inicio h1 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  
  #inicio h2 {
    font-size: 18px !important;
  }
  
  #inicio .lead {
    font-size: 1rem !important;
  }
  
  .capa-livro-frame {
    margin-top: 30px !important;
  }
  
  .capa-livro-img {
    max-width: 90% !important;
  }
  
  /* ----- SEÇÃO VÍDEO ----- */
  #video .ratio-16x9 {
    max-width: 100% !important;
  }
  
  /* ----- SEÇÃO BENEFÍCIOS ----- */
  #beneficios .row.g-4 > [class^="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  
  #beneficios .row.g-4 > [class^="col-"]:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
  }
  
  /* ----- SEÇÃO CONTEÚDO ----- */
  .conteudo-card-eqheight {
    min-width: calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    min-height: auto !important;
  }
  
  .sumario-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  
  .sumario-card {
    min-width: auto !important;
    max-width: 100% !important;
    padding: 12px !important;
  }
  
  /* ----- SEÇÃO DEPOIMENTOS ----- */
  #depoimentos .row.g-4 > [class^="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 20px !important;
  }
  
  #depoimentos .row.g-4.mt-5 > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
  }
  
  #carouselDepoimentos {
    max-width: 100% !important;
  }
  
  /* ----- SEÇÃO DÚVIDAS ----- */
  #duvidas .row.g-4 > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
  }
  
  #duvidas img {
    max-width: 80% !important;
    position: relative !important;
    top: 0 !important;
  }
  
  /* ----- SEÇÃO AUTOR ----- */
  .autor-box {
    padding: 30px !important;
  }
  
  .autor-img-wrapper {
    width: 120px !important;
    height: 120px !important;
  }
  
  .autor-img-wrapper img {
    width: 100px !important;
    height: 100px !important;
  }
  
  /* Vídeos de amigos - AMIGOS DO AUTOR em tablet */
  .videos-grid-custom {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin-top: 30px !important;
    padding: 0 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .video-janela-custom {
    width: 100% !important;
    max-width: 100% !important;
    border-width: 8px !important;
    box-sizing: border-box !important;
  }
  
  /* Aumenta o espaçamento superior da seção AMIGOS DO AUTOR em tablet */
  #autor h2.fw-bold.mb-4.text-center.titulo-gill {
    padding-top: 80px !important;
    margin-top: 40px !important;
    margin-bottom: 25px !important;
  }
  
  /* Garante que o container dos vídeos tenha visibilidade em tablet */
  #autor .container.mt-5 {
    margin-top: 25px !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  /* ----- SEÇÃO RESENHA ----- */
  #resenha .autor-box {
    max-width: 100% !important;
  }
  
  /* ----- SEÇÃO LOJA ----- */
  .loja-link {
    flex: 0 0 calc(33.333% - 20px) !important;
  }
  
  /* Layout de dado/cruz para loja_02 no tablet */
  #loja-02 .d-flex {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 25px 40px !important;
    justify-items: center !important;
    align-items: center !important;
    max-width: 400px !important;
    margin: 0 auto !important;
  }
  
  /* Posiciona E-Commerce no centro (formato de dado/cruz) */
  #loja-02 .loja-link:nth-child(1) { grid-column: 1; grid-row: 1; } /* Amazon */
  #loja-02 .loja-link:nth-child(2) { grid-column: 2; grid-row: 1; } /* Shopee */
  #loja-02 .loja-link:nth-child(3) { grid-column: 1; grid-row: 3; } /* UMLivro */
  #loja-02 .loja-link:nth-child(4) { grid-column: 2; grid-row: 3; } /* Estante Virtual */
  #loja-02 .loja-link:nth-child(5) { 
    grid-column: 1 / -1 !important; 
    grid-row: 2 !important;
    justify-self: center !important;
  } /* E-Commerce no centro */
  
  #loja-02 .loja-icone {
    width: 80px !important;
    height: 80px !important;
  }
  
  #loja-02 .loja-icone i {
    font-size: 2.2rem !important;
  }
  
  #loja-02 .loja-link .text-center {
    font-size: 0.95rem !important;
    margin-top: 8px !important;
  }
  
  /* ----- SEÇÃO EDITORA ----- */
  #editora-lexia > div {
    padding: 0 15px !important;
  }
  
  /* ----- SEÇÃO FAQ ----- */
  .faq-accordion {
    max-width: 100% !important;
  }
  
  .accordion-button {
    font-size: 0.95rem !important;
    padding: 12px 15px !important;
  }
  
  .accordion-body {
    font-size: 1rem !important;
    padding: 15px !important;
  }
  
  /* ----- RODAPÉ ----- */
  footer .row > [class^="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 30px !important;
  }
  
  footer .row > [class^="col-"]:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
  #rodape_logo {
    margin-bottom: 20px !important;
  }
  
  #rodape_logo img {
    width: 150px !important;
  }
  
  /* ----- BOTÕES ----- */
  .btn, .btn-animated, .btn-warning, .btn-cta {
    font-size: 1rem !important;
    padding: 12px 30px !important;
  }
  
  /* ----- TÍTULOS ----- */
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word !important;
  }
  
  .titulo-gill {
    font-size: 1.8rem !important;
  }
  
  .titulo-gill-2 {
    font-size: 1rem !important;
  }
  
  /* ----- BARRAS DECORATIVAS ----- */
  .barra-decorativa {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
  }
  
  .barra-decorativa img {
    max-width: 80% !important;
    height: auto !important;
  }
}

/* ==========================================================================
   MOBILE (< 768px)
   ========================================================================== */
@media (max-width: 767.98px) {
  
  /* ----- AJUSTES GLOBAIS ----- */
  html, body {
    overflow-x: hidden !important;
    font-size: 14px !important;
  }
  
  .container {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  
  /* ----- HEADER E NAVEGAÇÃO ----- */
  header.sticky-top {
    position: relative !important;
  }
  
  /* Esconde o menu desktop completo */
  .navbar-collapse {
    display: none !important;
  }
  
  .navbar {
    padding: 5px 0 !important;
    min-height: auto !important;
  }
  
  .navbar-brand-spacer {
    display: none !important;
  }
  
  /* Logo no mobile */
  .logo-box {
    width: 100px !important;
    left: 0 !important;
    top: 0 !important;
  }
  
  .logo-box img {
    width: 100% !important;
  }
  
  /* ----- SEÇÃO INÍCIO ----- */
  #inicio {
    min-height: auto !important;
    padding: 20px 0 40px 0 !important;
    top: 0 !important;
  }
  
  .inicio-content {
    padding: 0 10px !important;
  }
  
  #inicio h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
  }
  
  #inicio h2 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  
  #inicio .lead {
    font-size: 0.9rem !important;
    padding: 15px !important;
  }
  
  #inicio .lead br {
    display: none !important;
  }
  
  .capa-livro-frame {
    margin-top: 20px !important;
  }
  
  /* Esconde capa grande desktop, mostra imagens mobile */
  .capa-livro-img.d-none.d-md-block {
    display: none !important;
  }
  
  .d-block.d-md-none {
    display: block !important;
  }
  
  .d-block.d-md-none img {
    max-width: 85vw !important;
    margin-bottom: 15px !important;
  }
  
  /* ----- SEÇÃO VÍDEO ----- */
  #video {
    padding-top: 30px !important;
  }
  
  #video h2 {
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
  }
  
  #video h2 br {
    display: none !important;
  }
  
  #video .ratio-16x9 {
    border-width: 5px !important;
    border-radius: 12px !important;
  }
  
  /* ----- SEÇÃO LOJA 01 (dentro do vídeo) ----- */
  #loja-01 .d-flex {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 20px 30px !important;
    justify-items: center !important;
    align-items: center !important;
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  
  /* Posiciona E-Commerce no centro (formato de dado/cruz) */
  #loja-01 .loja-link:nth-child(1) { grid-column: 1; grid-row: 1; } /* Amazon */
  #loja-01 .loja-link:nth-child(2) { grid-column: 2; grid-row: 1; } /* Shopee */
  #loja-01 .loja-link:nth-child(3) { grid-column: 1; grid-row: 3; } /* UMLivro */
  #loja-01 .loja-link:nth-child(4) { grid-column: 2; grid-row: 3; } /* Estante Virtual */
  #loja-01 .loja-link:nth-child(5) { 
    grid-column: 1 / -1 !important; 
    grid-row: 2 !important;
    justify-self: center !important;
  } /* E-Commerce no centro */
  
  #loja-01 .loja-icone {
    width: 60px !important;
    height: 60px !important;
  }
  
  #loja-01 .loja-icone i {
    font-size: 1.8rem !important;
  }
  
  #loja-01 .loja-link .text-center {
    font-size: 0.8rem !important;
    margin-top: 5px !important;
  }
  
  /* ----- SEÇÃO BENEFÍCIOS ----- */
  #beneficios h2 {
    font-size: 1.5rem !important;
  }
  
  #beneficios .row.g-4 > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
  }
  
  #beneficios .p-4 {
    padding: 20px !important;
  }
  
  #beneficios h5 {
    font-size: 1.1rem !important;
  }
  
  #beneficios p {
    font-size: 0.9rem !important;
  }
  
  #beneficios img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* ----- SEÇÃO CONTEÚDO ----- */
  #conteudo {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  #conteudo h2 {
    font-size: 1.4rem !important;
  }
  
  .conteudo-card-eqheight {
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
  }
  
  .conteudo-card-eqheight h5 {
    font-size: 1rem !important;
  }
  
  .conteudo-card-eqheight p {
    font-size: 0.9rem !important;
  }
  
  /* Sumário grid em 1 coluna com mais margem */
  .sumario-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 15px !important;
    margin: 0 10px !important;
  }
  
  .sumario-card {
    min-width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    padding: 15px 18px !important;
    font-size: 0.9rem !important;
    margin: 0 auto !important;
  }
  
  .sumario-card strong {
    font-size: 1rem !important;
  }
  
  /* ----- SEÇÃO DEPOIMENTOS ----- */
  #depoimentos h2 {
    font-size: 1.3rem !important;
  }
  
  #depoimentos h2 br {
    display: none !important;
  }
  
  /* Depoimentos em texto - 1 por linha */
  #depoimentos .row.g-4 > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px !important;
  }
  
  .testimonial {
    padding: 20px !important;
  }
  
  .testimonial img {
    width: 60px !important;
    height: 60px !important;
  }
  
  .testimonial p {
    font-size: 0.9rem !important;
  }
  
  /* Vídeos de depoimentos - 1 por linha */
  #depoimentos .row.g-4.mt-5 > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px !important;
  }
  
  #depoimentos .ratio-16x9 {
    border-width: 5px !important;
  }
  
  /* Carrossel */
  #carouselDepoimentos {
    margin-top: 30px !important;
  }
  
  #carouselDepoimentos img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* ----- SEÇÃO RESENHA (Pxóximo Livro) ----- */
  #resenha h2 {
    font-size: 1.4rem !important;
    text-align: center !important;
    margin-bottom: 25px !important;
  }
  
  #resenha .autor-box {
    padding: 30px 20px !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  
  #resenha .autor-img-wrapper {
    width: 130px !important;
    height: 130px !important;
    margin: 0 auto 20px auto !important;
  }
  
  #resenha .autor-img-wrapper img {
    width: 110px !important;
    height: 110px !important;
    object-fit: cover !important;
  }
  
  #resenha .autor-box h2 {
    font-size: 1.8rem !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
  }
  
  #resenha .autor-box h2 span {
    font-size: 24px !important;
    display: block !important;
  }
  
  #resenha .mb-3 {
    font-size: 1rem !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }
  
  #resenha p {
    font-size: 0.95rem !important;
    text-align: center !important;
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
  }
  
  /* Centraliza os links sociais da resenha */
  #resenha .d-flex.justify-content-center.gap-3 {
    gap: 15px !important;
    justify-content: center !important;
    margin-top: 25px !important;
  }
  
  #resenha .social-link {
    width: 45px !important;
    height: 45px !important;
    font-size: 1.5rem !important;
  }
  
  /* ----- SEÇÃO DÚVIDAS ----- */
  #duvidas h2 {
    font-size: 1.5rem !important;
  }
  
  #duvidas .row.g-4 > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px !important;
  }
  
  #duvidas .p-4 {
    padding: 20px !important;
  }
  
  #duvidas h5 {
    font-size: 1rem !important;
    line-height: 1.4 !important;
  }
  
  #duvidas p {
    font-size: 0.9rem !important;
    left: 0 !important;
    width: 100% !important;
  }
  
  /* Ajusta imagens de garantia */
  #duvidas .text-center.mt-5 {
    position: relative !important;
    top: 0 !important;
    padding: 10px 0 !important;
  }
  
  #duvidas img {
    max-width: 90% !important;
    width: auto !important;
    height: auto !important;
  }
  
  /* Selo de garantia - metade do tamanho em mobile/tablet */
  #duvidas img[src*="garantia"],
  #duvidas img[src*="GARANTIA"],
  .garantia-img,
  .selo-garantia {
    max-width: 250px !important;
    width: 50% !important;
    height: auto !important;
  }
  
  /* ----- SEÇÃO AUTOR ----- */
  #autor h2 {
    font-size: 1.4rem !important;
    text-align: center !important;
    margin-bottom: 25px !important;
  }
  
  .autor-box {
    padding: 30px 20px !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  
  .autor-img-wrapper {
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto 20px auto !important;
  }
  
  .autor-img-wrapper img {
    width: 100px !important;
    height: 100px !important;
  }
  
  #autor h2.fw-bold {
    font-size: 1.5rem !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  
  #autor .mb-2 {
    font-size: 0.95rem !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }
  
  #autor .mb-3 {
    font-size: 0.9rem !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
  }
  
  #autor p {
    font-size: 0.95rem !important;
    text-align: center !important;
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
  }
  
  /* Redes sociais do autor - centralizadas */
  #autor .d-flex.justify-content-center {
    gap: 12px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin-top: 25px !important;
  }
  
  /* Esconde o WhatsApp na seção do autor em mobile/tablet */
  #autor .d-flex.justify-content-center a[href*="wa.me"],
  #autor .social-link[href*="whatsapp"],
  #autor .social-link[href*="wa.me"] {
    display: none !important;
  }
  
  #autor .social-link {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.6rem !important;
  }
  
  /* Vídeos de amigos - AMIGOS DO AUTOR */
  .videos-grid-custom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin-top: 30px !important;
    padding: 0 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .video-janela-custom {
    width: 100% !important;
    max-width: 100% !important;
    border-width: 5px !important;
    box-sizing: border-box !important;
  }
  
  /* Aumenta o espaçamento superior da seção AMIGOS DO AUTOR */
  #autor h2.fw-bold.mb-4.text-center.titulo-gill {
    padding-top: 100px !important;
    margin-top: 50px !important;
    margin-bottom: 30px !important;
  }
  
  /* Garante que o container dos vídeos tenha visibilidade */
  #autor .container.mt-5 {
    margin-top: 30px !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* ----- SEÇÃO LOJA 02 ----- */
  #loja-02 h2 {
    font-size: 1.4rem !important;
  }
  
  #loja-02 .d-flex {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 20px 30px !important;
    justify-items: center !important;
    align-items: center !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  
  /* Posiciona E-Commerce no centro (posição 3 do grid) */
  #loja-02 .loja-link:nth-child(1) { grid-column: 1; grid-row: 1; } /* Amazon */
  #loja-02 .loja-link:nth-child(2) { grid-column: 2; grid-row: 1; } /* Shopee */
  #loja-02 .loja-link:nth-child(3) { grid-column: 1; grid-row: 3; } /* UMLivro */
  #loja-02 .loja-link:nth-child(4) { grid-column: 2; grid-row: 3; } /* Estante Virtual */
  #loja-02 .loja-link:nth-child(5) { 
    grid-column: 1 / -1 !important; 
    grid-row: 2 !important;
    justify-self: center !important;
  } /* E-Commerce no centro */
  
  #loja-02 .loja-icone {
    width: 70px !important;
    height: 70px !important;
  }
  
  #loja-02 .loja-icone i {
    font-size: 2rem !important;
  }
  
  #loja-02 .loja-link .text-center {
    font-size: 0.85rem !important;
    margin-top: 8px !important;
  }
  
  /* ----- SEÇÃO EDITORA ----- */
  #editora-lexia {
    padding: 30px 0 !important;
  }
  
  #editora-lexia h2 {
    font-size: 1.4rem !important;
  }
  
  #editora-lexia > div {
    padding: 0 10px !important;
  }
  
  #editora-lexia > div > div {
    padding: 25px 15px !important;
  }
  
  #editora-lexia img {
    height: 70px !important;
  }
  
  #editora-lexia div[style*="font-size: 1.07rem"] {
    font-size: 0.9rem !important;
    margin-bottom: 20px !important;
  }
  
  #editora-lexia span {
    font-size: 0.85rem !important;
    padding: 6px 15px !important;
  }
  
  /* Livros de destaque */
  #editora-lexia h5 {
    font-size: 1rem !important;
  }
  
  #editora-lexia > div:last-child > div {
    flex-direction: column !important;
    align-items: center !important;
  }
  
  #editora-lexia > div:last-child > div > div {
    min-width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
  }
  
  /* ----- SEÇÃO FAQ ----- */
  #faq2 {
    padding: 30px 0 !important;
  }
  
  #faq2 h2 {
    font-size: 1.4rem !important;
  }
  
  .faq-accordion {
    max-width: 100% !important;
  }
  
  .accordion-item {
    margin-bottom: 8px !important;
  }
  
  .accordion-button {
    font-size: 0.85rem !important;
    padding: 12px 15px !important;
  }
  
  .accordion-button span {
    font-size: 0.9rem !important;
  }
  
  .accordion-body {
    font-size: 0.9rem !important;
    padding: 15px !important;
  }
  
  /* ----- RODAPÉ ----- */
  footer {
    padding: 30px 0 !important;
  }
  
  footer .row > [class^="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 25px !important;
    text-align: center !important;
  }
  
  footer .row > [class^="col-"]:last-child {
    margin-bottom: 0 !important;
  }
  
  /* Logo no rodapé */
  #rodape_logo {
    text-align: center !important;
    margin-bottom: 20px !important;
  }
  
  #rodape_logo > div {
    margin: 0 auto !important;
    width: 160px !important;
  }
  
  #rodape_logo img {
    width: 100% !important;
  }
  
  /* Texto e redes sociais */
  footer p {
    font-size: 0.9rem !important;
    text-align: center !important;
  }
  
  .social-icons {
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
  
  .social-icons a {
    width: 40px !important;
    height: 40px !important;
  }
  
  .social-icons a i {
    font-size: 20px !important;
  }
  
  /* Menu, Lojas e Contato */
  #rodape_menu, #rodape_livro, #rodape_contato {
    text-align: center !important;
  }
  
  #rodape_menu h5, #rodape_livro h5, #rodape_contato h5 {
    left: 0 !important;
    font-size: 1rem !important;
    margin-bottom: 15px !important;
  }
  
  #rodape_menu ul, #rodape_livro ul, #rodape_contato ul {
    text-align: center !important;
  }
  
  #rodape_menu li, #rodape_livro li, #rodape_contato li {
    justify-content: center !important;
    margin-bottom: 8px !important;
  }
  
  #rodape_menu a, #rodape_livro a, #rodape_contato a {
    font-size: 0.9rem !important;
  }
  
  /* Botão EU QUERO no rodapé */
  footer .btn {
    margin-top: 15px !important;
  }
  
  /* Copyright */
  .footer-copyright {
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
  }
  
  .copyright-break {
    display: block !important;
  }
  
  /* ----- BOTÕES GLOBAIS ----- */
  .btn, .btn-animated, .btn-warning, .btn-cta, .menu-btn-euquero {
    font-size: 0.9rem !important;
    padding: 12px 25px !important;
    width: 90% !important;
    max-width: 300px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* ----- TÍTULOS GLOBAIS ----- */
  .titulo-gill {
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
  }
  
  .titulo-gill-2 {
    font-size: 0.9rem !important;
  }
  
  h2.fw-bold {
    font-size: 1.4rem !important;
    margin-bottom: 20px !important;
  }
  
  /* ----- BARRAS DECORATIVAS ----- */
  .barra-decorativa {
    padding-top: 50px !important;
    padding-bottom: 40px !important;
  }
  
  .barra-decorativa img {
    max-width: 90% !important;
    height: auto !important;
  }
}

/* ==========================================================================
   MOBILE PEQUENO (< 480px)
   ========================================================================== */
@media (max-width: 479.98px) {
  
  /* ----- AJUSTES ADICIONAIS ----- */
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* ----- INÍCIO ----- */
  #inicio h1 {
    font-size: 24px !important;
  }
  
  #inicio h2 {
    font-size: 14px !important;
  }
  
  /* ----- SEÇÃO LOJA ----- */
  #loja-01 .loja-link, #loja-02 .loja-link {
    flex: 0 0 calc(50% - 10px) !important;
  }
  
  #loja-01 .loja-icone, #loja-02 .loja-icone {
    width: 50px !important;
    height: 50px !important;
  }
  
  #loja-01 .loja-icone i, #loja-02 .loja-icone i {
    font-size: 1.5rem !important;
  }
  
  .loja-link .text-center {
    font-size: 0.75rem !important;
  }
  
  /* ----- BOTÕES ----- */
  .btn, .btn-animated, .btn-warning, .btn-cta {
    font-size: 0.8rem !important;
    padding: 10px 20px !important;
  }
  
  /* ----- TÍTULOS ----- */
  .titulo-gill {
    font-size: 1.2rem !important;
  }
  
  h2.fw-bold {
    font-size: 1.2rem !important;
  }
  
  /* ----- SUMÁRIO ----- */
  .sumario-card {
    padding: 10px !important;
    font-size: 0.85rem !important;
  }
  
  .sumario-card strong {
    font-size: 0.95rem !important;
  }
  
  /* ----- DEPOIMENTOS ----- */
  .testimonial {
    padding: 15px !important;
  }
  
  /* ----- FAQ ----- */
  .accordion-button {
    padding: 10px 12px !important;
    font-size: 0.8rem !important;
  }
  
  .accordion-button span {
    font-size: 0.85rem !important;
  }
  
  .accordion-body {
    font-size: 0.85rem !important;
    padding: 12px !important;
  }
}

/* ==========================================================================
   AJUSTES ESPECÍFICOS PARA LANDSCAPE EM MOBILE
   ========================================================================== */
@media (max-width: 767.98px) and (orientation: landscape) {
  
  #inicio {
    min-height: auto !important;
    padding: 30px 0 !important;
  }
  
  .videos-grid-custom {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  #loja-01 .loja-link, #loja-02 .loja-link {
    flex: 0 0 calc(20% - 10px) !important;
  }
}