body,html {
    font-family: sans-serif;
    margin: 0;
	padding:0;
	
}


#menu-lateral {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background-color: #f0f0f0;
    transition: left 0.3s ease;
    overflow-y: auto;
    z-index: 1000;
}

#menu-lateral.aberto {
    left: 0;
}

#menu-lateral ul {
    list-style: none;
    padding: 0;
    margin: 0; 
}

#menu-lateral li a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #333;
    font-size:16px;
}

#fechar-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    border: none;
    background: none;
}

#abrir-menu {
    display: block; 
    font-size: 2em;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: none;
    position: absolute; 
    top: -15px;
    left: 10px;
    z-index: 1001; 
    color:white;
}

/* Conteúdo Principal */
#conteudo-principal {
   
    transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease;
    padding: 10px;
}

#conteudo-principal.menu-aberto {

}
.categorias-lista a{
    
    font-size:14px;
}

@media (min-width: 769px) {

#conteudo-principal{
    
margin:80px;
margin-top:10px;
padding:10px;

}
    #abrir-menu {
        display: none; 
    }
	

    #menu-lateral {
        position: static; 
        width: 100%;
        height: auto;
        left: 0;
        display: flex;
        justify-content: center; 
 background:#0095ff; 
 }
    #menu-lateral.aberto{
        margin: 0;
    }
    #menu-lateral ul {
        display: flex; 
        margin: 0;
    }
    #menu-lateral li{
        margin: 0 1em;
    }
    #menu-lateral li a {
        color: white;
    }

    #fechar-menu {
        display: none; 
    }
   
   .TextoConteudo{
       
        
          font-size:14px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 120;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

       
   }
   
   
    .TextoConteudoPrincipalCompleto {
          padding:5px;
        
          font-size:14px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

       
   }
   
   .TextoConteudoPrincipal {
          padding:5px;
        
          font-size:14px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 25 !important;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

       
   }
   


   
   
   #toggle-buttonText {
    background-color: #007BFF; /* Cor de fundo azul */
    color: white; /* Cor do texto */
    border: none; /* Remove bordas */
    border-radius: 5px; /* Bordas arredondadas */
    padding: 10px 20px; /* Espaçamento interno */
    font-size: 18px; /* Tamanho do texto */
    font-weight: bold; /* Texto em negrito */
    cursor: pointer; /* Ícone de ponteiro ao passar o mouse */
    transition: all 0.3s ease; /* Suaviza transições */
      width:100%;
    text-align:center;
    
}

/* Efeito de hover */
#toggle-buttonText:hover {
    background-color: #0056b3; /* Cor de fundo mais escura ao passar o mouse */
    transform: scale(1.05); /* Aumenta ligeiramente o botão */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Adiciona uma sombra ao passar o mouse */
}

   
}


@media (max-width: 768px) {
    #conteudo-principal.menu-aberto {
        margin-left: 0;
    }

    #menu-lateral {
     
		text-align:left;
    }
	
	
	
	 .TextoConteudo{
       
        
          font-size:14px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 120;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

       
   }
	



    .TextoConteudoPrincipalCompleto {
       
           padding:5px;
          font-size:14px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

       
   }
   
   .TextoConteudoPrincipal {
       
        padding:5px;
          font-size:14px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 20 !important;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

       
   }
   



   

   
   #toggle-buttonText {
    background-color: #007BFF; /* Cor de fundo azul */
    color: white; /* Cor do texto */
    border: none; /* Remove bordas */
    border-radius: 5px; /* Bordas arredondadas */
    padding: 10px 20px; /* Espaçamento interno */
    font-size: 16px; /* Tamanho do texto */
    font-weight: bold; /* Texto em negrito */
    cursor: pointer; /* Ícone de ponteiro ao passar o mouse */
    transition: all 0.3s ease; /* Suaviza transições */
    width:100%;
    text-align:center;
}

/* Efeito de hover */
#toggle-buttonText:hover {
    background-color: #0056b3; /* Cor de fundo mais escura ao passar o mouse */
    transform: scale(1.05); /* Aumenta ligeiramente o botão */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Adiciona uma sombra ao passar o mouse */
}



.post img {
    max-width: 100%;
    
   
   
    margin-bottom: 0.5em;
}

	
	
}


#feed-posts {
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    grid-gap: 20px; 
}

.Ler_mais_feeds{
    
background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
    
    
}


.post img {
    max-width: 100%;
 
   
    margin-bottom: 0.5em;
}





.post {
  
    padding: 1em;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    overflow: hidden; 
    display: flex; 
    flex-direction: column;
    
}


