{% extends 'shared/base.html' %}
{% load static %}
{% block content %}
<style>
  #acesso-restrito {
    padding: 80px 0;
  }

  .acesso-restrito-container {
    max-width: 550px;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 1rem;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  }

  .acesso-restrito-container img {
    width: 100px;
    margin-bottom: 1.5rem;
  }

  .acesso-restrito-container h2 {
    color: #2e7d32;
    font-weight: bold;
    margin-bottom: 1rem;
  }

  .acesso-restrito-container p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    color: #555;
  }

  .btn-contato {
    background-color: #2e7d32;
    color: white;
    font-weight: 500;
    padding: 0.6rem 1.4rem;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease;
    text-decoration: none;
  }

  .btn-contato:hover {
    background-color: #1b5e20;
    color: white;
  }
</style>

<section id="acesso-restrito">
  <div class="acesso-restrito-container">
    <img src="{% static 'assets/img/restrito.png' %}" alt="Acesso Restrito" />
    <h2>Área exclusiva para clientes pagos</h2>
    <p>
      Esta seção do sistema VerdeSoft está disponível apenas para clientes com
      plano ativo.<br />
      Entre em contato com a administração para mais informações.
    </p>
    <a href="mailto:contato@verdesoft.com.br" class="btn-contato">
      <i class="fa-solid fa-envelope me-2"></i>Falar com a administração
    </a>
  </div>
</section>
{% endblock %}