/*
 * Template Neon
 * Somente acabamento visual. Dimensoes, imagens, slides e regras funcionais
 * continuam sendo controlados pelos estilos e scripts originais do sistema.
 */

.site-template-neon {
    --template-accent: #ff163d;
    --template-accent-rgb: 255, 22, 61;
    --template-accent-deep: #720014;
    --template-accent-mid: #d00025;
    --template-accent-highlight: #ff617b;
    --template-accent-soft: #ffdbe1;
    --template-accent-surface: #160208;
    --template-accent-bright: #ff3658;
    --template-accent-dark: #9e001b;
    --template-bg: #050506;
    --template-surface: #0b0b0e;
    --template-surface-soft: #141418;
    --template-border: rgba(var(--template-accent-rgb), .48);
    --template-text: #fff;
    --template-muted: #aaa;
    color-scheme: dark;
}

.site-template-neon body {
    background:
        radial-gradient(circle at 50% 4%, rgba(var(--template-accent-rgb), .14), transparent 30rem),
        linear-gradient(135deg, rgba(255, 255, 255, .016) 25%, transparent 25%) 0 0 / 18px 18px,
        linear-gradient(315deg, rgba(255, 255, 255, .010) 25%, transparent 25%) 0 0 / 18px 18px,
        var(--template-bg) !important;
    color: var(--template-text);
    min-height: 100vh;
}

