.hero-full {
     position: relative;
     width: 100vw;
     left: 50%;
     margin-left: -50vw;
     height: 100vh;
     /* altura do hero */
     display: flex;
     align-items: center;
     color: white;
     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
     background: url('https://www.kailashrepasse.gabrielbasan.com.br/tpl/kailashLandingPage/BANNER CAPA.jpg') center/cover no-repeat;
 }

 .hero-full::before {
     content: "";
     position: absolute;
     inset: 0;
     /* background: rgba(0, 0, 0, 0.55); */
     z-index: 0;
 }

 .hero-form select {
     color: #000000;
     /* texto preto */
     background-color: #ffffff;
     /* mantém fundo branco */
     border: 1px solid #ccc;
     /* mesma borda dos inputs */
     border-radius: 4px;
     /* arredondamento igual aos inputs */
     padding: 4px 6px;
     /* mesmo padding dos inputs */
     font-size: 0.85rem;
     /* tamanho de fonte consistente */
 }


 .hero-form {
     position: relative;
     z-index: 1;
     width: 400px;
     /* mais largo horizontalmente */
     padding-left: 100px;
     /* margem da esquerda */
     display: flex;
     flex-direction: column;
 }

 .hero-form img {
     width: 400px;
     margin-bottom: 50px;
     filter: brightness(0) invert(1);
 }

 .hero-form h2 {
     font-size: 2.7rem;
     margin-bottom: 10px;
     white-space: nowrap;
     /* mantém em uma linha */
 }

 .hero-form form {
     display: flex;
     flex-direction: column;
     gap: 0;
     /* remove o espaço padrão */
 }

 .hero-form input,
 .hero-form select {
     width: 100%;
     padding: 4px 6px;
     /* menos padding vertical */
     border-radius: 4px;
     border: 1px solid #ccc;
     font-size: 0.85rem;
     /* fonte menor */
     margin-bottom: 6px;
     /* espaçamento mínimo entre campos */
 }

 .hero-form small {
     margin-top: 50px;
     font-size: 1.2rem;
     white-space: nowrap;
 }

 .hero-form button {
     background-color: #ffffff;
     color: #000000;
     border: none;
     border-radius: 4px;
     padding: 8px 12px;
     font-size: 0.9rem;
     font-weight: 600;
     cursor: pointer;
     margin-top: 20px;
     /* aumentei de 10px para 20px */
     transition: all 0.3s ease;
 }

 .hero-form button:hover {
     background-color: #f0f0f0;
     transform: scale(1.03);
 }

 /* 1️⃣ Importa a fonte Gisha */
 @font-face {
     font-family: 'Gisha';
     src: url('../fonts/gisha.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 /* 2️⃣ Aplica globalmente no site */
 body,
 html {
     font-family: 'Gisha', sans-serif;
 }



 /* ================= FULL WIDTH SECTIONS ================= */
 .full-width-section {
     width: 100vw;
     position: relative;
     left: 50%;
     margin-left: -50vw;
 }

 .row-inner {
     width: 100%;
     margin: 0;
 }

 .container-inner {
     max-width: 1140px;
     margin: 0 auto;
     padding: 0 15px;
 }

 /* ================= GENERAL STYLING ================= */
 .py-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
 }

 .img-fluid {
     max-width: 100%;
     height: auto;
 }

 .text-center {
     text-align: center;
 }

 .position-relative {
     position: relative;
 }

 .position-absolute {
     position: absolute;
 }

 .top-50 {
     top: 50%;
 }

 .start-50 {
     left: 50%;
 }

 .translate-middle {
     transform: translate(-50%, -50%);
 }

 .text-white {
     color: white;
 }

 .bg-light {
     background-color: #f8f9fa !important;
 }

 .bg-green {
     background-color: #63674f;
     color: white;
 }

 #valores-section .img-fluid {
     width: 170px;
     height: auto;
     border-top-left-radius: 85px;
     border-top-right-radius: 85px;
     box-shadow: 10px 0 20px #63674f66;
 }

 #valores-section p {
     font-weight: 600;
     margin: 0;
     color: #63674f;
     font-size: 1.4rem;
 }


 /* SEÇÃO 1 */

 .secao1-img {
     border-top-right-radius: 50px;
     border-bottom-right-radius: 50px;
     box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.6);
 }

 .secao1-text {
     margin-right: 7%;
     /* max-width: 100%; */
     /* margin-left: 40px; */
     /* adiciona espaço à esquerda, ajusta conforme quiser */

 }

 .secao1 {
     background-color: #ffffff;
 }

 .secao1-text h1 {
     font-weight: 900;
     line-height: 1.3;
     font-size: 4.7rem;
     /* aumentei de 3.9rem para 4.2rem */
     color: #000000;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
 }

 .secao1-text p {
     color: #63674f;
     font-size: 1.9rem;
     /* aumentei de 1.6rem para 1.8rem */
 }


 /* SEÇÃO 2 */
 .secao2 {
     margin-top: -25px;
     position: relative;
 }

 .secao2-text {
     border-top-right-radius: 50px;
     border-bottom-right-radius: 50px;
     padding: 40px 60px 40px 120px;
     /* top right bottom left */
     background-color: #f6f7f8;
     position: absolute;
     top: 0;
     left: 0;
     /* encostado na lateral esquerda */
     height: 100%;
     width: calc(100% + 40px);
     /* sobreposição sobre a imagem */
     z-index: 2;
 }

 .secao2-text h1 {
     font-weight: 900;
     line-height: 1.3;
     font-size: 4.7rem;
     color: #000000;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
 }

 .secao2-text p {
     color: #63674f;
     font-size: 1.9rem;
 }

 .secao2-img {
     border: 0px solid #fff;
     /* borda branca */
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
     /* sombra difusa */
     border-radius: 0;
 }




 /* SEÇÃO 3 VIDEO YOUTUBE */
 .secao3 .col-12 {
     padding: 0 40px;
 }

 .secao3 .video-container {
     box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.45);
     overflow: hidden;
     width: 90%;
     margin: 0 auto;
     background-color: #000;
     /* evita borda branca atrás do vídeo */
     border-radius: 12px;
 }

 .secao3 .video-container iframe {
     width: 100%;
     height: 500px;
     border: none;
     display: block;
     /* remove espaços brancos causados por linha inline */
 }


 /* SEÇÃO 4 FAIXA VERDE */

 .secao4 {
     background-color: #63674f;
     color: white;
 }

 .secao4 h1 {
     height: max-content;
     font-size: 2.8rem;
     font-weight: 500;
     color: #dddbd2;
 }

 .secao4 p {
     font-size: 1.7rem;
     margin-bottom: 25px;
 }

 .secao4-btn {
     background-color: #fff;
     color: #6a6a58;
     padding: 8px 20px;
     border-radius: 3px;
     text-decoration: none;
     font-weight: 500;
     font-size: 14px;
     transition: all 0.3s ease;
     z-index: 4;
 }

 .secao4-btn:hover {
     background-color: #f0f0f0;
 }

 /* SEÇÃO 5 - Espaçamento e sombras nas imagens */
 /* Override para col-md-6 que também tem p-0 */
 .full-width-section.secao5 .col-md-6.p-0 {
     padding-left: 30px !important;
     padding-right: 30px !important;
 }

 /* Mesma sombra para as imagens */
 .full-width-section.secao5 .col-md-6.p-0 img {
     display: block;
     width: 100%;
     height: auto;
     /* border-radius: 20px; */
     box-shadow: 10px 0 30px rgba(0, 0, 0, 0.6);
 }



 /* Efeito suave ao passar o mouse */
 .full-width-section.secao5 img:hover {
     transform: scale(1.02);
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
 }

 /* SEÇÃO 5 - Texto e botão posicionados */
 .full-width-section.secao5 .texto-top-left {
     position: absolute;
     top: 70px;
     /* antes 30px → mais para baixo */
     left: 70px;
     /* antes 40px → mais para a direita */
     color: #fff;
     text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
 }

 .full-width-section.secao5 .texto-top-left h4 {
     font-size: 1.8rem;
     font-weight: 600;
     line-height: 1.4;
 }

 .full-width-section.secao5 .botao-bottom-left {
     position: absolute;
     bottom: 50px;
     /* antes 30px → mais para cima */
     left: 70px;
     /* antes 40px → mais para a direita */
 }

 .full-width-section.secao5 button {
     font-weight: 600;
     padding: 8px 20px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
 }




 /* SEÇÃO 6 - Missão e Visão */
 .secao6 h3 {
     text-align: center;
     font-size: 3.4rem;
     /* 🔹 destaque maior */
     font-weight: 900;
     margin-bottom: 15px;
     /* 🔹 menos espaço abaixo do título */
 }

 .secao6 p {
     font-weight: 500;
 }

 .secao6-img {
     width: 35px;
     vertical-align: middle;
     margin-left: 10px;
 }

 .full-width-section.secao6 .col-md-6 p {
     text-align: justify;
     text-justify: inter-word;
     line-height: 1.5;

     max-width: 69%;
     margin: 0 auto;

     color: #63674f;
     font-size: 1.7rem;
     padding: 0px 0px 0px 0px;
 }

 .full-width-section.secao6 .coluna1 {
     position: relative;
     left: 5vw;
     /* 5% da largura da tela */
 }

 .full-width-section.secao6 .coluna2 {
     position: relative;
     right: 6vw;
     /* 6% da largura da tela */
 }







 /* SEÇÃO 7 - Nossos Valores */
 .full-width-section.secao7 h3 {
     font-size: 3.4rem;
     /* 🔹 mesmo tamanho da seção 6 */
     font-weight: 900;
     text-align: center;
     color: #000;
     margin-bottom: 0;
 }

 .full-width-section.secao7 h3 img {
     width: 35px;
     vertical-align: middle;
     margin-left: 10px;
 }



 /* SEÇÃO 8 - JANELINHAS (formato de arco no topo) */
 .secao8 .row {
     justify-content: center;
     align-items: center;
     gap: 10px;
     /* espaçamento controlado entre os itens */
 }

 .secao8 .col-auto {
     text-align: center;
 }

 /* imagens com borda em formato de arco */
 .secao8 img {
     width: 200px;
     height: auto;
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 /* efeito hover suave */
 .secao8 img:hover {
     transform: scale(1.05);
     box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
 }

 /* legendas abaixo das imagens */
 .secao8 p {
     font-size: 1.4rem;
     font-weight: 500;
     margin-top: 8px;
     color: #63674f;
 }







 /* SEÇÃO 9 - Duas imagens lado a lado */
 .full-width-section.secao9 .row {
     position: relative;
 }

 /* Ajuste base das imagens */
 .full-width-section.secao9 .col-md-6 {
     position: relative;
     display: flex;
 }

 .full-width-section.secao9 .col-md-6 img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* Imagem da esquerda com borda branca sobreposta */
 .full-width-section.secao9 .col-md-6:first-child img {
     position: relative;
     z-index: 2;
     border-top-right-radius: 60px;
     border-bottom-right-radius: 60px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
 }

 /* Borda falsa (sobreposta) à direita */
 .full-width-section.secao9 .col-md-6:first-child::after {
     content: "";
     position: absolute;
     top: 0;
     right: -40px;
     /* move a borda para fora da imagem */
     width: 40px;
     height: 100%;
     background: #f9f9f9;
     border-top-right-radius: 60px;
     border-bottom-right-radius: 60px;
     z-index: 3;
     /* fica acima da imagem */
 }

 .full-width-section.secao9 .col-md-6:last-child img {
     position: relative;
     z-index: 1;
 }





 /* SEÇÃ0 10 */
 .secao10 h3 {
     font-weight: 900;
     font-size: 2.8rem;
     color: #63674f;
 }

 /* SEÇÃO 11 */
 .secao11 {
     background-color: #f9f9f9;
     /* opcional */
 }

 .secao11 .icones-compromissos {
     display: block;
     margin: 0 auto;
     width: 100%;
     /* controla o tamanho responsivo */
     max-width: 700px;
     /* limita o tamanho máximo */
     height: auto;
     filter: invert(42%) sepia(9%) saturate(521%) hue-rotate(42deg) brightness(91%) contrast(84%);
     /* O filtro acima simula a cor #63674f para SVGs externos */
 }

 /* Caso o SVG seja inline (copiado dentro do HTML), pode usar fill direto: */
 /*
  .secao11 svg path {
    fill: #63674f !important;
  }
  */

 /* SEÇÃO 12 */
 .secao12 {
     width: 100vw;
     height: 100px;
     background-color: #656751;
     position: relative;
     overflow: hidden;
 }

 .secao12-img {
     margin-top: 5px;
     height: 90px;
     width: auto;
     opacity: 0.8;
 }

 .secao12 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: transparent;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 3;
 }

 .btn-loja {
     background-color: #fff;
     color: #6a6a58;
     padding: 12px 30px;
     /* antes: 8px 20px → mais alto e largo */
     border-radius: 6px;
     /* antes: 3px → cantos mais suaves */
     text-decoration: none;
     font-weight: 600;
     /* um pouco mais forte para destacar */
     font-size: 16px;
     /* antes: 14px → texto maior */
     transition: all 0.3s ease;
     z-index: 4;
 }

 .btn-loja:hover {
     background-color: #656751;
     color: #fff;
 }

 .secao12 .container-fluid {
     position: relative;
     z-index: 2;
 }

 /* ================= RESPONSIVIDADE MOBILE ================= */
 @media (max-width: 768px) {


     .hero-full {
         background: url('https://www.kailashrepasse.gabrielbasan.com.br/tpl/kailashLandingPage/lojista 9x16.jpg') center/cover no-repeat;
     }

     .hero-form {
         width: 90%;
         /* ocupa quase toda a tela */
         max-width: 400px;
         /* limita o tamanho no tablet */
         padding-left: 0;
         /* remove o padding-left fixo */
         padding-right: 0;
         /* remove padding excessivo */
         margin: 0 auto;
         /* centraliza horizontalmente */
         align-items: center;
         /* centraliza conteúdo dentro do flex */
         text-align: center;
         /* centraliza texto */
     }

     .hero-form select {
         color: #000000;
         /* texto preto */
         background-color: #ffffff;
         /* mantém fundo branco */
         border: 1px solid #ccc;
         /* mesma borda dos inputs */
         border-radius: 4px;
         /* arredondamento igual aos inputs */
         padding: 4px 6px;
         /* mesmo padding dos inputs */
         font-size: 0.85rem;
         /* tamanho de fonte consistente */
     }


     .hero-form img {
         width: 180px;
         /* reduz tamanho da logo */
         margin-bottom: 30px;
     }

     .hero-form h2 {
         font-size: 1.4rem;
         white-space: normal;
         /* permite quebra de linha */
         margin-bottom: 20px;
     }

     .hero-form form {
         width: 100%;
         /* ocupa toda largura disponível */
         display: flex;
         flex-direction: column;
         gap: 10px;
         /* espaçamento entre campos */
     }

     .hero-form input,
     .hero-form select {
         font-size: 1rem;
         padding: 8px;
         margin-bottom: 0;
         /* gap do form já controla espaço */
     }

     .hero-form button {
         width: 100%;
         /* botão ocupa toda largura */
         padding: 10px 0;
         font-size: 1rem;
         margin-top: 15px;
         background-color: #000000;
         color: #ffffff;
         border: none;
         border-radius: 4px;
         cursor: pointer;
         /* transition: all 0.3s ease;   */
     }

     .hero-form small {
         display: block;
         font-size: 1rem;
         margin-top: 15px;
     }

     .hero-form label::first-letter {
         text-transform: uppercase;
         /* Apenas a primeira letra em maiúsculo */
     }

     /* Remove scroll horizontal global */
     body,
     html {
         overflow-x: hidden;
     }


     /* Seção 1 e 2: empilha imagem e texto */
     .secao1 .row-inner {
         display: flex !important;
         flex-direction: column !important;
         /* coluna empilhada */
         flex-wrap: nowrap;
         align-items: center;
         justify-content: flex-start;
         gap: 20px;
         /* espaçamento entre imagem e texto */
     }

     /* Colunas ocupam 100% da largura */
     .secao1 .col-md-6 {
         width: 100% !important;
         padding: 0 10px !important;
         /* pequeno espaçamento lateral */
     }

     /* Imagem ocupa toda largura da coluna */
     .secao1-img {
         width: 100% !important;
         height: auto;
         border-radius: 0;
         box-shadow: none;
     }

     /* Texto centralizado abaixo da imagem */
     .secao1-text {
         width: 100% !important;
         text-align: center;
         margin: 0 !important;
         padding: 3vh 3vw 3vh 0 !important;
         /* topo | direita | baixo | esquerda */
         text-shadow: none !important;
     }


     /* Ajuste de tamanho do título e parágrafo para mobile */
     .secao1-text h1 {
         font-size: 2.5rem;
         line-height: 1.3;
     }

     .secao1-text p {
         font-size: 1.5rem;
     }


     /* Seção 2 mobile: empilha imagem e texto corretamente */
     .secao2 .row-inner {
         display: flex !important;
         flex-direction: column !important;
         /* empilha vertical */
         align-items: flex-start;
         /* alinha conteúdo à esquerda */
         gap: 15px;
     }

     .secao2 .col-md-6 {
         width: 100% !important;
         padding: 0 10px !important;
     }

     .secao2-img {
         width: 100% !important;
         height: auto;
         border-radius: 0;
         box-shadow: none;
     }

     .secao2-text {
         position: static !important;
         /* remove absolute */
         width: 100% !important;
         text-align: left;
         /* texto alinhado à esquerda */
         margin: 0 !important;
         padding: 20px 10px !important;
         border-radius: 0;
         /* remove bordas arredondadas */
         box-shadow: none;
         /* remove sombra */
         background: none !important;
         /* remove sobreposição branca */
         text-shadow: none !important;
     }

     .secao2-text h1 {
         font-size: 2.5rem;
         line-height: 1.3;
         text-align: left;
     }

     .secao2-text p {
         font-size: 1.5rem;
         line-height: 1.;
         text-align: left;
     }

     /* Seção 3 */
     .secao3 .video-container {
         width: 100%;
         padding: 0 10px;
     }

     /* Seção 5 */
     .full-width-section.secao5 .texto-top-left,
     .full-width-section.secao5 .botao-bottom-left,
     .full-width-section.secao5 img,
     .full-width-section.secao5 button {
         max-width: 100%;
         box-sizing: border-box;
     }

     .secao5 .col-md-6 {
         margin-bottom: 3vh;
         /* espaçamento entre as imagens */
     }

     /* Remove a margem da última coluna (opcional) */
     .secao5 .col-md-6:last-child {
         margin-bottom: 0;
     }

     /* ================= RESPONSIVIDADE MOBILE - SEÇÃO 5 ================= */


     /* Texto mais para cima */
     .full-width-section.secao5 .texto-top-left {
         top: 20px !important;
         /* move o texto para mais cima */
         left: 40px !important;
         /* mantém margem lateral menor */
         font-size: 1.4rem;
         /* opcional: reduz fonte no mobile */
     }

     /* Ajusta h4 dentro do texto */
     .full-width-section.secao5 .texto-top-left h4 {
         font-size: 1.2rem !important;
         line-height: 1.2 !important;
     }

     /* Botão mais para baixo */
     .full-width-section.secao5 .botao-bottom-left {
         bottom: 20px !important;
         /* move o botão mais para baixo */
         left: 40px !important;
         /* mantém alinhamento lateral */
     }

     /* Ajusta tamanho do botão no mobile */
     .full-width-section.secao5 button {
         font-size: 0.9rem !important;
         padding: 6px 12px !important;
     }




     /* ================= SEÇÃO 6 - FORÇA COLUNAS LADO A LADO ================= */
     .full-width-section.secao6 .col-md-6 h3,
     .full-width-section.secao6 .col-md-6 p {
         text-align: center !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
     }

     .full-width-section.secao6 .col-md-6:first-child h3,
     .full-width-section.secao6 .col-md-6:last-child h3 {
         left: 0 !important;
         /* remove deslocamento lateral */
         position: relative;
     }

     .full-width-section.secao6 .col-md-6 p {
         max-width: 100%;
         margin: 0 auto;
         line-height: 1.6;
         font-size: 1.2rem;
     }

     /* 🔹 Mantém a imagem na mesma linha do título */
     .full-width-section.secao6 .col-md-6 h3 {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 10px;
         /* espaçamento entre texto e imagem */
         width: 100%;
         /* garante centralização */
     }

     .secao6-img {
         width: 30px;
         /* levemente menor no mobile */
         margin: 0;
         /* remove margens laterais */
         vertical-align: middle;
     }

     .full-width-section.secao6 .coluna1,
     .full-width-section.secao6 .coluna2 {
         left: 0 !important;
         right: 0 !important;
     }

     /* 🔹 AJUSTES PARA TEXTO JUSTIFICADO NO MOBILE */
     .secao6 .col-md-6 p {
         text-align: justify !important;
         text-align-last: left !important;
         hyphens: auto;
         /* Adiciona hífen para quebras melhores */
         -webkit-hyphens: auto;
         /* Para Safari */
         -ms-hyphens: auto;
         /* Para IE/Edge */
         width: 100% !important;
         /* Ocupa toda a largura disponível */
         margin-left: 0 !important;
         margin-right: 0 !important;
         padding: 0 3vw;
         /* Adiciona padding em vez de margin */
     }

     /* 🔹 Garante que as colunas tenham largura total */
     .secao6 .col-md-6 {
         margin-bottom: 3vh;
         margin-left: 8vw !important;
         margin-right: 8vw !important;
         width: calc(100% - 16vw) !important;
         /* Compensa as margens */
     }

     /* 🔹 Remove qualquer herança que possa estar afetando */
     .full-width-section.secao6 .col-md-6 p {
         text-align: justify !important;
         text-align-last: left !important;
     }

     /* 🔹 Para garantir em telas menores */

     .secao6 .col-md-6 p {
         text-align: justify !important;
         text-align-last: left !important;
         hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         width: 100% !important;
         margin: 0 !important;
         padding: 0 2vw;
     }


     /* ================= SEÇÃO 9 ================= */
     .full-width-section.secao9 .row {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 3vh;
         width: 100%;
         box-sizing: border-box;
     }

     .full-width-section.secao9 .col-md-6 {
         flex: 0 0 auto;
         width: 80%;
         position: relative;
     }

     /* Remove TODOS os border-radius e especificamente os herdados */
     .full-width-section.secao9 .col-md-6 img {
         width: 100%;
         height: auto;
         object-fit: cover;
         border-radius: 0 !important;
         /* Remove todos os cantos */
         border-top-left-radius: 0 !important;
         /* Remove especificamente top left */
         border-bottom-right-radius: 0 !important;
         /* Remove especificamente bottom right */
         border: none;
         box-shadow: none;
         display: block;
     }

     /* Garante que o container também não tenha border-radius */
     .full-width-section.secao9 .col-md-6 {
         border-radius: 0 !important;
         border-top-left-radius: 0 !important;
         border-bottom-right-radius: 0 !important;
     }

     /* Remove pseudo-elemento se existir */
     .full-width-section.secao9 .col-md-6:first-child::after {
         content: none !important;
         display: none !important;
     }

     /* Remove qualquer borda, sombra e pseudo-elementos */
     .full-width-section.secao9 .col-md-6,
     .full-width-section.secao9 .col-md-6 img,
     .full-width-section.secao9 .col-md-6::before,
     .full-width-section.secao9 .col-md-6::after {
         border: none !important;
         box-shadow: none !important;
         content: none !important;
     }


     /* ================= SEÇÃO 12 - MOBILE ================= */
     @media (max-width: 768px) {
         .secao12 {
             height: 60px;
             /* Reduz a altura da faixa verde */
             overflow: hidden;
         }

         .secao12 .row {
             display: flex;
             flex-wrap: nowrap;
             justify-content: space-between;
             align-items: center;
             gap: 10px;
             margin: 0;
             padding: 0 15px;
             height: 100%;
         }

         .secao12 .col-auto {
             flex: 1;
             display: flex;
             justify-content: center;
             min-width: 0;
         }

         /* Esconde as imagens da 6ª em diante APENAS no mobile */
         .secao12 .col-auto:nth-child(n+7) {
             display: none !important;
         }

         .secao12-img {
             height: 45px;
             /* Reduz um pouco as imagens também */
             width: auto;
             display: block;
             margin: 0 !important;
             opacity: 0.8;
             margin-top: -4vh !important;
         }

         /* Reduz o tamanho do botão */
         .btn-loja {
             font-size: 0.8rem;
             padding: 6px 15px;
         }

         /* Remove colunas vazias */
         .secao12 .col:first-child,
         .secao12 .col:last-child {
             display: none;
         }
     }

 }