:root{--bg:#04050a;--surface:#0a0c14;--panel:#0e1120;--border:#1a1f35;--accent:#00d4ff;--accent2:#7b2fff;--green:#00ff88;--red:#ff3860;--text:#e0e8ff;--muted:#4a5278;--glow:0 0 20px rgba(0,212,255,.35)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'Rajdhani',sans-serif;min-height:100vh;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}
body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:0}
.container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 20px}

/* HEADER */
header{padding:22px 0 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.logo{font-family:'Orbitron',monospace;font-weight:900;font-size:1.4rem;letter-spacing:3px;color:var(--accent);text-shadow:var(--glow);display:flex;align-items:center;gap:10px;text-decoration:none}
nav{display:flex;align-items:center;gap:6px}
.nav-btn{font-family:'Orbitron',monospace;font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:8px 16px;border-radius:8px;text-decoration:none;transition:all .2s;cursor:pointer;border:none;background:transparent}
.nav-btn.outline{color:var(--muted);border:1px solid var(--border)}
.nav-btn.outline:hover{color:var(--accent);border-color:var(--accent)}
.nav-btn.active{color:var(--accent);border:1px solid var(--accent);box-shadow:0 0 12px rgba(0,212,255,.2)}
.nav-btn.download{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;box-shadow:0 2px 16px rgba(0,212,255,.3)}
.nav-btn.download:hover{box-shadow:0 4px 24px rgba(0,212,255,.5);transform:translateY(-1px)}

/* HERO */
.hero{padding:60px 0 40px;text-align:center}
.hero-tag{font-size:.75rem;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:18px;opacity:.8}
.hero h1{font-family:'Orbitron',monospace;font-weight:900;font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,#fff 0%,var(--accent) 50%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{font-size:1.15rem;color:var(--muted);font-weight:300;max-width:500px;margin:0 auto 40px;line-height:1.6}
.stats{display:flex;justify-content:center;gap:40px;margin-bottom:50px;flex-wrap:wrap}
.stat{text-align:center}
.stat-val{font-family:'Orbitron',monospace;font-size:1.8rem;font-weight:700;color:var(--accent);text-shadow:var(--glow)}
.stat-label{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:4px}

/* CARD */
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;position:relative;overflow:hidden;margin-bottom:24px}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)}
.card-title{font-family:'Orbitron',monospace;font-size:.85rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:28px;display:flex;align-items:center;gap:10px}
.card-title::after{content:'';flex:1;height:1px;background:var(--border)}

/* STEPS */
.steps{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}
.step{flex:1;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px}
.step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-family:'Orbitron',monospace;font-size:.7rem;font-weight:700;flex-shrink:0}
.step-text{font-size:.85rem;color:var(--muted);line-height:1.3}
.step-text strong{color:var(--text);display:block;font-size:.9rem}

/* FORM */
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.form-input{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:'Rajdhani',sans-serif;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}
.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,212,255,.1)}
.form-input::placeholder{color:var(--muted)}
.form-hint{font-size:.72rem;color:var(--muted);margin-top:5px}
.recaptcha-wrap{display:flex;justify-content:center;margin:20px 0}
.btn-primary{width:100%;padding:18px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);border:none;border-radius:10px;color:#fff;font-family:'Orbitron',monospace;font-size:.95rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 30px rgba(0,212,255,.25)}
.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,212,255,.4)}
.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
.loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}

/* RESULTADO REGISTRO */
#result{display:none;margin-top:24px}
.result-box{background:var(--surface);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:28px}
.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.result-title{font-family:'Orbitron',monospace;font-size:.8rem;letter-spacing:2px;color:#00ff88;display:flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:#00ff88;box-shadow:0 0 8px #00ff88;animation:pulse 1.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.timer{font-family:'Orbitron',monospace;font-size:.75rem;color:var(--muted);background:var(--panel);padding:5px 12px;border-radius:20px;border:1px solid var(--border)}
.credentials{background:#060810;border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}
.cred-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}
.cred-row:last-child{border-bottom:none;padding-bottom:0}
.cred-label{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.cred-val{font-family:'Courier New',monospace;font-size:.9rem;color:var(--accent)}
.btn-download-result{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,rgba(0,255,136,.15),rgba(0,212,255,.1));border:1px solid #00ff88;border-radius:10px;color:#00ff88;font-family:'Orbitron',monospace;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:background .2s}
.btn-download-result:hover{background:rgba(0,255,136,.2)}

/* PAINEL */
.panel-wrap{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 0}
.panel-box{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;position:relative;overflow:hidden}
.panel-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)}
.panel-title{font-family:'Orbitron',monospace;font-size:.9rem;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:28px;text-align:center}

