/* ============================================================
   TEMPLATE: GLASS NEON (CYBERPUNK STYLE)
   ============================================================ */

.card.glass-neon {
    background: rgba(20, 20, 25, 0.85);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(173, 255, 47, 0.3);
    border-radius: 0px;
    font-family: 'Courier New', Courier, monospace; /* Tom mais tech/neon */
}

.banner-upgrade a,
.banner-upgrade a:visited {
    color: inherit !important;
    text-decoration: none;
}

/* ------------------------------------------------------------
   HEADER
   ------------------------------------------------------------ */

.card.glass-neon .card-header-block {
    background: #1a1a2e;
    border-bottom: 3px solid #adff2f;
    color: #adff2f;
    padding: 3rem 1rem;
    text-shadow: 0 0 8px rgba(173, 255, 47, 0.6);
}

/* IMAGEM DA LOGO (Direto no CSS novo mapa) */
.card.glass-neon .card-header-block img {
    width: 95px;
    height: 95px;
    object-fit: cover;
    background: #111;
    border: 2px solid #adff2f;
    padding: 4px;
    box-shadow: 0 0 20px rgba(173, 255, 47, 0.4);
    border-radius: 0px; /* Mantendo o estilo reto do Neon */
    margin-bottom: 15px;
}

.card.glass-neon .card-header-block h5 {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.card.glass-neon .card-header-block small {
    color: #adff2f;
    opacity: 0.8;
    letter-spacing: 1px;
}

/* ------------------------------------------------------------
   DESCRIPTION
   ------------------------------------------------------------ */

.card.glass-neon .card-description-block {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(173,255,47,0.2);
    color: #eaeaea;
    margin: 10px 15px;
}

/* ------------------------------------------------------------
   SERVICES
   ------------------------------------------------------------ */

.card.glass-neon .card-services-block {
    background: rgba(255, 255, 255, 0.05);
    border: 1px dashed #adff2f;
    margin: 0 15px;
}

.card.glass-neon .card-services-block li {
    color: #dcdcdc;
    font-weight: 500;
    padding: 8px 0;
}

.card.glass-neon .card-services-block li::before {
    content: "✔";
    margin-right: 10px;
}

/* ------------------------------------------------------------
   WHATSAPP (BOTÃO NEON)
   ------------------------------------------------------------ */

.card.glass-neon .btn-whatsapp {
    background-color: transparent;
    color: #adff2f !important;
    border: 2px solid #adff2f;
    border-radius: 0px !important;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(173, 255, 47, 0.2);
    margin: 15px;
    transition: 0.3s;
}

.card.glass-neon .btn-whatsapp:hover {
    background-color: #adff2f;
    color: #000 !important;
    box-shadow: 0 0 20px #adff2f;
}

/* ------------------------------------------------------------
   GALLERY
   ------------------------------------------------------------ */

.card.glass-neon .gallery-block .card {
    background-color: rgba(26, 26, 46, 0.8);
    border: 1px solid rgba(173, 255, 47, 0.3);
}

.card.glass-neon .gallery-block .badge {
    background-color: #adff2f;
    color: #000;
}

/* ------------------------------------------------------------
   LINKS SOCIAIS
   ------------------------------------------------------------ */

.card.glass-neon .card-social-icon {
    background: transparent;
    border: 1px solid #adff2f;
    border-radius: 0px;
}

.card.glass-neon .card-social-icon i { color: #adff2f !important; }

.card.glass-neon .card-social-icon:hover {
    background: #adff2f;
}

.card.glass-neon .card-social-icon:hover i { color: #000 !important; }

/* ------------------------------------------------------------
   MODAL GLASS NEON (RESOLVENDO CONFLITOS)
   ------------------------------------------------------------ */

.modal.glass-neon .modal-content {
    background-color: #1a1a2e;
    border: 2px solid #adff2f;
    border-radius: 0px;
    box-shadow: 0 0 30px rgba(173, 255, 47, 0.2);
}

/* Resolve o fundo branco forçado do Bootstrap no seu HTML */
.modal.glass-neon .p-4.bg-white {
    background-color: #1a1a2e !important; 
    color: #eaeaea !important;
    border-top: 1px solid rgba(173, 255, 47, 0.3);
}

.modal.glass-neon h5.text-dark {
    color: #adff2f !important;
    font-weight: bold;
    text-transform: uppercase;
}

.modal.glass-neon h4.text-success {
    color: #adff2f !important;
    text-shadow: 0 0 5px rgba(173, 255, 47, 0.5);
}

.modal.glass-neon .btn-success {
    background-color: transparent !important;
    color: #adff2f !important;
    border: 2px solid #adff2f !important;
    border-radius: 0px !important;
    font-weight: bold;
}

.modal.glass-neon .btn-success:hover {
    background-color: #adff2f !important;
    color: #000 !important;
}

.modal.glass-neon .carousel-control-prev-icon,
.modal.glass-neon .carousel-control-next-icon {
    background-color: #adff2f;
    filter: invert(1); /* Faz a seta ficar preta sobre o fundo neon */
}

.modal.glass-neon .btn-close {
    filter: invert(1) contrast(2);
    background-color: #adff2f;
    opacity: 1;
    border-radius: 0px;
    padding: 0.8rem;
}