.post h3{
    margin-top: 0;
  
}
.post p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.InforPost{
    
    font-size:13px;
}

	
#loading {
    text-align: center;
    padding: 1em;
    display: none;
}
#Barra {
  z-index:1000;
   width:100%;

   margin:0px;
   padding:0px;
   background:#0095ff;
text-align: center;
}


  #cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #f0f0f0;
            padding: 10px;
            text-align: center;
            border-top: 1px solid #ccc;
            z-index: 1000; /* Garante que o banner fique acima de outros elementos */
            box-sizing: border-box;
        }

        #cookie-banner button {
            margin: 0 5px;
            padding: 8px 15px;
            border: none;
            cursor: pointer;
        }

        #cookie-banner #gerenciar-cookies {
            
            background-color: #ddd;
            
        }

        #cookie-banner.escondido {
            display: none;
        }

        #cookie-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Fundo semi-transparente */
            z-index: 1001;
            justify-content: center; /* Centraliza verticalmente */
            align-items: center; /* Centraliza horizontalmente */
        }
        #cookie-modal .modal-content {
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            max-width: 600px;
        }
        #cookie-modal.mostrar {
            display: flex;
        }
        .checkbox-label{
            display: block;
            margin-bottom: 10px;
        }
        
        a {
    text-decoration: none; /* Remove o sublinhado */
    color: inherit; /* Mantém a cor do texto pai */
}

/* Opcional: Remover efeitos em estados como hover e active */
a:hover,
a:active,
a:focus {
    text-decoration: none; /* Remove o sublinhado nos estados */
    color: inherit; /* Mantém a cor do texto pai */
}

#AnucioTop{
   
    margin-top:10px;
    margin-bottom:10px;
  position:relative;

width:100%;

-webkit-backface-visibility: hidden;
 
    
}

#AnucioTop img{
width:100%;

    
    
}
.icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px; /* Largura da área do ícone */
    height: 62px; /* Altura da área do ícone */
}

.icon {
    width: 60px; /* Largura do ícone */
    height: 60px; /* Altura do ícone */
    object-fit: contain; /* Ajusta a proporção da imagem */
    border-radius:50%;
}






#resultados {
    -webkit-overflow-scrolling: touch; /* Para rolagem suave em dispositivos iOS */
    
    gap:2px;
}
  




.NameSite{
    
 margin:0px;  
 margin-bottom:10px;
    
    
}



#resultados {
    -webkit-overflow-scrolling: touch; /* Para rolagem suave em dispositivos iOS */
    
    gap:10px;
}

.categoria-item {
    width: 80px; /* Largura fixa para cada item */
    margin: 0 10px; /* Espaçamento entre os itens */
    display: inline-block;
    vertical-align: top; /* Alinha verticalmente os itens */
}

.categoria-imagem {
    width: 70px; /* Tamanho da imagem */
    height: 70px;
    border-radius: 50%; /* Faz a imagem ficar circular */
    object-fit: cover; /* Recorta a imagem para preencher o círculo sem distorcer */
    border: 2px solid #ddd; /* Adiciona uma borda sutil */
    display: block; /* Evita espaços extras abaixo da imagem */
    margin: 0 auto; /* Centraliza a imagem horizontalmente */
}

.categoria-nome {
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden; /* Esconde texto que ultrapassa o container */
    text-overflow: ellipsis; /* Adiciona "..." para texto truncado */
    white-space: nowrap; /* Impede a quebra de linha */
}

/* Estilos para melhor visualização em telas menores */
@media (max-width: 600px) {
    .categoria-item {
        width: 82px;
    }
    .categoria-imagem {
        width: 80px;
        height: 80px;
    }
    
  #AnucioTop{
   
    margin-top:10px;
    margin-bottom:10px;
  position:relative;

width:100%;

-webkit-backface-visibility: hidden;
 
    
}

#AnucioTop img{
width:100%;
height:90px;
    
    
}

}


@media (min-width: 800px) {
  
  
  
  #SpritesCategorias {
  
       margin-left:100px;
      margin-right:100px;
  
    
}




}