/* PAINEL DASHBOARD */
.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.dash-user{font-family:'Orbitron',monospace;font-size:1rem;color:var(--accent)}
.dash-user span{font-size:.7rem;color:var(--muted);display:block;letter-spacing:1px;text-transform:uppercase;margin-top:2px}
.btn-logout{font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:2px;padding:7px 14px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;text-transform:uppercase;transition:all .2s;text-decoration:none}
.btn-logout:hover{border-color:var(--red);color:var(--red)}

.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px;position:relative;overflow:hidden}
.plan-card.active-plan{border-color:rgba(0,255,136,.3)}
.plan-card.active-plan::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00ff88,#00d4ff)}
.plan-badge{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:12px}
.plan-badge.free{background:rgba(0,212,255,.1);color:var(--accent);border:1px solid rgba(0,212,255,.3)}
.plan-badge.expired{background:rgba(255,56,96,.1);color:var(--red);border:1px solid rgba(255,56,96,.3)}
.plan-name{font-family:'Orbitron',monospace;font-size:1.1rem;color:var(--text);margin-bottom:6px}
.plan-exp{font-size:.8rem;color:var(--muted)}
.plan-exp strong{color:var(--text)}
.plan-features{list-style:none;margin:16px 0 0;display:flex;flex-direction:column;gap:6px}
.plan-features li{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.plan-features li::before{content:'✓';color:#00ff88;font-weight:700;flex-shrink:0}

.upgrade-section{margin-top:16px}
.upgrade-card{background:var(--surface);border:1px solid rgba(123,47,255,.3);border-radius:12px;padding:24px;position:relative;overflow:hidden}
.upgrade-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent2),var(--accent))}
.upgrade-title{font-family:'Orbitron',monospace;font-size:.85rem;color:var(--accent2);margin-bottom:8px}
.upgrade-desc{font-size:.82rem;color:var(--muted);margin-bottom:14px;line-height:1.5}

/* Aviso de taxa */
.fee-notice{font-size:.75rem;color:#ffc800;background:rgba(255,200,0,.08);border:1px solid rgba(255,200,0,.2);border-radius:6px;padding:8px 12px;margin-bottom:16px;line-height:1.5}

/* Seletor de planos */
.plan-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.plan-sel-opt{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);cursor:pointer;transition:all .2s;user-select:none}
.plan-sel-opt:hover{border-color:var(--accent2)}
.plan-sel-opt.selected{border-color:var(--accent);background:rgba(0,212,255,.07);box-shadow:0 0 0 1px var(--accent)}
.plan-sel-left{display:flex;align-items:center;gap:10px}
.plan-sel-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}
.plan-sel-opt.selected .plan-sel-radio{border-color:var(--accent);background:var(--accent)}
.plan-sel-opt.selected .plan-sel-radio::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.plan-sel-name{font-family:'Orbitron',monospace;font-size:.75rem;color:var(--text)}
.plan-sel-dur{font-size:.72rem;color:var(--muted);margin-top:2px}
.plan-sel-price{text-align:right}
.plan-sel-price-val{font-family:'Orbitron',monospace;font-size:.9rem;color:var(--accent);display:block}
.plan-sel-price-base{font-size:.65rem;color:var(--muted);text-decoration:line-through}

/* Botão assinar */
.btn-upgrade{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent2),var(--accent));border:none;border-radius:8px;color:#fff;font-family:'Orbitron',monospace;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-top:4px}
.btn-upgrade:disabled{opacity:.4;cursor:not-allowed}
.btn-upgrade:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}
.coming-soon{text-align:center;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:8px;min-height:18px}

