/* Estilos para a seção Como Funciona o Acesso (Indicados) */
.plugar-app-one-access-referred-section {
    padding: 80px 20px;
    background-color: #2a2a2a; /* Outro tom escuro para variação */
    color: #e0e0e0; /* Cor do texto claro */
    text-align: center; /* Centraliza todo o conteúdo */
}

.plugar-app-one-access-referred-section .plugar-app-header h2 {
    font-size: 2em;
    color: #fff; /* Título branco */
    margin-bottom: 30px;
}

.access-content {
    max-width: 600px; /* Limita a largura do conteúdo */
    margin: 0 auto; /* Centraliza o bloco de conteúdo */
    text-align: center; /* Mantém o texto centralizado para esta seção curta */
}

.access-content p {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 30px; /* Espaço entre o texto e o botão */
}

/* Estilos do Botão de Solicitar Acesso */
.request-access-button {
    display: inline-block; /* Permite espaçamento e largura adequados */
    /* Gradiente similar ao da imagem de referência ou CTAs anteriores */
    background: linear-gradient(to right, #00c6ff, #0072ff); /* Exemplo: Gradiente azul */
    color: #fff; /* Cor do texto do botão */
    padding: 15px 30px; /* Espaçamento interno */
    font-size: 1em;
    font-weight: bold;
    text-decoration: none; /* Remove sublinhado se for um link */
    border: none; /* Remove borda padrão */
    border-radius: 30px; /* Cantos arredondados (estilo pílula) */
    cursor: pointer; /* Indica que é clicável */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Transição suave no hover */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Sombra para destaque */
}

.request-access-button:hover {
    opacity: 0.9; /* Leve transparência no hover */
    transform: translateY(-2px); /* Move ligeiramente para cima */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); /* Sombra mais forte no hover */
}

/* Estilos Responsivos para Acesso Indicados */
@media (max-width: 768px) {
    .plugar-app-one-access-referred-section {
        padding: 60px 15px; /* Diminui o padding em telas menores */
    }

    .plugar-app-one-access-referred-section .plugar-app-header h2 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .access-content p {
        font-size: 1em; /* Diminui o tamanho da fonte */
    }

    .request-access-button {
        padding: 12px 25px;
        font-size: 1em;
    }
}