.ads-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 20px;
    }

    .ads-vertical, .ads-horizontal {
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        background: linear-gradient(135deg, #fbc2eb, #a6c0fe);
        padding: 20px;
        color: #333;
        text-align: center;
        position: relative;
        max-width: 100%;
    }

    .ads-vertical {
        flex: 1;
        max-width: 300px;
    }

    .ads-horizontal {
        flex: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 600px;
    }

    .ads-vertical h3, .ads-horizontal h3 {
        font-size: 1.5em;
        color: #333;
        margin-bottom: 10px;
    }

    .ads-vertical .ad-description, .ads-horizontal .ad-description {
        font-size: 1.1em;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .ads-vertical .ad-description b, .ads-horizontal .ad-description b {
        color: #e74c3c;
    }

    .ads-vertical .ad-price, .ads-horizontal .ad-price {
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom: 20px;
        color: #f39c12;
    }

    .ads-vertical a, .ads-horizontal a {
        text-decoration: none;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        font-weight: bold;
        display: inline-block;
        transition: background-color 0.3s, transform 0.3s;
        margin: 5px;
    }

    .ads-vertical a:hover, .ads-horizontal a:hover {
        transform: scale(1.05);
    }

    .ad-cta-button {
        background-color: #3498db;
    }

    .ad-cta-button:hover {
        background-color: #2980b9;
    }

    .ad-more-info-button {
        background-color: #e74c3c;
    }

    .ad-more-info-button:hover {
        background-color: #c0392b;
    }

    .ads-horizontal .ad-content {
        max-width: 60%;
        text-align: left;
    }

    .ads-horizontal img {
        max-width: 30%;
        border-radius: 10px;
        margin-left: 20px;
    }
    
      /* Estilos personalizados */
            textarea {
                resize: none;
            }

            .block {
                margin-bottom: 15px;
                padding: 15px;
                border: 1px solid #ced4da;
                border-radius: 5px;
                background-color: #ffffff;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                position: relative;
            }

            .copy-btn {
                position: absolute;
                right: 15px;
                top: 15px;
                padding: 5px 10px;
                font-size: 12px;
            }
            .copied {
                border: 2px solid #28a745;
                background-color: #e8f5e9;
            }
            /* Estilo para menu lateral deslizante */
            .menu-lateral {
                background-color: rgba(0, 0, 0, 0.9); /* Fundo escuro com transparência */
                color: #ffffff; /* Texto branco para contraste */
                padding: 15px;
                height: 100%;
                position: fixed;
                top: 0;
                left: -250px;
                width: 250px;
                transition: left 0.3s;
                overflow-y: auto; /* Permite rolagem vertical */
                max-height: 100vh; /* Define altura máxima igual à altura da viewport */
                z-index: 1000; /* Certifica que o menu fica sobre todos os elementos */
                box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5); /* Adiciona sombra para destacar o menu */
            }

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

            .content-area {
                padding: 20px;
                margin-top: 60px;
            }

            .banner-coluna {
                background-color: #e9ecef;
                padding: 15px;
                position: sticky;
                top: 0;
            }

            /* Estilo para desktop */
            @media (min-width: 992px) {
                .menu-lateral {
                    position: sticky;
                    left: 0;
                    width: 100%;
                    background-color: transparent;
                    height: auto;
                }
                .content-area {
                    margin-top: 0;
                }
            }

            /* Botão de fechar o menu lateral */
            #menu-close {
                position: absolute;
                top: 10px;
                right: 10px;
                background: transparent;
                border: none;
                color: #ffffff; /* Texto branco para combinar com o fundo escuro */
                font-size: 1.5em;
            }
   /* Navbar custom styles */
            .navbar {
                background-color: #343a40; /* Cor de fundo mais escura */
                border-bottom: 2px solid #4e5d6c; /* Linha inferior para destacar a navbar */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para profundidade */
            }

            .navbar-brand img {
                transition: transform 0.3s ease; /* Animação suave na logo ao passar o mouse */
            }

            .navbar-brand img:hover {
                transform: scale(1.05); /* Aumenta ligeiramente o logo ao passar o mouse */
            }

            .nav-link {
                font-size: 1rem; /* Tamanho do texto das opções do menu */
                color: #ffffff !important; /* Cor do texto */
                transition: color 0.3s ease; /* Animação na mudança de cor */
            }

            .nav-link:hover {
                color: #ffc107 !important; /* Cor amarela ao passar o mouse */
            }

            .dropdown-menu-dark {
                background-color: #23272b; /* Fundo escuro para o dropdown */
                border: 1px solid #4e5d6c; /* Borda para o dropdown */
            }

            .dropdown-item {
                color: #ffffff !important; /* Cor do texto do dropdown */
                transition: background-color 0.3s ease; /* Animação suave no fundo ao passar o mouse */
            }

            .dropdown-item:hover {
                background-color: #ffc107; /* Cor amarela de fundo ao passar o mouse */
                color: #000000 !important; /* Cor do texto ao passar o mouse */
            }

            .navbar-toggler {
                border: none; /* Remove a borda do botão de toggle */
            }

            .navbar-toggler-icon {
                color: #ffffff; /* Cor do ícone de toggle */
            }

            /* Customização para o texto dos links */
            .menu-text {
                margin-left: 8px; /* Espaço entre o ícone e o texto */
            }

            /* Ajuste para o dropdown "Ferramentas" */
            .navbar-dark .dropdown-menu {
                background-color: #343a40; /* Fundo do menu dropdown */
                border: none; /* Remove a borda */
            }

            .navbar-dark .dropdown-menu .dropdown-item {
                color: #f8f9fa; /* Cor do texto dos sub-itens */
            }

            .navbar-dark .dropdown-menu .dropdown-item:hover {
                background-color: #495057; /* Cor de fundo ao passar o mouse */
                color: #fff; /* Cor do texto ao passar o mouse */
            }
 .btn-custom {
            margin: 5px;
            font-size: 16px;
            text-transform: uppercase;
            transition: background-color 0.3s, color 0.3s;
        }
        .btn-custom:hover {
            background-color: #0056b3;
            color: white;
        }
        .btn-icon {
            display: flex;
            align-items: center;
        }
        .btn-icon i {
            margin-right: 8px;
        }
        .cta-button {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #007bff;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
  }

  .cta-button:hover {
    background-color: #0056b3;
  }

  .cta-container {
    text-align: center;
    margin: 20px;
  }

  .cta-header {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
  }

  .cta-subtext {
    font-size: 18px;
    margin-bottom: 20px;
  }