/* Feedbacks de checkout */
.checkout-feedback{font-size:.82rem;border-radius:8px;padding:10px 14px;margin-bottom:14px;line-height:1.5}
.checkout-feedback.ok{background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.3);color:var(--green)}
.checkout-feedback.warn{background:rgba(255,200,0,.08);border:1px solid rgba(255,200,0,.3);color:#ffc800}
.checkout-feedback.err{background:rgba(255,56,96,.08);border:1px solid rgba(255,56,96,.3);color:var(--red)}

.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}
.info-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;align-items:center;gap:14px}
.info-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.info-icon.blue{background:rgba(0,212,255,.1)}
.info-icon.purple{background:rgba(123,47,255,.1)}
.info-icon.green{background:rgba(0,255,136,.1)}
.info-text strong{display:block;font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:2px}
.info-text span{font-size:.75rem;color:var(--muted)}

.error-box{background:rgba(255,56,96,.08);border:1px solid rgba(255,56,96,.3);border-radius:8px;padding:14px 18px;color:var(--red);font-size:.9rem;margin-top:14px;display:none;line-height:1.5}

/* ── ADMIN ── */
.admin-wrap{padding:32px 0}
.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:14px}
.admin-title{font-family:'Orbitron',monospace;font-size:1rem;color:var(--accent);display:flex;align-items:center;gap:10px}
.admin-badge{font-size:.6rem;letter-spacing:2px;padding:3px 10px;border-radius:20px;background:rgba(255,56,96,.15);color:var(--red);border:1px solid rgba(255,56,96,.3);text-transform:uppercase}
.search-bar{display:flex;gap:8px;margin-bottom:20px}
.search-bar input{flex:1;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:'Rajdhani',sans-serif;font-size:.95rem;outline:none}
.search-bar input:focus{border-color:var(--accent)}
.btn-sm{font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:1px;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;text-transform:uppercase;transition:all .2s;white-space:nowrap}
.btn-sm.cyan{background:rgba(0,212,255,.15);color:var(--accent);border:1px solid rgba(0,212,255,.3)}
.btn-sm.cyan:hover{background:rgba(0,212,255,.3)}
.btn-sm.red{background:rgba(255,56,96,.15);color:var(--red);border:1px solid rgba(255,56,96,.3)}
.btn-sm.red:hover{background:rgba(255,56,96,.3)}
.btn-sm.green{background:rgba(0,255,136,.15);color:var(--green);border:1px solid rgba(0,255,136,.3)}
.btn-sm.green:hover{background:rgba(0,255,136,.3)}
.btn-sm.purple{background:rgba(123,47,255,.15);color:var(--accent2);border:1px solid rgba(123,47,255,.3)}
.btn-sm.purple:hover{background:rgba(123,47,255,.3)}

/* ABAS */
.tab-btn{font-family:'Orbitron',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;padding:10px 20px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:all .2s;margin-bottom:-1px}
.tab-btn:hover{color:var(--text)}
.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}