.site-template-neon nav {
    background: linear-gradient(180deg, #09090b, #030304) !important;
    border-bottom: 1px solid var(--template-accent) !important;
    box-shadow: 0 5px 24px rgba(var(--template-accent-rgb), .22);
}

.site-template-neon nav .header-nav > a > img {
    filter: drop-shadow(0 0 8px rgba(var(--template-accent-rgb), .28));
}

.site-template-neon nav .popup-nav {
    background: rgba(5, 5, 7, .985) !important;
    border-left: 1px solid var(--template-border);
    box-shadow: -14px 0 35px rgba(var(--template-accent-rgb), .13);
}

.site-template-neon nav .popup-nav li,
.site-template-neon nav .popup-nav a,
.site-template-neon nav .popup-nav h4 {
    color: #fff !important;
}

.site-template-neon nav .popup-nav li:hover {
    background: rgba(var(--template-accent-rgb), .12) !important;
}

.site-template-neon section > .back-range {
    background: linear-gradient(180deg, #08080a, #050506) !important;
}

.site-template-neon section > .container,
.site-template-neon main > .container {
    background:
        radial-gradient(circle at 50% 10%, rgba(var(--template-accent-rgb), .08), transparent 25rem),
        linear-gradient(180deg, #0c0c0f, #070708) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .28) !important;
    box-shadow: 0 0 36px rgba(var(--template-accent-rgb), .10);
}

.site-template-neon section > .container h1,
.site-template-neon section > .container h2,
.site-template-neon section > .container h3,
.site-template-neon section > .container h4,
.site-template-neon section > .container h5,
.site-template-neon section > .container label,
.site-template-neon section > .container legend {
    color: #fff !important;
}

.site-template-neon .title h1,
.site-template-neon .title h2,
.site-template-neon .title-winners h3,
.site-template-neon .title-faq h3,
.site-template-neon .info-campaign h3,
.site-template-neon .info-campaign h4,
.site-template-neon .info-winner-home h3,
.site-template-neon .affiliate-campaign-content h3 {
    color: #fff !important;
    text-shadow: 0 0 12px rgba(var(--template-accent-rgb), .14);
}

.site-template-neon .title i,
.site-template-neon .title-winners i,
.site-template-neon .title-faq i {
    color: var(--template-accent-bright) !important;
    filter: drop-shadow(0 0 5px rgba(var(--template-accent-rgb), .55));
}

.site-template-neon .favorite-campaign,
.site-template-neon .campaign,
.site-template-neon .grid-winners,
.site-template-neon .container-faq,
.site-template-neon .communication,
.site-template-neon .form-search-orders,
.site-template-neon .grid-results-order,
.site-template-neon .register-form,
.site-template-neon .login-afliate-section,
.site-template-neon .affiliate-section-info,
.site-template-neon .affiliate-campaign-card,
.site-template-neon .scratch-card-container,
.site-template-neon .roullete-container,
.site-template-neon .boxes-container,
.site-template-neon .control-campaigns-list {
    background: linear-gradient(145deg, #151519, #09090b) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .38) !important;
    box-shadow: 0 9px 22px rgba(0, 0, 0, .30), inset 0 0 18px rgba(var(--template-accent-rgb), .025) !important;
    color: #fff !important;
}

.site-template-neon .favorite-campaign:hover,
.site-template-neon .campaign:hover,
.site-template-neon .affiliate-campaign-card:hover {
    border-color: rgba(var(--template-accent-rgb), .78) !important;
    box-shadow: 0 0 22px rgba(var(--template-accent-rgb), .18) !important;
}

/* Respiro para alertas que aparecem no fim da area de compra. */
.site-template-neon body.campaign-neon-page .numbersRest {
    box-sizing: border-box;
    margin: 12px !important;
    padding: 11px 13px !important;
    width: auto;
}

/* Lista de bilhetes: evita que cabecalho e linhas encostem na borda externa. */
.site-template-neon body.campaign-neon-page .draw-titles-single {
    border-radius: 12px;
    box-sizing: border-box;
    padding: 12px !important;
}

/* Bilhete ainda disponivel: preto/cinza com contorno na cor configurada. */
.site-template-neon .draw-titles-single .draw-titles-content .title-content.draw-title-available {
    background: linear-gradient(135deg, #19191d 0%, #0a0a0d 72%, #151519 100%) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .64) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 0 9px rgba(var(--template-accent-rgb), .08);
    color: #fff !important;
    min-height: 29px;
}

.site-template-neon .draw-titles-single .draw-titles-content .title-content.draw-title-available .number-title {
    color: #f3f3f5 !important;
}

.site-template-neon .draw-titles-single .draw-titles-content .title-content.draw-title-available .draw-title-not-out {
    color: #96969e !important;
}

.site-template-neon .draw-titles-single .draw-titles-content .title-content.draw-title-available .award-title {
    color: #f1f1f3 !important;
}

/* Bilhete sorteado: destaque em degradê na cor configurada. */
.site-template-neon .draw-titles-single .draw-titles-content .title-content.draw-title-won {
    background:
        radial-gradient(circle at 16% 10%, rgba(255, 255, 255, .22), transparent 30%),
        linear-gradient(115deg, var(--template-accent-bright) 0%, var(--template-accent-mid) 48%, var(--template-accent-deep) 100%) !important;
    border: 1px solid var(--template-accent-highlight) !important;
    box-shadow: 0 0 14px rgba(var(--template-accent-rgb), .28), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
    color: #fff !important;
}

.site-template-neon .draw-titles-single .draw-title-won .draw-title-buyer-name,
.site-template-neon .draw-titles-single .draw-title-won .draw-title-prize {
    color: #fff !important;
}

.site-template-neon .draw-titles-single .draw-title-won .draw-title-ticket-badge,
.site-template-neon .draw-titles-single .draw-title-won .draw-title-winner-icon {
    background: rgba(10, 10, 13, .88) !important;
    border: 1px solid rgba(255, 255, 255, .16);
}

/* Chance em dobro */
.site-template-neon body.campaign-neon-page .container-double-chance {
    background:
        radial-gradient(circle at 50% 0%, rgba(var(--template-accent-rgb), .18), transparent 65%),
        linear-gradient(155deg, #17171b, #08080a) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .62) !important;
    border-radius: 12px;
    box-shadow: 0 0 18px rgba(var(--template-accent-rgb), .12), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    padding: 14px !important;
}

.site-template-neon .container-double-chance .title-double-chance {
    color: #fff !important;
    font-size: 1.05em;
    font-weight: 800;
    margin-bottom: 2px;
    text-shadow: 0 0 10px rgba(var(--template-accent-rgb), .48);
}

.site-template-neon .container-double-chance .valid-double-chance,
.site-template-neon .container-double-chance .double-chance-date-initial,
.site-template-neon .container-double-chance .double-chance-date-final {
    color: #b8b8c0 !important;
}

.site-template-neon .container-double-chance .progress-bar-double-chance {
    background: #050506 !important;
    border: 1px solid rgba(var(--template-accent-rgb), .62);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .88), 0 0 12px rgba(var(--template-accent-rgb), .12);
}

.site-template-neon .container-double-chance .progress-bar-inner {
    background: repeating-linear-gradient(45deg, var(--template-accent) 0 10px, var(--template-accent-dark) 10px 20px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20);
}

.site-template-neon .container-double-chance .progress-bar-double-chance p.timer {
    color: #fff !important;
    font-weight: 800;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .85);
}

/* Ranking geral e diario */
.site-template-neon body.campaign-neon-page .ranking {
    border-radius: 12px;
    box-sizing: border-box;
    padding: 13px !important;
}

.site-template-neon .ranking .title-ranking h4 {
    color: #fff !important;
    font-weight: 800;
}

.site-template-neon .ranking .title-ranking p {
    color: #a9a9b1 !important;
}

.site-template-neon .ranking .container-ranking > div {
    background: linear-gradient(145deg, #17171b, #09090b) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .44) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 0 12px rgba(var(--template-accent-rgb), .07) !important;
}

.site-template-neon .ranking .container-ranking > div:first-child {
    background: linear-gradient(145deg, rgba(var(--template-accent-rgb), .30), var(--template-accent-surface) 58%, #09090b) !important;
    border-color: rgba(var(--template-accent-rgb), .78) !important;
    box-shadow: 0 0 17px rgba(var(--template-accent-rgb), .16) !important;
}

.site-template-neon .ranking .container-ranking h3 {
    color: #fff !important;
}

.site-template-neon .ranking .container-ranking p {
    color: #b7b7bf !important;
}

.site-template-neon .ranking .title-ranking h4 span {
    background: linear-gradient(180deg, var(--template-accent-bright), var(--template-accent-dark)) !important;
    box-shadow: 0 0 9px rgba(var(--template-accent-rgb), .30);
}

/* Top comprador */
.site-template-neon body.campaign-neon-page .top-buyer-card {
    background:
        radial-gradient(circle at 50% 0%, rgba(var(--template-accent-rgb), .22), transparent 44%),
        linear-gradient(155deg, #17171b, #070709) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .58) !important;
    box-shadow: 0 0 24px rgba(var(--template-accent-rgb), .13), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    color: #fff !important;
}

.site-template-neon .top-buyer-head h3 {
    color: #fff !important;
    text-shadow: 0 0 12px rgba(var(--template-accent-rgb), .35);
}

.site-template-neon .top-buyer-head p,
.site-template-neon .top-buyer-head small {
    color: #b7b7bf !important;
}

.site-template-neon .top-buyer-countdown {
    background: linear-gradient(180deg, var(--template-accent-bright), var(--template-accent-dark)) !important;
    border: 1px solid var(--template-accent-highlight);
    box-shadow: 0 0 13px rgba(var(--template-accent-rgb), .30);
    color: #fff !important;
}

.site-template-neon .top-buyer-place {
    background: linear-gradient(180deg, #18181c, #09090b) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .40);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 9px 22px rgba(0, 0, 0, .32) !important;
}

.site-template-neon .top-buyer-place strong,
.site-template-neon .top-buyer-place .top-buyer-invested-value {
    color: #fff !important;
}

.site-template-neon .top-buyer-place p,
.site-template-neon .top-buyer-place .top-buyer-invested-label {
    color: #b7b7bf !important;
}

.site-template-neon .top-buyer-place-1 {
    border-color: rgba(255, 202, 10, .62);
    box-shadow: 0 0 16px rgba(255, 202, 10, .10) !important;
}

.site-template-neon .top-buyer-place-1 .top-buyer-invested-value {
    color: #ffca0a !important;
}

.site-template-neon .top-buyer-place-3 .top-buyer-invested-value {
    color: #ff8a00 !important;
}

/* Mensagem programada da campanha */
.site-template-neon body.campaign-neon-page .campaign-message-alert {
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .08), transparent 28%),
        linear-gradient(145deg, var(--template-accent-surface), #09090b 58%, var(--template-accent-surface)) !important;
    border: 1px solid rgba(var(--template-accent-rgb), .68) !important;
    box-shadow: 0 0 22px rgba(var(--template-accent-rgb), .15), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.site-template-neon .campaign-message-alert h3 {
    color: #fff !important;
    text-shadow: 0 0 12px rgba(var(--template-accent-rgb), .40);
}

.site-template-neon .campaign-message-alert .campaign-message-timer {
    color: #fff !important;
}

.site-template-neon .campaign-message-alert .campaign-message-progress {
    background: #050506 !important;
    border: 1px solid rgba(var(--template-accent-rgb), .48);
}

.site-template-neon .campaign-message-alert .campaign-message-progress span {
    background: linear-gradient(90deg, var(--template-accent-deep), var(--template-accent), var(--template-accent-highlight)) !important;
    box-shadow: 0 0 10px rgba(var(--template-accent-rgb), .40);
}

.site-template-neon .campaign-message-alert p,
.site-template-neon .campaign-message-alert small {
    color: #d3d3d8 !important;
}

.site-template-neon .favorite-campaign .img-campaign,
.site-template-neon .campaign .picture-campaign,
.site-template-neon .result-order-image,
.site-template-neon .affiliate-campaign-picture {
    border-color: rgba(var(--template-accent-rgb), .38) !important;
}

.site-template-neon .campaign .info-campaign,
.site-template-neon .favorite-campaign .info-campaign {
    background: linear-gradient(180deg, rgba(18, 18, 21, .95), rgba(7, 7, 9, .98)) !important;
}

.site-template-neon .campaign p,
.site-template-neon .favorite-campaign p,
.site-template-neon .communication p,
.site-template-neon .container-faq p,
.site-template-neon .grid-results-order p,
.site-template-neon .affiliate-campaign-card p {
    color: #bcbcc2 !important;
}

.site-template-neon .affiliate-section-info p,
.site-template-neon .affiliate-section-info span,
.site-template-neon .info-order p,
.site-template-neon .result-order-info p {
    color: #c4c4ca !important;
}

.site-template-neon input:not([type="checkbox"]):not([type="radio"]),
.site-template-neon select,
.site-template-neon textarea {
    background: #09090b !important;
    border: 1px solid rgba(var(--template-accent-rgb), .38) !important;
    color: #fff !important;
    outline: none;
}

.site-template-neon input:not([type="checkbox"]):not([type="radio"]):focus,
.site-template-neon select:focus,
.site-template-neon textarea:focus {
    border-color: var(--template-accent) !important;
    box-shadow: 0 0 0 2px rgba(var(--template-accent-rgb), .13), 0 0 15px rgba(var(--template-accent-rgb), .16) !important;
}

.site-template-neon input::placeholder,
.site-template-neon textarea::placeholder {
    color: #73737a !important;
}

.site-template-neon .btn-register,
.site-template-neon .form-contact button,
.site-template-neon .form-search-orders button,
.site-template-neon .btn-show-numbers,
.site-template-neon .copy-code-reference,
.site-template-neon .start-scratch-card,
.site-template-neon .start-roullete,
.site-template-neon .options-nav button {
    background: linear-gradient(180deg, var(--template-accent-bright), var(--template-accent-dark)) !important;
    border: 1px solid var(--template-accent-highlight) !important;
    box-shadow: 0 0 15px rgba(var(--template-accent-rgb), .28) !important;
    color: #fff !important;
}

.site-template-neon .btn-register:hover,
.site-template-neon .form-contact button:hover,
.site-template-neon .copy-code-reference:hover {
    box-shadow: 0 0 23px rgba(var(--template-accent-rgb), .46) !important;
    filter: brightness(1.08);
}

.site-template-neon .control-campaigns-list button {
    color: #d4d4d8 !important;
}

.site-template-neon .control-campaigns-list button.ativos,
.site-template-neon .control-campaigns-list button:hover {
    border-bottom-color: var(--template-accent) !important;
    color: #fff !important;
}

.site-template-neon .status-order-paid,
.site-template-neon .ord-status,
.site-template-neon .congratulation,
.site-template-neon .draw-title-winner {
    border-color: rgba(var(--template-accent-rgb), .42) !important;
    box-shadow: 0 0 20px rgba(var(--template-accent-rgb), .10);
}

.site-template-neon .pagination a {
    background: #0b0b0e !important;
    border: 1px solid rgba(var(--template-accent-rgb), .36) !important;
    color: #fff !important;
}

.site-template-neon .pagination a.active,
.site-template-neon .pagination a:hover {
    background: var(--template-accent-dark) !important;
    border-color: var(--template-accent) !important;
}

.site-template-neon .modal,
.site-template-neon .overlay,
.site-template-neon .overlay-scratch-card {
    backdrop-filter: blur(4px);
}

.site-template-neon footer {
    background: #030304 !important;
    border-top: 1px solid rgba(var(--template-accent-rgb), .32);
    color: #a8a8ae !important;
}

.site-template-neon footer a,
.site-template-neon footer p {
    color: #a8a8ae !important;
}

.site-template-neon .socials-icons-toggle,
.site-template-neon .btn-support a {
    box-shadow: 0 0 18px rgba(var(--template-accent-rgb), .22);
}

@media (prefers-reduced-motion: reduce) {
    .site-template-neon *,
    .site-template-neon *::before,
    .site-template-neon *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}