Marchio24.it – Registrazione Marchio Online in Italia /* ══════════════════════════════════════════ VARIABLES & RESET ══════════════════════════════════════════ */ :root { --dark: #070d1c; --dark2: #0d1425; --navy: #111e3a; --blue: #1e3a8a; --accent: #2563eb; --accent2: #60a5fa; --gold: #f59e0b; --gold2: #fbbf24; --green: #10b981; --white: #ffffff; --gray: #64748b; --gray2: #94a3b8; --light: #f8fafc; --card: #0f1a30; --card2: #131f36; --border: rgba(255,255,255,0.07); --border2: rgba(255,255,255,0.12); --shadow: 0 20px 60px rgba(0,0,0,0.5); } *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{ font-family:'DM Sans',sans-serif; background:var(--dark); color:var(--white); overflow-x:hidden; min-height:100vh; } a{text-decoration:none;color:inherit;} img{max-width:100%;display:block;} ul{list-style:none;} /* ══ PAGE ROUTER ══ */ .page{display:none;} .page.active{display:block;} /* ══════════════════════════════════════════ TOPBAR ══════════════════════════════════════════ */ .topbar{ background:rgba(7,13,28,0.97); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); position:sticky;top:0;z-index:1000; } .topbar-inner{ max-width:1320px;margin:0 auto; padding:0 28px; display:flex;align-items:center; height:68px;gap:8px; } .logo{ font-family:'Sora',sans-serif; font-weight:800;font-size:1.45rem; color:var(--white);letter-spacing:-0.5px; flex-shrink:0;cursor:pointer; display:flex;align-items:center;gap:2px; } .logo-24{ background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text;-webkit-text-fill-color:transparent; } nav{ display:flex;align-items:center;gap:2px; margin:0 auto 0 32px; } .nav-item{position:relative;} .nav-link{ color:rgba(255,255,255,0.72); font-size:0.875rem;font-weight:500; padding:8px 13px;border-radius:8px; display:flex;align-items:center;gap:4px; transition:all 0.18s;cursor:pointer; white-space:nowrap; } .nav-link:hover{color:#fff;background:rgba(255,255,255,0.06);} .nav-link .arr{font-size:0.6rem;opacity:0.5;transition:transform 0.2s;} .nav-item:hover .arr{transform:rotate(180deg);} .dropdown{ display:none; position:absolute;top:calc(100%+8px);left:0; background:#13203a; border:1px solid var(--border2); border-radius:16px;padding:18px; min-width:280px; box-shadow:var(--shadow);z-index:300; } .nav-item:hover .dropdown{display:block;} .dd-label{ font-size:0.68rem;font-weight:700; text-transform:uppercase;letter-spacing:1px; color:var(--gray2);padding:0 8px;margin:10px 0 4px; } .dd-label:first-child{margin-top:0;} .dropdown a{ display:flex;align-items:center;gap:8px; padding:8px 8px;color:rgba(255,255,255,0.75); font-size:0.845rem;border-radius:8px; transition:all 0.15s; } .dropdown a:hover{background:rgba(37,99,235,0.12);color:#fff;} .dd-flag{font-size:1rem;} .nav-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;} .nav-email{font-size:0.8rem;color:var(--gray2);display:none;} @media(min-width:1100px){.nav-email{display:block;}} .btn-partner{ background:transparent;color:var(--accent2); border:1px solid rgba(96,165,250,0.28); padding:8px 16px;border-radius:8px; font-size:0.83rem;font-weight:600; cursor:pointer;transition:all 0.2s;font-family:inherit; } .btn-partner:hover{border-color:var(--accent2);background:rgba(96,165,250,0.08);} .btn-chat{ background:var(--accent);color:#fff; border:none;padding:9px 20px;border-radius:9px; font-size:0.83rem;font-weight:700; cursor:pointer;transition:all 0.2s;font-family:inherit; } .btn-chat:hover{background:#1d4ed8;transform:translateY(-1px);} /* ══════════════════════════════════════════ COMMON ══════════════════════════════════════════ */ .container{max-width:1320px;margin:0 auto;padding:0 28px;} .section{padding:88px 28px;} .section-sm{padding:60px 28px;} .tag{ display:inline-flex;align-items:center;gap:6px; background:rgba(37,99,235,0.1); color:var(--accent2); border:1px solid rgba(37,99,235,0.22); padding:4px 14px;border-radius:20px; font-size:0.72rem;font-weight:700; text-transform:uppercase;letter-spacing:1px; } h1.hero-h1{ font-family:'Sora',sans-serif; font-size:clamp(2.1rem,4.2vw,3.2rem); font-weight:800;line-height:1.13; letter-spacing:-1.2px;margin-bottom:18px; } h2.section-h2{ font-family:'Sora',sans-serif; font-size:clamp(1.5rem,2.8vw,2.2rem); font-weight:800;letter-spacing:-0.5px; margin-bottom:14px; } p.lead{font-size:1rem;color:var(--gray2);line-height:1.75;} .steps-bar{ display:inline-flex;align-items:center; background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:12px;padding:4px;gap:0; margin-bottom:36px; } .step-pill{ display:flex;align-items:center;gap:7px; padding:9px 18px;border-radius:9px; font-size:0.82rem;font-weight:600; color:var(--gray2);transition:all 0.2s; } .step-pill.active{background:var(--accent);color:#fff;} .step-pill .sn{ width:20px;height:20px;border-radius:50%; background:rgba(255,255,255,0.12); display:flex;align-items:center;justify-content:center; font-size:0.7rem;font-weight:700; } .step-pill.active .sn{background:rgba(255,255,255,0.22);} /* ══════════════════════════════════════════ CARD STYLES ══════════════════════════════════════════ */ .card{ background:var(--card); border:1px solid var(--border); border-radius:18px;padding:28px; transition:all 0.25s; } .card:hover{ border-color:rgba(37,99,235,0.3); transform:translateY(-3px); box-shadow:0 12px 40px rgba(37,99,235,0.12); } .card-featured{ border-color:var(--accent) !important; background:linear-gradient(145deg,#162144,#0f1a30); box-shadow:0 0 50px rgba(37,99,235,0.13); } /* ══════════════════════════════════════════ BUTTONS ══════════════════════════════════════════ */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; padding:12px 24px;border-radius:10px; font-size:0.9rem;font-weight:700; cursor:pointer;transition:all 0.2s; border:none;font-family:inherit; } .btn-primary{background:var(--accent);color:#fff;} .btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);} .btn-outline{ background:transparent;color:#fff; border:1px solid var(--border2); } .btn-outline:hover{border-color:var(--accent);background:rgba(37,99,235,0.08);} .btn-gold{background:linear-gradient(135deg,var(--gold),#d97706);color:#000;} .btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,0.3);} .btn-lg{padding:15px 32px;font-size:1rem;border-radius:12px;} .btn-full{width:100%;} /* ══════════════════════════════════════════ FEATURES / CHECKS ══════════════════════════════════════════ */ .check-list{list-style:none;} .check-list li{ display:flex;align-items:flex-start;gap:10px; font-size:0.88rem;color:rgba(255,255,255,0.78); padding:7px 0;border-bottom:1px solid var(--border); } .check-list li:last-child{border-bottom:none;} .chk{ width:20px;height:20px;flex-shrink:0; background:rgba(37,99,235,0.15);border-radius:50%; display:flex;align-items:center;justify-content:center; color:var(--accent2);font-size:0.7rem;margin-top:1px; } .chk.green{background:rgba(16,185,129,0.15);color:var(--green);} /* ══════════════════════════════════════════ HERO GRID ══════════════════════════════════════════ */ .hero{ position:relative;overflow:hidden; background:linear-gradient(155deg,#070d1c 0%,#0e1d3b 55%,#08111f 100%); padding:72px 28px 100px; } .hero::before{ content:'';position:absolute; top:-250px;right:-150px; width:700px;height:700px; background:radial-gradient(circle,rgba(37,99,235,0.1) 0%,transparent 65%); pointer-events:none; } .hero::after{ content:'';position:absolute; bottom:-80px;left:-80px; width:450px;height:450px; background:radial-gradient(circle,rgba(245,158,11,0.06) 0%,transparent 65%); pointer-events:none; } .hero-grid{ max-width:1320px;margin:0 auto; display:grid;grid-template-columns:1fr 400px; gap:60px;align-items:center; } @media(max-width:960px){ .hero-grid{grid-template-columns:1fr;} .hero-side{display:none;} } .hero-content{animation:fadeUp 0.55s ease both;} /* ══ Start cards ══ */ .start-grid{ display:grid;grid-template-columns:1fr 1fr; gap:14px;max-width:600px;margin-top:36px; } @media(max-width:560px){.start-grid{grid-template-columns:1fr;}} .start-card{ background:var(--card); border:1px solid var(--border); border-radius:16px;padding:22px; cursor:pointer;transition:all 0.25s;display:block; } .start-card:hover{border-color:var(--accent);transform:translateY(-3px);} .start-card.ai-card{border-color:rgba(37,99,235,0.35);} .time-pill{ display:inline-block; background:rgba(245,158,11,0.12);color:var(--gold); border:1px solid rgba(245,158,11,0.28); padding:2px 10px;border-radius:20px; font-size:0.72rem;font-weight:700;margin-bottom:10px; } .start-card h4{ font-family:'Sora',sans-serif; font-size:0.9rem;font-weight:700; margin-bottom:7px;line-height:1.3; } .start-card p{font-size:0.77rem;color:var(--gray2);line-height:1.5;margin-bottom:14px;} /* ══ Hero side panel ══ */ .hero-side{ display:flex;flex-direction:column;align-items:center;gap:16px; } .save-pill{ background:linear-gradient(135deg,var(--gold),#d97706); color:#000;padding:10px 24px;border-radius:30px; font-weight:800;font-size:0.88rem; box-shadow:0 8px 28px rgba(245,158,11,0.28); } .hero-mascot{ width:180px;height:220px; background:linear-gradient(135deg,rgba(37,99,235,0.08),rgba(245,158,11,0.05)); border:1px solid var(--border);border-radius:20px; display:flex;align-items:center;justify-content:center; font-size:5rem; } /* ══════════════════════════════════════════ PRICING SECTION ══════════════════════════════════════════ */ .pricing-section{ background:var(--dark2);padding:80px 28px; border-top:1px solid var(--border); } .type-toggle{ display:inline-flex; background:rgba(255,255,255,0.04); border:1px solid var(--border);border-radius:12px;padding:4px; margin-bottom:48px; } .tog-btn{ padding:9px 26px;border-radius:9px;border:none; background:transparent;color:var(--gray2); font-size:0.87rem;font-weight:600; cursor:pointer;transition:all 0.2s;font-family:inherit; } .tog-btn.on{background:var(--accent);color:#fff;} .price-grid{ display:grid;grid-template-columns:repeat(3,1fr); gap:22px;max-width:920px;margin:0 auto; } @media(max-width:768px){.price-grid{grid-template-columns:1fr;max-width:380px;}} .price-card{ background:var(--card);border:1px solid var(--border); border-radius:20px;padding:30px 26px; position:relative;transition:all 0.25s; } .price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);} .price-card.feat{ border-color:var(--accent); background:linear-gradient(145deg,#162244,#0f1a30); box-shadow:0 0 55px rgba(37,99,235,0.14); } .best-tag{ position:absolute;top:14px;right:14px; background:linear-gradient(135deg,var(--gold),#d97706); color:#000;font-size:0.68rem;font-weight:800; padding:3px 10px;border-radius:20px; text-transform:uppercase;letter-spacing:0.4px; } .price-card h3{ font-family:'Sora',sans-serif; font-size:1.05rem;font-weight:700;margin-bottom:7px; } .price-card .pd{font-size:0.8rem;color:var(--gray2);margin-bottom:18px;line-height:1.55;} .price-old{font-size:0.88rem;color:var(--gray);text-decoration:line-through;margin-bottom:3px;} .price-num{ font-family:'Sora',sans-serif; font-size:2rem;font-weight:800; } .price-num span{font-size:1rem;font-weight:400;color:var(--gray2);} .price-save{font-size:0.77rem;color:var(--green);margin:4px 0 22px;} /* ══════════════════════════════════════════ CONTENT SECTION ══════════════════════════════════════════ */ .content-section{ padding:80px 28px; background:var(--dark); border-top:1px solid var(--border); } .content-wrap{max-width:860px;margin:0 auto;} .content-wrap h2{ font-family:'Sora',sans-serif; font-size:clamp(1.5rem,2.8vw,2rem); font-weight:800;margin-bottom:22px;letter-spacing:-0.5px; } .content-wrap p{ font-size:0.95rem;color:rgba(255,255,255,0.68); line-height:1.82;margin-bottom:16px; } .step-blk{ background:var(--card); border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:12px;padding:20px 22px;margin-bottom:14px; } .step-blk h3{ font-family:'Sora',sans-serif; font-size:0.97rem;font-weight:700; color:var(--accent2);margin-bottom:7px; } .step-blk p{margin-bottom:0;font-size:0.9rem;} /* ══════════════════════════════════════════ APP BANNER ══════════════════════════════════════════ */ .app-banner{ background:linear-gradient(135deg,#0e1d3b,#070d1c); border-top:1px solid var(--border); padding:56px 28px;text-align:center; } .app-banner h3{ font-family:'Sora',sans-serif; font-size:1.4rem;font-weight:700;margin-bottom:8px; } .app-banner p{font-size:0.88rem;color:var(--gray2);margin-bottom:28px;} .app-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;} .app-btn{ display:flex;align-items:center;gap:10px; background:rgba(255,255,255,0.05); border:1px solid var(--border2); border-radius:12px;padding:12px 20px; color:#fff;font-weight:600;font-size:0.87rem; transition:all 0.2s; } .app-btn:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.18);} .app-btn .ai{font-size:1.4rem;} .app-btn .at{font-size:0.68rem;color:var(--gray2);font-weight:400;line-height:1;} /* ══════════════════════════════════════════ FOOTER ══════════════════════════════════════════ */ footer{ background:#040810; border-top:1px solid var(--border); padding:56px 28px 28px; } .footer-grid{ max-width:1320px;margin:0 auto; display:grid;grid-template-columns:2fr 1fr 1fr 1fr; gap:40px;margin-bottom:44px; } @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}} @media(max-width:520px){.footer-grid{grid-template-columns:1fr;}} .footer-brand .logo{margin-bottom:14px;display:inline-flex;} .footer-brand p{font-size:0.83rem;color:var(--gray2);line-height:1.72;margin-bottom:18px;} .f-email{font-size:0.83rem;color:var(--accent2);display:block;margin-bottom:12px;} .f-email:hover{text-decoration:underline;} .social-row{display:flex;gap:10px;margin-bottom:18px;} .s-btn{ width:34px;height:34px;border-radius:8px; background:rgba(255,255,255,0.05); border:1px solid var(--border); display:flex;align-items:center;justify-content:center; color:var(--gray2);font-size:0.78rem;font-weight:700; transition:all 0.2s;cursor:pointer; } .s-btn:hover{background:rgba(37,99,235,0.14);color:var(--accent2);border-color:rgba(37,99,235,0.28);} .pay-row{display:flex;gap:7px;flex-wrap:wrap;} .pay-chip{ background:rgba(255,255,255,0.05); border:1px solid var(--border); border-radius:6px;padding:3px 9px; font-size:0.7rem;color:var(--gray2);font-weight:600; } .footer-col h5{ font-family:'Sora',sans-serif; font-size:0.78rem;font-weight:700; text-transform:uppercase;letter-spacing:0.6px; color:rgba(255,255,255,0.38);margin-bottom:14px; } .footer-col a{ display:block;color:rgba(255,255,255,0.58); font-size:0.83rem;padding:5px 0;transition:color 0.15s;cursor:pointer; } .footer-col a:hover{color:#fff;} .footer-bottom{ max-width:1320px;margin:0 auto; border-top:1px solid var(--border);padding-top:22px; display:flex;align-items:center;justify-content:space-between; flex-wrap:wrap;gap:12px; } .footer-bottom p{font-size:0.78rem;color:var(--gray);} .f-badges{display:flex;gap:12px;flex-wrap:wrap;} .f-badge{ background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:7px;padding:4px 11px; font-size:0.72rem;color:var(--gray2);font-weight:600; } /* ══════════════════════════════════════════ PAGE: CHI SIAMO ══════════════════════════════════════════ */ .page-hero{ background:linear-gradient(155deg,#070d1c,#0e1d3b,#070d1c); padding:72px 28px 80px;text-align:center; border-bottom:1px solid var(--border); } .page-hero h1{ font-family:'Sora',sans-serif; font-size:clamp(2rem,4vw,3rem);font-weight:800; letter-spacing:-1px;margin:16px 0 14px; } .page-hero p{font-size:1rem;color:var(--gray2);max-width:580px;margin:0 auto;} .offices-grid{ display:grid;grid-template-columns:repeat(3,1fr); gap:18px;max-width:1100px;margin:0 auto; } @media(max-width:768px){.offices-grid{grid-template-columns:1fr 1fr;}} @media(max-width:480px){.offices-grid{grid-template-columns:1fr;}} .office-card{ background:var(--card);border:1px solid var(--border); border-radius:14px;padding:20px; } .office-card h4{ font-family:'Sora',sans-serif; font-size:0.95rem;font-weight:700;margin-bottom:8px;color:var(--accent2); } .office-card p{font-size:0.82rem;color:var(--gray2);line-height:1.6;} .stats-row{ display:flex;justify-content:center;gap:40px; flex-wrap:wrap;padding:48px 28px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--dark2); } .stat-item{text-align:center;} .stat-item .num{ font-family:'Sora',sans-serif; font-size:2.4rem;font-weight:800; background:linear-gradient(135deg,var(--accent2),var(--gold)); -webkit-background-clip:text;-webkit-text-fill-color:transparent; } .stat-item p{font-size:0.82rem;color:var(--gray2);margin-top:4px;} /* ══════════════════════════════════════════ PAGE: RICERCA MARCHI ══════════════════════════════════════════ */ .search-box{ max-width:680px;margin:0 auto; background:var(--card);border:1px solid var(--border2); border-radius:18px;padding:32px; } .search-input-wrap{ display:flex;gap:10px;margin-bottom:14px; } .search-input{ flex:1;background:rgba(255,255,255,0.05); border:1px solid var(--border2);border-radius:10px; padding:13px 18px;color:#fff;font-size:0.95rem; font-family:inherit;outline:none;transition:border 0.2s; } .search-input:focus{border-color:var(--accent);} .search-input::placeholder{color:var(--gray);} .class-grid{ display:grid;grid-template-columns:repeat(5,1fr); gap:8px;margin-top:16px; } @media(max-width:560px){.class-grid{grid-template-columns:repeat(3,1fr);}} .class-chip{ background:rgba(255,255,255,0.04); border:1px solid var(--border);border-radius:8px; padding:7px 4px;text-align:center;cursor:pointer; font-size:0.75rem;color:var(--gray2);transition:all 0.18s; } .class-chip:hover,.class-chip.sel{ background:rgba(37,99,235,0.14); border-color:var(--accent);color:#fff; } .class-chip .cn{ font-family:'Sora',sans-serif; font-size:1rem;font-weight:700;color:var(--accent2); display:block; } /* ══════════════════════════════════════════ PAGE: MONITORAGGIO ══════════════════════════════════════════ */ .monitor-form{ max-width:680px;margin:0 auto; background:var(--card);border:1px solid var(--border2); border-radius:18px;padding:32px; } .form-group{margin-bottom:18px;} .form-label{ display:block;font-size:0.82rem;font-weight:600; color:var(--gray2);margin-bottom:6px; } .form-input,.form-select{ width:100%;background:rgba(255,255,255,0.05); border:1px solid var(--border2);border-radius:10px; padding:12px 16px;color:#fff;font-size:0.9rem; font-family:inherit;outline:none;transition:border 0.2s; } .form-input:focus,.form-select:focus{border-color:var(--accent);} .form-input::placeholder{color:var(--gray);} .form-select{cursor:pointer;} .form-select option{background:var(--card);color:#fff;} /* ══════════════════════════════════════════ PAGE: PARTNER ══════════════════════════════════════════ */ .partner-steps{ display:grid;grid-template-columns:repeat(4,1fr); gap:18px;max-width:1000px;margin:48px auto; } @media(max-width:768px){.partner-steps{grid-template-columns:repeat(2,1fr);}} @media(max-width:480px){.partner-steps{grid-template-columns:1fr;}} .p-step{ background:var(--card);border:1px solid var(--border); border-radius:14px;padding:22px 18px;text-align:center; } .p-step-num{ width:44px;height:44px;border-radius:12px; background:linear-gradient(135deg,var(--accent),#1d4ed8); display:flex;align-items:center;justify-content:center; font-family:'Sora',sans-serif;font-weight:800;font-size:1.1rem; margin:0 auto 12px; } .p-step h4{ font-family:'Sora',sans-serif;font-size:0.95rem; font-weight:700;margin-bottom:6px; } .p-step p{font-size:0.8rem;color:var(--gray2);line-height:1.5;} .commission-table{ width:100%;border-collapse:collapse; background:var(--card);border:1px solid var(--border); border-radius:14px;overflow:hidden;margin-top:32px; } .commission-table th{ background:rgba(37,99,235,0.12); padding:14px 18px;font-size:0.82rem;font-weight:700; color:var(--accent2);text-align:left; } .commission-table td{ padding:13px 18px;font-size:0.85rem; color:rgba(255,255,255,0.75); border-top:1px solid var(--border); } .commission-table tr:hover td{background:rgba(255,255,255,0.02);} /* ══════════════════════════════════════════ PAGE: PAGAMENTO / STRIPE ══════════════════════════════════════════ */ .payment-layout{ max-width:960px;margin:0 auto; display:grid;grid-template-columns:1fr 420px; gap:28px;padding:60px 28px; } @media(max-width:768px){.payment-layout{grid-template-columns:1fr;}} .order-summary{ background:var(--card);border:1px solid var(--border2); border-radius:18px;padding:28px; position:sticky;top:88px;height:fit-content; } .order-summary h3{ font-family:'Sora',sans-serif;font-size:1.1rem; font-weight:700;margin-bottom:22px; padding-bottom:16px;border-bottom:1px solid var(--border); } .order-line{ display:flex;justify-content:space-between;align-items:center; font-size:0.88rem;padding:10px 0; border-bottom:1px solid var(--border); color:rgba(255,255,255,0.75); } .order-line:last-of-type{border-bottom:none;} .order-line .val{font-weight:600;color:#fff;} .order-total{ display:flex;justify-content:space-between;align-items:center; padding:16px 0 0;margin-top:8px; border-top:2px solid var(--border2); } .order-total .label{ font-family:'Sora',sans-serif;font-weight:700;font-size:1rem; } .order-total .amount{ font-family:'Sora',sans-serif;font-weight:800; font-size:1.6rem;color:var(--accent2); } .payment-form{ background:var(--card);border:1px solid var(--border2); border-radius:18px;padding:30px; } .payment-form h2{ font-family:'Sora',sans-serif;font-size:1.25rem; font-weight:700;margin-bottom:24px; } .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;} @media(max-width:440px){.form-row-2{grid-template-columns:1fr;}} #stripe-card-element{ background:rgba(255,255,255,0.05); border:1px solid var(--border2);border-radius:10px; padding:14px 16px;transition:border 0.2s; } #stripe-card-element.StripeElement--focus{border-color:var(--accent);} #card-errors{ color:#f87171;font-size:0.8rem;margin-top:8px;min-height:18px; } .secure-badge{ display:flex;align-items:center;gap:8px; background:rgba(16,185,129,0.06); border:1px solid rgba(16,185,129,0.18); border-radius:10px;padding:12px 16px;margin:18px 0; font-size:0.8rem;color:var(--green); } .payment-methods{ display:flex;align-items:center;gap:8px;margin-top:10px; } .pm-chip{ background:rgba(255,255,255,0.06); border:1px solid var(--border); border-radius:6px;padding:4px 10px; font-size:0.72rem;color:var(--gray2);font-weight:600; } /* ══════════════════════════════════════════ PAGE: BLOG ══════════════════════════════════════════ */ .blog-grid{ display:grid;grid-template-columns:repeat(3,1fr); gap:22px;max-width:1100px;margin:0 auto; } @media(max-width:768px){.blog-grid{grid-template-columns:1fr 1fr;}} @media(max-width:520px){.blog-grid{grid-template-columns:1fr;}} .blog-card{ background:var(--card);border:1px solid var(--border); border-radius:16px;overflow:hidden; transition:all 0.25s;cursor:pointer; } .blog-card:hover{transform:translateY(-4px);border-color:rgba(37,99,235,0.3);} .blog-img{ height:160px; background:linear-gradient(135deg,var(--navy),#1e3a8a); display:flex;align-items:center;justify-content:center; font-size:2.5rem; } .blog-body{padding:20px;} .blog-cat{ display:inline-block; background:rgba(37,99,235,0.1);color:var(--accent2); border:1px solid rgba(37,99,235,0.2); padding:2px 10px;border-radius:20px; font-size:0.7rem;font-weight:700;margin-bottom:10px; } .blog-card h4{ font-family:'Sora',sans-serif;font-size:0.95rem; font-weight:700;margin-bottom:8px;line-height:1.35; } .blog-card p{font-size:0.82rem;color:var(--gray2);line-height:1.6;} .blog-meta{ display:flex;justify-content:space-between; font-size:0.75rem;color:var(--gray);margin-top:12px; } /* ══════════════════════════════════════════ PAGE: TERMINI ══════════════════════════════════════════ */ .terms-wrap{ max-width:780px;margin:0 auto;padding:60px 28px; } .terms-wrap h2{ font-family:'Sora',sans-serif;font-size:1.6rem; font-weight:800;margin-bottom:18px;letter-spacing:-0.4px; } .terms-wrap h3{ font-family:'Sora',sans-serif;font-size:1rem; font-weight:700;color:var(--accent2);margin:30px 0 10px; } .terms-wrap p,.terms-wrap ul{ font-size:0.9rem;color:rgba(255,255,255,0.65); line-height:1.82;margin-bottom:14px; } .terms-wrap ul{padding-left:20px;} .terms-wrap li{margin-bottom:6px;} /* ══════════════════════════════════════════ PAGE: SERVIZI SPECIFICI ══════════════════════════════════════════ */ .country-hero{ padding:72px 28px 80px; background:linear-gradient(155deg,#070d1c,#0e1d3b 60%,#070d1c); border-bottom:1px solid var(--border); } .country-flag{font-size:4rem;margin-bottom:16px;} .features-grid{ display:grid;grid-template-columns:repeat(3,1fr); gap:18px;margin-top:48px; } @media(max-width:768px){.features-grid{grid-template-columns:1fr;}} .feat-card{ background:var(--card);border:1px solid var(--border); border-radius:14px;padding:22px; } .feat-card .icon{font-size:1.8rem;margin-bottom:12px;} .feat-card h4{ font-family:'Sora',sans-serif;font-size:0.95rem; font-weight:700;margin-bottom:7px; } .feat-card p{font-size:0.82rem;color:var(--gray2);line-height:1.55;} /* ══════════════════════════════════════════ SUCCESS / CONFIRM ══════════════════════════════════════════ */ .success-wrap{ max-width:560px;margin:0 auto; padding:80px 28px;text-align:center; } .success-icon{ width:80px;height:80px;border-radius:50%; background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(16,185,129,0.05)); border:2px solid var(--green); display:flex;align-items:center;justify-content:center; font-size:2.5rem;margin:0 auto 28px; } .success-wrap h2{ font-family:'Sora',sans-serif;font-size:1.8rem; font-weight:800;margin-bottom:14px; } .success-wrap p{color:var(--gray2);line-height:1.7;margin-bottom:28px;} /* ══════════════════════════════════════════ ANIMATIONS ══════════════════════════════════════════ */ @keyframes fadeUp{ from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} } .fade-in{animation:fadeUp 0.5s ease both;} /* ══════════════════════════════════════════ MOBILE NAV TOGGLE ══════════════════════════════════════════ */ .mob-nav-btn{ display:none;flex-direction:column;gap:5px; cursor:pointer;padding:6px;background:none;border:none; } .mob-nav-btn span{ display:block;width:22px;height:2px; background:#fff;border-radius:2px;transition:all 0.2s; } @media(max-width:900px){ nav{display:none;} .mob-nav-btn{display:flex;} } .mobile-menu{ display:none;position:fixed;top:68px;left:0;right:0;bottom:0; background:rgba(7,13,28,0.98);backdrop-filter:blur(16px); z-index:999;overflow-y:auto;padding:24px 28px; } .mobile-menu.open{display:block;} .mob-link{ display:block;padding:14px 0; font-size:1.05rem;font-weight:600;color:rgba(255,255,255,0.8); border-bottom:1px solid var(--border);cursor:pointer; } .mob-link:hover{color:#fff;} /* TOAST */ #toast{ position:fixed;bottom:28px;right:28px;z-index:9999; background:#1e3a8a;border:1px solid var(--accent); border-radius:12px;padding:14px 20px; font-size:0.88rem;color:#fff;font-weight:600; box-shadow:var(--shadow); opacity:0;transform:translateY(10px); transition:all 0.3s;pointer-events:none; } #toast.show{opacity:1;transform:translateY(0);}
🏠 Home – Registra Marchio IT 🔍 Ricerca Marchi 🇪🇺 Marchio UE 🇺🇸 Marchio USA 🇬🇧 Marchio UK 🌍 Marchio Internazionale 📊 Monitoraggio ⚖️ Opposizione ⭐ I nostri clienti 🏢 Chi siamo 📝 Blog 🤝 Diventa partner
💰 Risparmia fino al 5% sul registro
⚖️
Stripe VISA Mastercard PayPal
💶 Prezzi Trasparenti

Prezzi per la registrazione in Italia

IVA inclusa · Nessun costo nascosto

Ricerca Marchi

Report professionale con valutazione rischi per la registrazione del tuo marchio.

100,00 €
  • ✓Analisi di marchi simili
  • ✓Raccomandazioni esperti
  • ✓Pronto in 24 ore
Miglior valore

Registrazione Marchio

Registrazione completa del tuo marchio in Italia con supporto esperto dedicato.

485,00 €
461,00 €
✓ Risparmi 24,00 €
  • ✓Servizio automatico
  • ✓Account personale
  • ✓Supporto esperto

Monitoraggio Marchi

Monitora quotidianamente il tuo marchio e ricevi notifiche su violazioni.

da 250,00 €/anno
  • ✓Monitoraggio quotidiano
  • ✓Notifica rapida
  • ✓Strategia di opposizione

Registrare un marchio online in Italia

La registrazione di un marchio è un passo cruciale per proteggere l'identità del tuo prodotto o servizio. In Italia, è possibile effettuare la registrazione del marchio online, semplificando e velocizzando l'intero processo grazie alla piattaforma Marchio24.it.

1. Preparazione e Ricerca Preliminare

Prima di avviare la procedura è fondamentale verificare che il marchio non sia già registrato nel database UIBM. Il nostro strumento di ricerca automatizzata effettua questa verifica in pochi secondi.

2. Registrazione sul Portale Online

Accedi alla piattaforma Marchio24.it, crea il tuo account e avvia la procedura guidata. In pochi clic avrai una domanda completa, pronta all'invio.

3. Compilazione della Domanda

Indica nome del marchio, classificazione merceologica (le classi Nice in cui operi) e una descrizione dettagliata. Il nostro sistema AI supporta ogni passo.

4. Documentazione e Allegati

Carica la rappresentazione grafica del marchio (logo), i documenti di identità del richiedente e la prova di avvenuto pagamento.

5. Pagamento e Invio

Paga in modo sicuro tramite Stripe, PayPal o carta di credito. Riceverai conferma immediata e il numero di protocollo della domanda.

6. Protezione Definitiva

Dopo l'esame dell'UIBM (circa 6–12 mesi) riceverai il certificato ufficiale di registrazione. Il marchio sarà protetto per 10 anni, rinnovabile.

I tuoi marchi sempre con te

Gestisci le tue registrazioni ovunque ti trovi con l'app Marchio24

🔍 Ricerca Intelligente

Ricerca Marchi

Verifica la disponibilità del tuo marchio nel database UIBM e ricevi un report professionale con valutazione dei rischi.

🏢 La nostra storia

Chi siamo

Marchio24.it è la piattaforma italiana leader per la registrazione online di marchi. Siamo il team di Preventivi Italia srl, con anni di esperienza nel settore della proprietà intellettuale.

2.000+

Marchi registrati

150

Paesi coperti

24/7

Assistenza clienti

98%

Clienti soddisfatti

📍 Dove siamo

Le nostre sedi

🇮🇹 Italia – Sede principale

Preventivi Italia srl
Via Roma 1, 00100 Roma (RM)
info@marchio24.it

🇪🇺 Unione Europea

Piattaforma accreditata per la registrazione marchi presso l'EUIPO (Alicante).
info@marchio24.it

🇺🇸 USA

Servizio di registrazione presso l'USPTO per il mercato americano.
info@marchio24.it

🇬🇧 Regno Unito

Registrazione presso l'UKIPO post-Brexit per proteggere il tuo brand nel mercato britannico.
info@marchio24.it

🌍 Madrid (WIPO)

Domande internazionali tramite il sistema di Madrid per protezione in oltre 130 paesi.
info@marchio24.it

📱 App & Digitale

Gestione completa da mobile. Monitora, ricevi notifiche e agisci da qualsiasi dispositivo.
info@marchio24.it

La nostra missione

Marchio24.it nasce con l'obiettivo di rendere la registrazione del marchio accessibile a tutti: imprenditori, startup, liberi professionisti e grandi aziende. Attraverso la tecnologia e un team di esperti in proprietà intellettuale, offriamo un servizio rapido, trasparente e conveniente.

Ogni cliente riceve un account personale con dashboard completa, tracker dello stato della domanda e notifiche in tempo reale. La nostra app mobile garantisce il controllo totale del tuo marchio ovunque ti trovi.

Preventivi Italia srl gestisce la piattaforma Marchio24.it con piena responsabilità legale e operativa sul territorio italiano ed europeo.

I tuoi marchi sempre con te

Gestisci tutto dalla nostra app mobile

⭐ Recensioni verificate

I nostri clienti

Oltre 2.000 marchi registrati con successo. Scopri cosa dicono di noi.

★★★★★

"Servizio eccellente. Ho registrato il mio marchio in pochissimo tempo. Il team è stato disponibile e professionale."

Marco R. – Milano
★★★★★

"Finalmente una piattaforma italiana chiara e semplice. Ho protetto il mio brand senza stress. Consiglio a tutti!"

Giulia T. – Roma
★★★★★

"Processo completamente online, veloce e sicuro. In pochi giorni avevo la ricevuta della domanda all'UIBM."

Luca M. – Napoli
★★★★☆

"Ho utilizzato il servizio di monitoraggio dopo la registrazione. Ottimo strumento, mi sento molto più tranquilla."

Sara B. – Torino
★★★★★

"Ho registrato il marchio anche in UE. Prezzo competitivo e assistenza impeccabile. Tornerò sicuramente."

Davide F. – Firenze
★★★★★

"Ottima esperienza dalla A alla Z. Il report di ricerca mi ha aiutato a capire i rischi prima di procedere."

Anna C. – Bologna
🤝 Guadagna con noi

Programma Partner

Promuovi i servizi di Marchio24.it con il tuo codice promozionale e guadagna una commissione su ogni vendita.

1

Crea un account

Registrati gratuitamente come partner su Marchio24.it

2

Genera un codice

Crea il tuo codice promozionale personale dal pannello

3

Condividi il codice

Promuovi il tuo codice su social, siti, newsletter e blog

4

Ricevi il pagamento

Commissione automatica per ogni cliente che usa il tuo codice

6%

Commissione partner

3%

Sconto cliente

ServizioCosto min.Comm. 6%Comm. 3%
Registrazione Marchio (UE)€ 1.200€ 72€ 36
Registrazione Marchio (IT)€ 461€ 27,66€ 13,83
Registrazione Marchio (USA)€ 700€ 42€ 21
Registrazione Marchio (UK)€ 405€ 24,30€ 12,15
📊 Protezione attiva

Monitoraggio Marchi

Attiva il controllo continuo sul tuo marchio. Ricevi notifiche immediate su marchi simili e proteggi i tuoi diritti.

1Filling
2Esame
3Notifiche
⚠️

Violazione di Marchio

Senza monitoraggio potresti non accorgerti di registrazioni concorrenti che ledono il tuo brand.

💸

Perdite Finanziarie

Il ritardo nella rilevazione complica il recupero dei diritti e aumenta i costi legali.

🏆

Rischi Reputazionali

L'uso incontrollato del tuo marchio può associarlo a prodotti o servizi di bassa qualità.

Attiva ora la protezione del tuo marchio

🇮🇹 Italy🇪🇺 Unione Europea🇺🇸 USA🇬🇧 UK
Prezzo monitoraggio250,00 € / anno
Registri inclusi26 paesi UE
⚖️ Tutela legale

Opposizione Marchi

Presenta un'opposizione formale contro la registrazione di marchi confondibili con il tuo. Ti assistiamo in ogni fase del procedimento.

📋

Analisi Preliminare

Valutiamo la fondatezza dell'opposizione e il rischio di confusione tra i marchi.

📝

Redazione Atto

Prepariamo l'atto di opposizione con tutta la documentazione necessaria.

🛡️

Deposito e Seguito

Depositiamo l'opposizione e ti seguiamo fino alla decisione finale dell'ufficio marchi.

🇪🇺
Unione Europea

Registrazione Marchio UE

Un'unica domanda EUIPO protegge il tuo marchio in tutti i 27 paesi dell'Unione Europea. Validità 10 anni, rinnovabile.

🌍

27 paesi con 1 domanda

Protezione in tutto il territorio UE senza dover presentare domande nazionali separate.

💶

Costo conveniente

Una sola domanda EUIPO è più economica di tante domande nazionali separate.

⚡

Processo rapido

Esame in circa 4–6 mesi. Account personale per monitorare ogni passo.

🇺🇸
United States

Registrazione Marchio USA

Registra il tuo marchio presso l'USPTO (United States Patent and Trademark Office) e proteggi il tuo brand sul mercato americano.

🦅

Protezione USPTO

Registrazione ufficiale presso il più grande ufficio marchi al mondo.

🛒

Amazon & e-Commerce

Necessario per vendere su Amazon US e proteggere il brand sui marketplace americani.

⚖️

Tutela legale USA

Diritti esclusivi su tutto il territorio degli Stati Uniti per 10 anni.

🇬🇧
United Kingdom

Registrazione Marchio UK

Dopo la Brexit il marchio UE non copre più il Regno Unito. Registra il tuo marchio presso l'UKIPO per proteggere il brand nel mercato britannico.

🏛️

UKIPO

Deposito ufficiale presso l'Intellectual Property Office del Regno Unito.

🇬🇧

Post-Brexit

Protezione specifica per il mercato UK, indipendente dal marchio UE.

🚀

Processo veloce

L'UKIPO è tra gli uffici più efficienti in Europa per i tempi di esame.

🌍
Sistema Madrid – WIPO

Marchio Internazionale

Un'unica domanda internazionale (Sistema di Madrid) permette di proteggere il tuo marchio in oltre 130 paesi, riducendo i costi rispetto alle domande nazionali separate.

🌐

130+ paesi

Protezione globale con una sola domanda depositata tramite WIPO.

💰

Risparmio economico

Costo centralizzato inferiore rispetto a tante domande nazionali.

🔄

Rinnovo centralizzato

Un unico rinnovo ogni 10 anni copre tutti i paesi selezionati.

🌐 Registrazione Domini

Registrazione di Domini

Proteggi il tuo brand anche online registrando i domini .it, .com, .eu e tutti gli altri TLD disponibili.

Abbina la registrazione del marchio alla protezione del dominio web corrispondente. Un servizio completo per la tutela della tua identità digitale.

📝 Aggiornamenti

Blog & Guide

Approfondimenti, guide pratiche e aggiornamenti normativi sulla registrazione dei marchi in Italia e nel mondo.

⚖️
Guida

Come registrare un marchio in Italia nel 2025

Guida completa al processo di registrazione UIBM, costi, tempi e documenti necessari.

12 Gen 20255 min lettura
🇪🇺
UE

Marchio UE vs marchio nazionale: differenze e vantaggi

Quando conviene registrare un marchio europeo rispetto a uno solo italiano.

5 Gen 20254 min lettura
🔍
Ricerca

Come fare una ricerca di anteriorità del marchio

Strumenti e metodi per verificare la disponibilità di un marchio prima di registrarlo.

28 Dic 20246 min lettura
🇺🇸
USA

Registrare un marchio negli USA: guida per imprenditori italiani

Tutto quello che devi sapere per proteggere il brand sul mercato americano.

20 Dic 20247 min lettura
📊
Strategia

Monitoraggio del marchio: perché è fondamentale

Come proteggere attivamente il tuo marchio anche dopo la registrazione.

15 Dic 20244 min lettura
💡
Startup

Startup e marchi: quando proteggere il brand

I fondatori di startup spesso rimandano la registrazione del marchio. Ecco perché è un errore.

8 Dic 20245 min lettura
📄 Termini e condizioni

Termini e Condizioni di Servizio

Ultimo aggiornamento: 1 gennaio 2025 — Preventivi Italia srl, titolare del sito Marchio24.it

1. Accettazione dei termini

Utilizzando il sito Marchio24.it e i suoi servizi, l'utente accetta integralmente i presenti Termini e Condizioni. Se non si accettano tali termini, si prega di non utilizzare il sito.

2. Descrizione del servizio

Marchio24.it, gestito da Preventivi Italia srl, offre servizi di supporto alla registrazione di marchi presso gli uffici nazionali e internazionali competenti (UIBM, EUIPO, USPTO, UKIPO, WIPO). Non siamo uno studio legale e i nostri servizi non costituiscono consulenza legale.

3. Prezzi e pagamenti

I prezzi indicati sul sito sono comprensivi di IVA ove applicabile. I pagamenti vengono processati in modo sicuro tramite Stripe. Preventivi Italia srl non memorizza i dati della carta di credito.

4. Rimborsi

Le domande di rimborso devono essere presentate entro 14 giorni dall'acquisto, prima che il servizio sia stato avviato. Non è possibile rimborsare servizi già erogati o domande già depositate.

5. Responsabilità

Preventivi Italia srl non garantisce l'esito positivo di una domanda di registrazione di marchio, in quanto la decisione finale spetta all'ufficio competente. Il cliente è responsabile della correttezza delle informazioni fornite.

6. Proprietà intellettuale

Tutti i contenuti del sito Marchio24.it (testi, immagini, loghi, grafica) sono di proprietà di Preventivi Italia srl e sono protetti dalla normativa sul diritto d'autore.

7. Legge applicabile

I presenti Termini sono regolati dalla legge italiana. Per qualsiasi controversia sarà competente il Foro di Roma.

8. Contatti

Per qualsiasi informazione: info@marchio24.it — Preventivi Italia srl, Via Roma 1, 00100 Roma (RM)

🔒 Privacy Policy

Informativa sulla Privacy

Ultimo aggiornamento: 1 gennaio 2025 — Preventivi Italia srl, titolare del trattamento dei dati personali.

1. Titolare del trattamento

Preventivi Italia srl, Via Roma 1, 00100 Roma (RM) — info@marchio24.it

2. Dati raccolti

Raccogliamo i dati forniti volontariamente dall'utente durante la registrazione e l'acquisto dei servizi: nome, cognome, indirizzo email, dati aziendali, dati di fatturazione. I dati di pagamento sono gestiti esclusivamente da Stripe.

3. Finalità del trattamento

  • Erogazione dei servizi richiesti
  • Comunicazioni relative all'ordine
  • Adempimenti fiscali e contabili
  • Marketing (solo con consenso esplicito)

4. Conservazione dei dati

I dati vengono conservati per il periodo strettamente necessario alle finalità del trattamento e comunque non oltre 10 anni per gli adempimenti fiscali.

5. Diritti dell'utente

L'utente ha il diritto di accedere, rettificare, cancellare i propri dati e opporsi al trattamento. Per esercitare questi diritti: info@marchio24.it

6. Cookie

Il sito utilizza cookie tecnici necessari e, con consenso, cookie analitici e di marketing. Per maggiori informazioni consultare la Cookie Policy.

🔒 Pagamento sicuro SSL Stripe VISA MC

Dati di fatturazione

Persona fisica Azienda

💳 Dati di pagamento

🔒 I tuoi dati di pagamento sono crittografati e gestiti in modo sicuro da Stripe. Marchio24.it non memorizza i dati della carta.
Accettiamo: VISA Mastercard AmEx Apple Pay Google Pay

Riepilogo ordine

Registrazione Marchio Italia 461,00 €
Classe merceologica 1ª classe inclusa
Tasse governative UIBM Incluse
Supporto esperto ✓ Incluso
Totale € 461,00

✅ Cosa include il servizio

  • ✓Deposito domanda all'UIBM
  • ✓Monitoraggio stato pratica
  • ✓Account personale dedicato
  • ✓Supporto esperto 24/7
  • ✓Notifiche email e app
  • ✓Certificato digitale finale

🛡️ Garanzia soddisfatti: se la domanda viene respinta per un nostro errore, ti rimborsamo le spese del servizio.

✅

Pagamento completato!

Grazie per aver scelto Marchio24.it. Abbiamo ricevuto il tuo ordine e riceverai una email di conferma a breve.

Il tuo consulente dedicato ti contatterà entro 24 ore per avviare la procedura di registrazione.

Numero ordine#M24-00001
ServizioRegistrazione Marchio
Email conferma—
Stato✓ Pagato
/* ── STRIPE CONFIG ── ⚠️ IMPORTANTE: Sostituisci con la tua chiave pubblica Stripe Ottienila da: https://dashboard.stripe.com/apikeys */ const STRIPE_KEY = 'pk_test_INSERISCI_QUI_LA_TUA_CHIAVE_PUBBLICA_STRIPE'; let stripe, cardElement; let currentPayService = 'Registrazione Marchio Italia'; let currentPayAmount = '461.00'; /* ── INIT STRIPE ── */ function initStripe() { if (typeof Stripe === 'undefined') return; try { stripe = Stripe(STRIPE_KEY); const elements = stripe.elements({ appearance: { theme: 'night', variables: { colorPrimary: '#2563eb', colorBackground: 'rgba(255,255,255,0.05)', colorText: '#ffffff', colorDanger: '#f87171', fontFamily: 'DM Sans, sans-serif', borderRadius: '10px', } } }); cardElement = elements.create('card', { style: { base: { color: '#fff', fontFamily: 'DM Sans, sans-serif', fontSize: '15px', '::placeholder': { color: '#64748b' } }, invalid: { color: '#f87171' } } }); cardElement.mount('#stripe-card-element'); cardElement.on('change', (e) => { document.getElementById('card-errors').textContent = e.error ? e.error.message : ''; }); } catch(e) { console.warn('Stripe init:', e.message); } } /* ── ROUTER ── */ function navigate(page) { document.querySelectorAll('.page').forEach(p => p.classList.remove('active')); const target = document.getElementById('page-' + page); if (target) { target.classList.add('active'); window.scrollTo({ top: 0, behavior: 'smooth' }); } // Init stripe on payment page if (page === 'pagamento') { setTimeout(initStripe, 100); } // Close mobile menu document.getElementById('mobMenu').classList.remove('open'); } /* ── GO TO PAYMENT ── */ function goPayment(service, amount) { currentPayService = service; currentPayAmount = amount; const fmt = parseFloat(amount).toLocaleString('it-IT', {minimumFractionDigits:2,maximumFractionDigits:2}); document.getElementById('sum-service').textContent = service; document.getElementById('sum-price').textContent = fmt + ' €'; document.getElementById('sum-total').textContent = '€ ' + fmt; document.getElementById('pay-btn-amount').textContent = '€ ' + fmt; navigate('pagamento'); } /* ── PROCESS PAYMENT ── */ async function processPayment() { const btn = document.getElementById('pay-btn'); const nome = document.getElementById('pay-nome').value.trim(); const cognome = document.getElementById('pay-cognome').value.trim(); const email = document.getElementById('pay-email').value.trim(); if (!nome || !cognome || !email) { showToast('⚠️ Compila tutti i campi obbligatori'); return; } if (!email.includes('@')) { showToast('⚠️ Inserisci un indirizzo email valido'); return; } btn.disabled = true; btn.textContent = '⏳ Elaborazione in corso…'; // ───────────────────────────────────────────── // INTEGRAZIONE STRIPE REALE: // Per processare il pagamento devi: // 1. Creare un PaymentIntent sul tuo server backend (PHP/Node.js) // POST /api/create-payment-intent → ritorna { clientSecret } // 2. Usare stripe.confirmCardPayment(clientSecret, {...}) // // Esempio backend PHP (WordPress plugin o endpoint REST): // $intent = \Stripe\PaymentIntent::create([ // 'amount' => (int)(floatval($amount) * 100), // 'currency' => 'eur', // 'metadata' => ['service' => $service, 'email' => $email] // ]); // echo json_encode(['clientSecret' => $intent->client_secret]); // // Poi qui: // const res = await fetch('/wp-json/marchio24/v1/payment-intent', { // method:'POST', // body: JSON.stringify({amount: currentPayAmount, service: currentPayService}) // }); // const {clientSecret} = await res.json(); // const result = await stripe.confirmCardPayment(clientSecret, { // payment_method: { card: cardElement, billing_details: { name: nome+' '+cognome, email } } // }); // if (result.error) { ... } else { showConfirm(email); } // ───────────────────────────────────────────── // SIMULAZIONE (da rimuovere in produzione): await new Promise(r => setTimeout(r, 2000)); showConfirm(email); } function showConfirm(email) { const orderId = '#M24-' + Math.floor(10000 + Math.random() * 90000); document.getElementById('conf-id').textContent = orderId; document.getElementById('conf-service').textContent = currentPayService; document.getElementById('conf-email').textContent = email || '—'; navigate('conferma'); // Reset button const btn = document.getElementById('pay-btn'); if (btn) { btn.disabled = false; btn.innerHTML = '🔒 Paga ora – € ' + parseFloat(currentPayAmount).toLocaleString('it-IT',{minimumFractionDigits:2}) + ''; } } /* ── TOGGLE TIPO ── */ function toggleType(btn, type) { document.querySelectorAll('.tog-btn').forEach(b => b.classList.remove('on')); btn.classList.add('on'); // Show/hide azienda fields on payment page const cg = document.getElementById('company-group'); if (cg) cg.style.display = type === 'azienda' ? 'block' : 'none'; } /* ── PAY TIPO CHANGE ── */ const payTipo = document.getElementById('pay-tipo'); if (payTipo) payTipo.addEventListener('change', function() { const cg = document.getElementById('company-group'); if (cg) cg.style.display = this.value === 'azienda' ? 'block' : 'none'; }); /* ── SEARCH ── */ function doSearch() { const q = document.getElementById('searchQ')?.value.trim(); if (!q) { showToast('⚠️ Inserisci un nome da cercare'); return; } showToast('🔍 Ricerca "' + q + '" in corso…'); setTimeout(() => showToast('✅ Nessun marchio identico trovato per "' + q + '"'), 2200); } /* ── CLASS CHIPS ── */ function buildClassGrid() { const grid = document.getElementById('classGrid'); if (!grid) return; const classes = [ {n:1,l:'Prodotti chimici'},{n:3,l:'Cosmetici'},{n:5,l:'Farmaceutici'}, {n:9,l:'Elettronica'},{n:14,l:'Gioielli'},{n:16,l:'Carta/Stampa'}, {n:25,l:'Abbigliamento'},{n:35,l:'Pubblicità'},{n:36,l:'Finanza'}, {n:41,l:'Istruzione'},{n:42,l:'IT/Software'},{n:43,l:'Ristorazione'}, {n:44,l:'Medicina'},{n:45,l:'Servizi legali'},{n:38,l:'Telecom'} ]; grid.innerHTML = classes.map(c => `
${c.n}${c.l}
` ).join(''); } function toggleClass(el) { el.classList.toggle('sel'); } buildClassGrid(); /* ── MOBILE MENU ── */ function toggleMob() { const m = document.getElementById('mobMenu'); m.classList.toggle('open'); } /* ── TOAST ── */ function showToast(msg) { const t = document.getElementById('toast'); t.textContent = msg; t.classList.add('show'); setTimeout(() => t.classList.remove('show'), 2800); } /* ── CLOSE DROPDOWNS ON CLICK OUTSIDE ── */ document.addEventListener('click', e => { if (!e.target.closest('.nav-item')) { document.querySelectorAll('.dropdown').forEach(d => d.style.display = ''); } });