/* CARD DE PLANO (editor) */
.plan-editor-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;position:relative;overflow:hidden}
.plan-editor-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)}
.plan-editor-card label{display:block;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;margin-top:14px}
.plan-editor-card label:first-of-type{margin-top:0}
.plan-editor-card input{width:100%;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:'Rajdhani',sans-serif;font-size:.95rem;outline:none;transition:border-color .2s}
.plan-editor-card input:focus{border-color:var(--accent)}
.plan-editor-slug{font-family:'Orbitron',monospace;font-size:.7rem;color:var(--muted);margin-bottom:16px;letter-spacing:1px}
.btn-save-plan{margin-top:16px;width:100%;padding:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:8px;color:#fff;font-family:'Orbitron',monospace;font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
.btn-save-plan:hover{opacity:.85}
.btn-save-plan:disabled{opacity:.4;cursor:not-allowed}
.save-feedback{font-size:.75rem;margin-top:8px;text-align:center;min-height:18px}
.save-feedback.ok{color:var(--green)}
.save-feedback.err{color:var(--red)}

/* TABELA */
.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}
table{width:100%;border-collapse:collapse;min-width:800px}
thead tr{background:var(--surface)}
th{padding:12px 16px;font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}
td{padding:12px 16px;font-size:.88rem;color:var(--text);border-bottom:1px solid rgba(26,31,53,.6);vertical-align:middle}
tr:last-child td{border-bottom:none}
tr:hover td{background:rgba(255,255,255,.02)}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green)}
.status-dot.offline{background:var(--muted)}
.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.65rem;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.badge.trial{background:rgba(0,212,255,.1);color:var(--accent);border:1px solid rgba(0,212,255,.2)}
.badge.monthly{background:rgba(0,255,136,.1);color:var(--green);border:1px solid rgba(0,255,136,.2)}
.badge.quarterly{background:rgba(123,47,255,.1);color:var(--accent2);border:1px solid rgba(123,47,255,.2)}
.badge.yearly{background:rgba(255,200,0,.1);color:#ffc800;border:1px solid rgba(255,200,0,.2)}
.badge.banned{background:rgba(255,56,96,.15);color:var(--red);border:1px solid rgba(255,56,96,.3)}
.time-left.ok{color:var(--green)}
.time-left.exp{color:var(--red)}

/* MODAL */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1000;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.modal-bg.open{display:flex}
.modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:36px;width:100%;max-width:400px;position:relative}
.modal::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent);border-radius:16px 16px 0 0}
.modal-title{font-family:'Orbitron',monospace;font-size:.85rem;letter-spacing:2px;color:var(--accent);margin-bottom:24px}
.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;line-height:1}
.modal-close:hover{color:var(--red)}
.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.plan-opt{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:all .2s;text-align:center}
.plan-opt:hover,.plan-opt.selected{border-color:var(--accent);background:rgba(0,212,255,.08)}
.plan-opt-name{font-family:'Orbitron',monospace;font-size:.7rem;color:var(--text);margin-bottom:4px}
.plan-opt-dur{font-size:.75rem;color:var(--muted)}
.plan-opt-price{font-size:.8rem;color:var(--accent);margin-top:4px}

footer{border-top:1px solid var(--border);padding:24px 0;text-align:center;font-size:.75rem;color:var(--muted);letter-spacing:1px;margin-top:60px}
@media(max-width:600px){.card{padding:24px 16px}.steps{flex-direction:column}.stats{gap:24px}.panel-box{padding:28px 20px}.plan-options{grid-template-columns:1fr}}

/* Tela de carregamento */
    .loading-screen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.95);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        opacity: 1;
        transition: opacity 0.5s ease-out;
    }
    .loading-screen.fade-out {
        opacity: 0;
        pointer-events: none;
    }
	
	.loading-screen.hidden {
    display: none;
}

    /* Spinner (círculo giratório) */
    .spinner {
        width: 50px;
        height: 50px;
        border: 5px solid rgba(255, 255, 255, 0.3); /* Cor externa */
        border-top: 5px solid #fff; /* Cor giratória */
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    /* Animação de rotação */
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

.fixed-buttons {
    position: fixed;         /* Fixa os banners na lateral esquerda da tela */
    top: 50%;                /* Centraliza verticalmente */
    left: 0;                 /* Encosta na borda esquerda */
    transform: translateY(-50%); /* Move o grupo para alinhar ao centro vertical */
    display: flex;           /* Habilita o layout flexível */
    flex-direction: column;  /* Empilha os elementos verticalmente */
    align-items: flex-start; /* Alinha os itens à esquerda */
    gap: 10px;               /* Espaçamento entre os itens */
    z-index: 10;             /* Garante que os banners fiquem acima de outros elementos */
}

.fixed-buttons a {
    display: block;          /* Garante que cada link seja tratado como bloco */
    width: 120px;            /* Define largura padrão para todos os links */
}

.fixed-buttons img {
    display: block;          /* Impede comportamento inline estranho */
    height: 30px;        /* Altura fixa */
    width: 80px;        /* Largura fixa */
    border-radius: 10px;     /* Bordas arredondadas */
    transition: transform 0.2s ease; /* Animação ao passar o mouse */
}

.fixed-buttons img:hover {
    transform: scale(1.1);   /* Efeito de zoom no hover */
}