.containerTop {
    min-height:500px;
            display: flex; /* Habilita o Flexbox */
            gap: 10px; /* Espaçamento entre as divs */
            
         padding:35px;
         margin-left:80px;
      margin-right:80px;
      
        }
        
        .containerTopSection {
   
            display: flex; /* Habilita o Flexbox */
            gap: 10px; /* Espaçamento entre as divs */
            
         padding:35px;
         margin-left:120px;
      margin-right:120px;
      
        }

        .main-content {
            
    padding: 1em;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
            flex: 2; /* Ocupa o dobro do espaço das divs menores */
           
            padding: 2px;
           
        }
        
        
        .main-content img {
    width: 100%;
  
   
    margin-bottom: 0.5em;
}



        
         .main-content p{
        
          
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 70;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  letter-spacing: 0.02em;
        
        
    }
    
    .main-content p{
        
          font-size:18px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 120;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

        
        
    }
    
     .main-content img{
         min-height:300px ;
         
         
         
     }
     
     
     .main-content h3{
        
          font-size:22px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin:5px;
  margin-bottom:10px;
        
        
    }
    
     
     
     

        .side-content {
            flex: 1; /* Ocupa metade do espaço da div principal */
            display: flex;
            flex-direction: column; /* Coloca as divs menores em coluna */
            gap: 5px;
        }
        
        

        .small-news {
        
            padding: 2px;
          padding-bottom:5px;
           padding-top:5px;
        }
        
        
        .small-news h3 {
           
       font-size:17px;
        }
        
        .small-news img {
           
       max-height:200px;
       object-fit:cover;
        }
        
         .small-news span{
        
        display:none;
        
        
        
    }

       @media (max-width: 768px) {
           
           .containerTopSection{
               
                 flex-direction: column; /* Empilha o main-content e o side-content */
        margin:0px;
         padding:0px;
             min-height:500px;
               
               
               
               
           }
    .containerTop {
        flex-direction: column; /* Empilha o main-content e o side-content */
        margin:0px;
         padding:0px;
             min-height:500px;
    }

    .main-content, .side-content {
        flex: 1; /* Ocupam a largura total */
        
          margin:0px;
        margin-bottom: 10px;
      
      
    }
    
    
    .main-content p{
        
          font-size:18px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  letter-spacing: 0.02em;

        
        
    }
    
      .main-content img{
         min-height:250px;
         
         
         
     }
    
    
    .main-content h3{
   
          font-size:22px;
         overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
      font-family: 'Roboto', sans-serif;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin:5px;
        
        
    }
    
    
    .side-content{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .small-news{
        width: 100%; /* para caberem 2 em cada linha */
        margin-bottom: 10px;
    }
    
   
   
}
@media (max-width: 480px) {
    .small-news{
        width: 100%;
    }
    
}
  
  
.TextoConteudoPrincipal img{
    max-width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 0.5em;
}


.TextoConteudoPrincipalCompleto img{
    max-width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 0.5em;
}

  
form {
  display: flex;
  align-items: center;
  justify-content: space-between;
 
  border-radius: 25px; /* Bordas arredondadas */
  padding: 5px 10px; /* Espaçamento interno */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra */
  max-width: 100%; /* Responsivo */

}

/* Campo de entrada */
form input[type="text"] {
  flex: 1; /* Expande para ocupar o espaço disponível */
  border: none;
  padding: 10px;
  font-size: 14px;
  border-radius: 25px 0 0 25px; /* Bordas arredondadas no início */
  outline: none; /* Remove o contorno */
  background:white;
}

/* Botão */
form button {
  background-color: #222524; /* Cor do botão */
  color: white; /* Cor do texto */
  border: none;
 padding: 10px 10px; /* Espaçamento interno */
  font-size: 14px;
  border-radius: 0 25px 25px 0; /* Bordas arredondadas no final */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Efeito hover no botão */
form button:hover {
  background-color: #0056b3; /* Cor ao passar o mouse */
}
   * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
        }

        .navbar {
            background-color: #2c3e50;
            padding: 0.8rem 2rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            color: white;
            font-size: 1.5rem;
            font-weight: 700;
            text-decoration: none;
        }

        .nav-menu {
            display: flex;
            list-style: none;
        }

        .nav-item {
            margin-left: 1.8rem;
            position: relative;
        }

        .nav-link {
            color: #ecf0f1;
            text-decoration: none;
            font-weight: 500;
            font-size: 1rem;
            padding: 0.5rem 0;
            transition: color 0.3s ease;
            position: relative;
        }

        .nav-link:hover {
            color: #3498db;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: #3498db;
            transition: width 0.3s ease;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .hamburger {
            display: none;
            cursor: pointer;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            height: 21px;
        }

        .hamburger span {
            height: 3px;
            width: 100%;
            background-color: #ecf0f1;
            border-radius: 3px;
            transition: all 0.3s ease;
        }

        .content {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 2rem;
        }

        .privacy-header {
            text-align: center;
            margin-bottom: 2.5rem;
            padding: 2rem 0;
            background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);
            color: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .privacy-header h1 {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .last-updated {
            font-style: italic;
            opacity: 0.9;
        }

        .privacy-content {
            background-color: white;
            padding: 2.5rem;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }

        .section {
            margin-bottom: 2.5rem;
        }

        .section h2 {
            color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #3498db;
        }

        .section p {
            margin-bottom: 1rem;
            text-align: justify;
        }

        .section ul {
            margin-left: 1.5rem;
            margin-bottom: 1rem;
        }

        .section li {
            margin-bottom: 0.5rem;
        }

        .contact-info {
            background-color: #e8f4fc;
            padding: 1.5rem;
            border-radius: 8px;
            margin-top: 2rem;
        }

        .contact-info h3 {
            color: #2c3e50;
            margin-bottom: 1rem;
        }

        footer {
            background-color: #2c3e50;
            color: white;
            text-align: center;
            padding: 1.5rem;
            margin-top: 3rem;
        }

        @media screen and (max-width: 768px) {
            .hamburger {
                display: flex;
            }

            .nav-menu {
                position: fixed;
                left: -100%;
                top: 57px;
                flex-direction: column;
                background-color: #2c3e50;
                width: 100%;
                padding: 1.5rem 0;
                text-align: center;
                transition: left 0.3s ease;
                box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
            }

            .nav-menu.active {
                left: 0;
            }

            .nav-item {
                margin: 1.2rem 0;
            }

            .privacy-header h1 {
                font-size: 2rem;
            }

            .privacy-content {
                padding: 1.5rem;
            }
        }
        .banner-container {
            max-width: 1200px;
            width: 100%;
            background-color: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            overflow: hidden;
        }
        
        .banner-header {
            background: linear-gradient(to right, #ff7e5f, #feb47b);
            padding: 25px;
            text-align: center;
            color: white;
            position: relative;
        }
        
        .banner-title {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 10px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        }
        
        .banner-subtitle {
            font-size: 18px;
            font-weight: 400;
            opacity: 0.9;
        }
        
        .hotmart-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: rgba(255, 255, 255, 0.2);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
            backdrop-filter: blur(5px);
        }
        
        .products-container {
            padding: 30px;
        }
        
        .products-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
        }
        
        .product-card {
            background-color: #fff;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            border: 1px solid #f0f0f0;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .product-image-container {
            position: relative;
            height: 180px;
            overflow: hidden;
        }
        
        .product-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .product-card:hover .product-image {
            transform: scale(1.05);
        }
        
        .product-badge {
            position: absolute;
            top: 10px;
            left: 10px;
            background: #e74c3c;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .product-content {
            padding: 20px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        
        .product-category {
            font-size: 12px;
            color: #6a11cb;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 5px;
        }
        
        .product-title {
            font-size: 18px;
            font-weight: 700;
            color: #333;
            margin-bottom: 10px;
            line-height: 1.3;
        }
        
        .product-description {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
            line-height: 1.4;
            flex-grow: 1;
        }
        
        .product-price {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .current-price {
            font-size: 22px;
            font-weight: 700;
            color: #e74c3c;
        }
        
        .original-price {
            font-size: 16px;
            color: #999;
            text-decoration: line-through;
            margin-left: 10px;
        }
        
        .discount {
            background: #ffeb3b;
            color: #333;
            padding: 3px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
            margin-left: 10px;
        }
        
        .product-link {
            display: block;
            text-align: center;
            background: linear-gradient(to right, #6a11cb, #2575fc);
            color: white;
            padding: 12px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            margin-top: auto;
        }
        
        .product-link:hover {
            background: linear-gradient(to right, #2575fc, #6a11cb);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(106, 17, 203, 0.4);
        }
        
        .banner-footer {
            text-align: center;
            padding: 20px;
            background-color: #f9f9f9;
            border-top: 1px solid #eee;
            font-size: 14px;
            color: #666;
        }
        
        .guarantee {
            display: inline-flex;
            align-items: center;
            margin-top: 10px;
        }
        
        .guarantee i {
            color: #2ecc71;
            margin-right: 5px;
        }
        
        /* Responsividade */
        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .banner-title {
                font-size: 26px;
            }
            
            .products-grid {
                gap: 20px;
            }
        }
        
        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 2fr;
            }
            
            .banner-title {
                font-size: 22px;
            }
            
            .banner-subtitle {
                font-size: 16px;
            }
            
            .products-container {
                padding: 20px;
            }
        }