/* ════════════════════════════════════════════════════════════════ DRONEBASE - CSS LANDING (file Plesk: db-landing.css) FRAMEWORK CONDIVISO (una volta) + una sezione per pagina ════════════════════════════════════════════════════════════════ */ /* ───────────── FRAMEWORK CONDIVISO ───────────── */ /* ── BREAKOUT FULL-WIDTH (tema Electro) ── */ .site-content:has(#db-page),.content-area:has(#db-page),#content:has(#db-page),#primary:has(#db-page),#main:has(#db-page),main:has(#db-page),article:has(#db-page),.col-full:has(#db-page),.container:has(#db-page),.container-fluid:has(#db-page),.row:has(#db-page),.columns:has(#db-page),.entry-content:has(#db-page),.post-content:has(#db-page),.page-content:has(#db-page),.site-main:has(#db-page){max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;overflow:visible!important;float:none!important;} .site-content:has(#db-page) #secondary,.site-content:has(#db-page) .sidebar,.site-content:has(#db-page) .widget-area,#content:has(#db-page) #secondary,#content:has(#db-page) .sidebar,#content:has(#db-page) .widget-area{display:none!important;} #page:has(#db-page){overflow:visible!important;} #content:has(#db-page){margin-bottom:0!important;} #db-page{width:100%;margin:0;padding:0;} #db-page>*{margin-top:0!important;margin-bottom:0!important;} #db-page{ --dark:#070d14;--dark-mid:#0f1923;--dark-elev:#141f2c; --bg:#f7fafc;--white:#ffffff; --text:#1a2637;--text-secondary:#4a5a6b;--text-tertiary:#8a95a3; --border:#dde6ee;--border-dark:rgba(255,255,255,0.08); --cyan:#0096DB;--cyan-hover:#0078b0; --cyan-pill-bg:rgba(0,150,219,0.15);--cyan-pill-text:#4DB8F0; --shadow-sm:0 1px 4px rgba(0,0,0,0.06);--shadow-md:0 4px 20px rgba(0,0,0,0.08);--shadow-lg:0 16px 48px rgba(0,0,0,0.12); --radius:14px;--radius-sm:8px;--radius-pill:100px; font-family:Roboto,-apple-system,sans-serif;color:var(--text); } #db-page *,#db-page *::before,#db-page *::after{box-sizing:border-box;} #db-page a{text-decoration:none;} /* NAV */ /* HERO (interno pagina) */ #db-page .page-hero{position:relative;background:#040a12;color:#fff;padding:120px 24px 110px;overflow:hidden;text-align:center;} #db-page .page-hero-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:48px 48px;} #db-page .page-hero-glow{position:absolute;top:-30%;right:-10%;width:60%;height:160%;background:radial-gradient(ellipse,rgba(0,150,219,0.2) 0%,transparent 60%);z-index:0;pointer-events:none;} #db-page .page-hero-inner{position:relative;z-index:2;max-width:860px;margin:0 auto;} #db-page .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-pill-bg);color:var(--cyan-pill-text);border-radius:var(--radius-pill);padding:6px 18px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;} #db-page .hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);} #db-page .page-hero h1{font-size:clamp(2.4rem,5.5vw,4.4rem);font-weight:900;line-height:0.98;letter-spacing:-2px;text-transform:uppercase;margin:0 0 24px;color:#fff;} #db-page .page-hero h1 .accent{color:var(--cyan);} #db-page .page-hero p.lead{font-size:1.1rem;color:rgba(255,255,255,0.75);max-width:620px;margin:0 auto 36px;line-height:1.65;} #db-page .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;} /* BUTTONS */ #db-page .btn-primary{background:var(--cyan);color:#fff!important;padding:16px 34px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;transition:all .2s;display:inline-block;} #db-page .btn-primary:hover{background:var(--cyan-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,150,219,0.4);} #db-page .btn-ghost{background:transparent;color:#fff!important;padding:16px 34px;border:1.5px solid rgba(255,255,255,0.25);border-radius:var(--radius-sm);font-size:15px;font-weight:700;transition:all .2s;display:inline-block;} #db-page .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)!important;} #db-page .btn-onhi{background:var(--dark);color:#fff!important;padding:16px 34px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;display:inline-block;transition:all .2s;} #db-page .btn-onhi:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.25);} /* SECTIONS */ #db-page .section{padding:100px 24px;} #db-page .section-light{background:var(--white);color:var(--text);} #db-page .section-alt{background:var(--bg);color:var(--text);} #db-page .section-dark{background:var(--dark-mid);color:#fff;} #db-page .section-darker{background:var(--dark);color:#fff;} #db-page .container{max-width:1100px;margin:0 auto;} #db-page .section-head{text-align:center;max-width:760px;margin:0 auto 8px;} #db-page .section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;} #db-page .section-label::before{content:'\2014 ';} #db-page .section-title{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;letter-spacing:-1.2px;line-height:1.05;margin:0 0 20px;} #db-page .section-dark .section-title,#db-page .section-darker .section-title{color:#fff;} #db-page .section-light .section-title,#db-page .section-alt .section-title{color:var(--text);} #db-page .section-desc{font-size:1rem;line-height:1.7;max-width:640px;margin:0 auto;} #db-page .section-alt .section-desc,#db-page .section-light .section-desc{color:var(--text-secondary);} #db-page .section-dark .section-desc,#db-page .section-darker .section-desc{color:rgba(255,255,255,0.65);} /* STATS bar */ #db-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);overflow:hidden;} #db-page .section-light .stats-grid,#db-page .section-alt .stats-grid{border-color:var(--border);} #db-page .stat-item{padding:30px 18px;text-align:center;border-right:1px solid rgba(255,255,255,0.1);} #db-page .section-light .stat-item,#db-page .section-alt .stat-item{border-color:var(--border);} #db-page .stat-item:last-child{border-right:none;} #db-page .stat-val{font-size:38px;font-weight:900;letter-spacing:-2px;line-height:1;color:var(--cyan);} #db-page .stat-lbl{margin-top:10px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;} #db-page .section-dark .stat-lbl,#db-page .section-darker .stat-lbl{color:rgba(255,255,255,0.55);} #db-page .section-light .stat-lbl,#db-page .section-alt .stat-lbl{color:var(--text-secondary);} @media(max-width:760px){#db-page .stats-grid{grid-template-columns:repeat(2,1fr);}#db-page .stat-item:nth-child(2){border-right:none;}#db-page .stat-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.1);}#db-page .section-light .stat-item:nth-child(-n+2),#db-page .section-alt .stat-item:nth-child(-n+2){border-color:var(--border);}} /* ICONE SVG monocromatiche + accent ciano */ #db-page .ic-wrap{width:58px;height:58px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid;} #db-page .section-light .ic-wrap,#db-page .section-alt .ic-wrap{background:var(--bg);border-color:var(--border);color:var(--text);} #db-page .section-dark .ic-wrap,#db-page .section-darker .ic-wrap{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1);color:#fff;} #db-page .card:hover .ic-wrap{border-color:var(--cyan);} #db-page .ic .ic-accent{stroke:var(--cyan);} #db-page .ic-inline{width:30px;height:30px;} /* hero icon mark (monocromatica, sopra il titolo) */ #db-page .hero-mark{width:72px;height:72px;border-radius:16px;border:1px solid rgba(255,255,255,0.14);background:rgba(0,150,219,0.06);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:#fff;} #db-page .hero-mark .ic-accent{stroke:var(--cyan);} /* ILLUSTRAZIONE nei feature-visual */ #db-page .feature-visual .illus{position:absolute;inset:0;width:100%;height:100%;color:rgba(255,255,255,0.32);z-index:2;} #db-page .feature-visual .illus .il-accent{stroke:var(--cyan);} #db-page .feature-visual .illus .il-subject{transform-origin:center;} /* CARD GRID generico (3 col) */ #db-page .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;} #db-page .card-grid.cols-2{grid-template-columns:repeat(2,1fr);} #db-page .card-grid.cols-4{grid-template-columns:repeat(4,1fr);} #db-page .card{border-radius:var(--radius);padding:32px 28px;transition:all .3s;position:relative;} #db-page .section-light .card,#db-page .section-alt .card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);} #db-page .section-dark .card,#db-page .section-darker .card{background:var(--dark-elev);border:1px solid rgba(255,255,255,0.08);} #db-page .card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--shadow-md);} #db-page .card-num{font-family:monospace;font-size:12px;color:var(--cyan);letter-spacing:1px;margin-bottom:14px;} #db-page .card-ico{font-size:32px;margin-bottom:14px;} #db-page .card h3{font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0 0 10px;} #db-page .section-dark .card h3,#db-page .section-darker .card h3{color:#fff;} #db-page .section-light .card h3,#db-page .section-alt .card h3{color:var(--text);} #db-page .card p{font-size:14px;line-height:1.6;margin:0;} #db-page .section-dark .card p,#db-page .section-darker .card p{color:rgba(255,255,255,0.68);} #db-page .section-light .card p,#db-page .section-alt .card p{color:var(--text-secondary);} @media(max-width:900px){#db-page .card-grid,#db-page .card-grid.cols-4{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){#db-page .card-grid,#db-page .card-grid.cols-2,#db-page .card-grid.cols-4{grid-template-columns:1fr;}} /* FEATURE ROW (split img/testo) */ #db-page .feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} #db-page .feature-row.reverse>*:first-child{order:2;} #db-page .feature-visual{border-radius:var(--radius);min-height:360px;background:linear-gradient(135deg,#11161f,#0a0e14);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;} #db-page .feature-visual .fv-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:34px 34px;} #db-page .feature-visual .fv-ico{font-size:90px;z-index:2;} #db-page .feature-visual .fv-label{position:absolute;bottom:18px;left:18px;font-family:monospace;font-size:10.5px;color:#7e8694;letter-spacing:.06em;z-index:2;} #db-page .feature-visual .fv-label b{color:var(--cyan);} #db-page .feature-content .section-label{margin-bottom:14px;} #db-page .feature-content h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:900;letter-spacing:-1px;line-height:1.08;margin:0 0 18px;} #db-page .section-dark .feature-content h2,#db-page .section-darker .feature-content h2{color:#fff;} #db-page .section-light .feature-content h2,#db-page .section-alt .feature-content h2{color:var(--text);} #db-page .feature-content p{font-size:1rem;line-height:1.7;margin:0 0 16px;} #db-page .section-dark .feature-content p,#db-page .section-darker .feature-content p{color:rgba(255,255,255,0.7);} #db-page .section-light .feature-content p,#db-page .section-alt .feature-content p{color:var(--text-secondary);} #db-page .feature-bullets{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;} #db-page .feature-bullets li{font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-weight:500;} #db-page .section-dark .feature-bullets li,#db-page .section-darker .feature-bullets li{color:rgba(255,255,255,0.85);} #db-page .section-light .feature-bullets li,#db-page .section-alt .feature-bullets li{color:var(--text);} #db-page .feature-bullets li::before{content:'\2192';color:var(--cyan);font-weight:800;flex-shrink:0;} @media(max-width:900px){#db-page .feature-row{grid-template-columns:1fr;gap:40px;}#db-page .feature-row.reverse>*:first-child{order:0;}#db-page .feature-visual{min-height:260px;}#db-page .feature-bullets{grid-template-columns:1fr;}} /* PROCESS (step numerati) */ #db-page .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;} #db-page .process-step{border-radius:var(--radius);padding:32px 24px;position:relative;transition:all .3s;} #db-page .section-light .process-step,#db-page .section-alt .process-step{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);} #db-page .section-dark .process-step,#db-page .section-darker .process-step{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);} #db-page .process-step:hover{transform:translateY(-4px);border-color:var(--cyan);} #db-page .process-num{font-size:14px;font-weight:800;color:var(--cyan);letter-spacing:2px;margin-bottom:14px;display:block;} #db-page .process-step h3{font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 10px;} #db-page .section-light .process-step h3,#db-page .section-alt .process-step h3{color:var(--text);} #db-page .section-dark .process-step h3,#db-page .section-darker .process-step h3{color:#fff;} #db-page .process-step p{font-size:13px;line-height:1.55;margin:0;} #db-page .section-light .process-step p,#db-page .section-alt .process-step p{color:var(--text-secondary);} #db-page .section-dark .process-step p,#db-page .section-darker .process-step p{color:rgba(255,255,255,0.7);} @media(max-width:900px){#db-page .process-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){#db-page .process-grid{grid-template-columns:1fr;}} /* LIST CHECK (cosa include) */ #db-page .check-list{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;} #db-page .check-list li{font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.55;padding:12px 0;border-bottom:1px solid;} #db-page .section-light .check-list li,#db-page .section-alt .check-list li{border-color:var(--border);color:var(--text-secondary);} #db-page .section-dark .check-list li,#db-page .section-darker .check-list li{border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.78);} #db-page .check-list li::before{content:'\2713';color:var(--cyan);font-weight:800;flex-shrink:0;} @media(max-width:600px){#db-page .check-list{grid-template-columns:1fr;}} /* PILL LIST */ #db-page .pill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;justify-content:center;} #db-page .pill-list span{font-family:monospace;font-size:11.5px;padding:8px 14px;border-radius:var(--radius-sm);letter-spacing:.04em;} #db-page .section-dark .pill-list span,#db-page .section-darker .pill-list span{border:1px solid rgba(255,255,255,0.18);color:rgba(255,255,255,0.85);} #db-page .section-light .pill-list span,#db-page .section-alt .pill-list span{border:1px solid var(--border);color:var(--text);background:var(--white);} /* SERVICE/CTA BANNER cyan */ #db-page .band-cyan{background:var(--cyan);color:#fff;padding:90px 24px;position:relative;overflow:hidden;text-align:center;} #db-page .band-cyan-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.08) 1px,transparent 1px);background-size:42px 42px;} #db-page .band-cyan .container{position:relative;z-index:2;} #db-page .band-cyan .section-label{color:#fff;} #db-page .band-cyan h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:900;letter-spacing:-1px;margin:0 0 16px;color:#fff;} #db-page .band-cyan p{font-size:16px;line-height:1.6;color:rgba(255,255,255,0.92);max-width:560px;margin:0 auto 28px;} /* MINI CTA */ #db-page .mini-cta{background:var(--dark);color:#fff;padding:48px 24px;text-align:center;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);} #db-page .mini-cta p{font-size:18px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-.3px;} #db-page .mini-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;} /* FINAL CTA */ #db-page .band-final{background:var(--dark);color:#fff;padding:110px 24px;text-align:center;position:relative;overflow:hidden;} #db-page .band-final::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(0,150,219,0.18) 0%,transparent 65%);pointer-events:none;} #db-page .band-final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:48px 48px;} #db-page .band-final .container{position:relative;z-index:2;} #db-page .band-final h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:900;letter-spacing:-1.5px;line-height:1.05;margin:18px auto 20px;max-width:720px;color:#fff;} #db-page .band-final h2 .accent{color:var(--cyan);} #db-page .band-final p{font-size:17px;color:rgba(255,255,255,0.7);max-width:560px;margin:0 auto 36px;line-height:1.6;} #db-page .band-final .fbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;} /* FAQ */ #db-page .faq-list{max-width:820px;margin:48px auto 0;} #db-page .faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);margin-bottom:14px;overflow:hidden;} #db-page .faq-item summary{padding:22px 26px;font-size:16px;font-weight:700;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;} #db-page .faq-item summary::-webkit-details-marker{display:none;} #db-page .faq-item summary::after{content:'+';font-size:1.6rem;color:var(--cyan);line-height:1;transition:transform .2s;flex-shrink:0;} #db-page .faq-item[open] summary::after{transform:rotate(45deg);} #db-page .faq-item .faq-body{padding:0 26px 24px;font-size:14.5px;line-height:1.65;color:var(--text-secondary);} /* FOOTER */ #db-page .footer-bot{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-family:monospace;font-size:11.5px;flex-wrap:wrap;gap:12px;} @media(max-width:900px){#db-page .section{padding:70px 24px;}} /* ===== FOTO INTEGRATE (condiviso) ===== */ #db-page .page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:0;} #db-page .feature-photo{padding:0;background:#0a0e14;} #db-page .feature-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;} #db-page .photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;} #db-page .photo-gallery img{width:100%;height:240px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);display:block;} #db-page .photo-gallery img:first-child{grid-column:span 2;} @media(max-width:760px){#db-page .photo-gallery{grid-template-columns:1fr 1fr;}#db-page .photo-gallery img:first-child{grid-column:span 2;}} @media(max-width:480px){#db-page .photo-gallery{grid-template-columns:1fr;}#db-page .photo-gallery img:first-child{grid-column:span 1;}} /* ===== VIDEO INTEGRATI (condiviso) ===== */ #db-page .video-frame{position:relative;max-width:900px;margin:40px auto 0;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,0.12);background:#000;} #db-page .video-frame video{width:100%;height:auto;display:block;} #db-page .feature-video{padding:0;background:#000;} #db-page .feature-video video{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;} /* ───────────── ASSISTENZA TECNICA ───────────── */ /* ===== BANNER PRE-ANALISI GRATUITA ===== */ #db-page .free-banner{background:linear-gradient(135deg,var(--dark-mid),var(--dark-elev));border:1px solid rgba(0,150,219,0.3);border-radius:18px;padding:46px 44px;margin-top:48px;position:relative;overflow:hidden;} #db-page .free-banner::before{content:'';position:absolute;top:-40%;right:-8%;width:46%;height:180%;background:radial-gradient(ellipse,rgba(0,150,219,0.18) 0%,transparent 60%);pointer-events:none;} #db-page .free-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;} #db-page .free-tag{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-pill-bg);color:var(--cyan-pill-text);border-radius:100px;padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;} #db-page .free-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);} #db-page .free-banner h3{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;letter-spacing:-1px;color:#fff;margin:0 0 12px;line-height:1.12;} #db-page .free-banner h3 .accent{color:var(--cyan);} #db-page .free-banner p{font-size:15px;line-height:1.65;color:rgba(255,255,255,0.7);margin:0;max-width:560px;} #db-page .free-banner .btn-primary{white-space:nowrap;} @media(max-width:780px){#db-page .free-inner{grid-template-columns:1fr;gap:24px;}} /* ===== FILE DROP (KML/KMZ) ===== */ #db-page .file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;border:2px dashed var(--border);border-radius:12px;background:var(--bg);cursor:pointer;transition:all .2s;text-align:center;} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop.dragover{border-color:var(--cyan);background:#e3f3fc;} #db-page .file-drop.has-file{border-style:solid;border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ic{font-size:26px;line-height:1;} #db-page .file-drop .fd-text{font-size:14px;color:var(--text-secondary);} #db-page .file-drop .fd-text b{color:var(--text);} #db-page .file-drop .fd-text u{color:var(--cyan);text-decoration:none;font-weight:600;} #db-page .file-drop .fd-hint{font-size:11.5px;color:var(--text-tertiary);} #db-page .file-drop.has-file .fd-text b{color:var(--cyan);} /* ===== MAP PICKER ===== */ #db-page .map-pick{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch;} #db-page .map-pick-canvas{position:relative;min-height:240px;border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:crosshair;background:#0f1923;background-image:linear-gradient(rgba(0,150,219,0.10) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,219,0.10) 1px,transparent 1px);background-size:26px 26px;} #db-page .map-pick-canvas::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(0,150,219,0.12),transparent 60%);pointer-events:none;} #db-page .mp-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:13px;color:rgba(255,255,255,0.55);line-height:1.5;pointer-events:none;} #db-page .mp-marker{position:absolute;width:18px;height:18px;transform:translate(-50%,-100%);pointer-events:none;z-index:3;} #db-page .mp-marker::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:16px;height:16px;background:var(--cyan);border:3px solid #fff;border-radius:50% 50% 50% 0;rotate:45deg;box-shadow:0 2px 8px rgba(0,0,0,0.4);} #db-page .mp-marker::after{content:'';position:absolute;left:50%;top:18px;transform:translateX(-50%);width:14px;height:6px;background:radial-gradient(ellipse,rgba(0,0,0,0.35),transparent 70%);border-radius:50%;} #db-page .map-pick-coords{display:flex;flex-direction:column;gap:12px;justify-content:center;} #db-page .mpc-field{display:flex;flex-direction:column;} #db-page .mpc-field label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px;} #db-page .mpc-field input{width:100%;padding:11px 13px;font-family:Roboto,sans-serif;font-size:13.5px;color:var(--text);border:1.5px solid var(--border);border-radius:9px;background:var(--white);font-variant-numeric:tabular-nums;} #db-page .mpc-field input:focus{outline:none;border-color:var(--cyan);} #db-page .mpc-locate{margin-top:2px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700;padding:10px 14px;border-radius:9px;border:1.5px solid var(--cyan);background:transparent;color:var(--cyan);cursor:pointer;transition:all .18s;} #db-page .mpc-locate:hover{background:var(--cyan);color:#fff;} @media(max-width:680px){#db-page .map-pick{grid-template-columns:1fr;}} /* ===== FORM SERVICE ===== */ #db-page .svc-form-card{max-width:880px;margin:48px auto 0;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:48px;box-shadow:var(--shadow-lg);} #db-page .svc-form-card .form-section-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 22px;display:flex;align-items:center;gap:10px;} #db-page .svc-form-card .form-section-title::before{content:'';width:18px;height:2px;background:var(--cyan);flex-shrink:0;} #db-page .svc-form-card .form-section-title:not(:first-child){margin-top:38px;padding-top:30px;border-top:1px solid var(--border);} #db-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;} #db-page .form-row.full{grid-template-columns:1fr;} #db-page .form-row.thirds{grid-template-columns:1fr 1fr 1fr;} #db-page .form-field{display:flex;flex-direction:column;} #db-page .form-field label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;} #db-page .form-field label .req{color:var(--cyan);margin-left:2px;} #db-page .form-field input[type=text], #db-page .form-field input[type=email], #db-page .form-field input[type=tel], #db-page .form-field select, #db-page .form-field textarea{width:100%;padding:13px 14px;font-family:Roboto,sans-serif;font-size:14px;color:var(--text);border:1.5px solid var(--border);border-radius:10px;background:var(--white);transition:border-color .2s;} #db-page .form-field input:focus, #db-page .form-field select:focus, #db-page .form-field textarea:focus{outline:none;border-color:var(--cyan);} #db-page .form-field textarea{resize:vertical;min-height:110px;} #db-page .form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a8d' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;} #db-page .form-field .field-hint{font-size:11.5px;color:var(--text-tertiary);margin-top:6px;line-height:1.45;} /* file upload */ #db-page .file-drop{border:1.5px dashed var(--border);border-radius:10px;padding:20px 18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg);} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ico{color:var(--cyan);margin-bottom:8px;display:inline-flex;} #db-page .file-drop .fd-main{font-size:13.5px;font-weight:600;color:var(--text);} #db-page .file-drop .fd-main span{color:var(--cyan);text-decoration:underline;} #db-page .file-drop .fd-sub{font-size:11.5px;color:var(--text-tertiary);margin-top:4px;} #db-page .file-drop input[type=file]{display:none;} #db-page .file-name{font-size:12px;color:var(--text-secondary);margin-top:8px;font-family:monospace;} #db-page .form-submit-row{margin-top:32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;} #db-page .form-submit-row .btn-primary{border:none;cursor:pointer;font-family:Roboto,sans-serif;} #db-page .form-privacy{font-size:11.5px;color:var(--text-tertiary);line-height:1.5;flex:1;min-width:240px;} #db-page .form-consent{display:flex;align-items:flex-start;gap:10px;margin-top:6px;font-size:12.5px;color:var(--text-secondary);line-height:1.5;} #db-page .form-consent input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--cyan);} @media(max-width:680px){#db-page .svc-form-card{padding:32px 22px;}#db-page .form-row,#db-page .form-row.thirds{grid-template-columns:1fr;}} /* ───────────── CONSULENZA ENAC ───────────── */ /* ===== BANNER PRE-ANALISI GRATUITA ===== */ #db-page .free-banner{background:linear-gradient(135deg,var(--dark-mid),var(--dark-elev));border:1px solid rgba(0,150,219,0.3);border-radius:18px;padding:46px 44px;margin-top:48px;position:relative;overflow:hidden;} #db-page .free-banner::before{content:'';position:absolute;top:-40%;right:-8%;width:46%;height:180%;background:radial-gradient(ellipse,rgba(0,150,219,0.18) 0%,transparent 60%);pointer-events:none;} #db-page .free-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;} #db-page .free-tag{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-pill-bg);color:var(--cyan-pill-text);border-radius:100px;padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;} #db-page .free-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);} #db-page .free-banner h3{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;letter-spacing:-1px;color:#fff;margin:0 0 12px;line-height:1.12;} #db-page .free-banner h3 .accent{color:var(--cyan);} #db-page .free-banner p{font-size:15px;line-height:1.65;color:rgba(255,255,255,0.7);margin:0;max-width:560px;} #db-page .free-banner .btn-primary{white-space:nowrap;} @media(max-width:780px){#db-page .free-inner{grid-template-columns:1fr;gap:24px;}} /* ===== TRACK RECORD (numeri grandi) ===== */ #db-page .track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;} #db-page .track-item{text-align:center;padding:32px 20px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);} #db-page .section-light .track-item,#db-page .section-alt .track-item{background:var(--white);border-color:var(--border);box-shadow:var(--shadow-sm);} #db-page .track-val{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:900;letter-spacing:-2px;line-height:1;color:var(--cyan);} #db-page .track-lbl{margin-top:12px;font-size:13px;font-weight:600;line-height:1.4;} #db-page .section-dark .track-lbl,#db-page .section-darker .track-lbl{color:rgba(255,255,255,0.7);} #db-page .section-light .track-lbl,#db-page .section-alt .track-lbl{color:var(--text-secondary);} @media(max-width:780px){#db-page .track-grid{grid-template-columns:repeat(2,1fr);}} /* ===== PERCORSO AUTORIZZATIVO (timeline verticale) ===== */ #db-page .auth-path{max-width:820px;margin:48px auto 0;} #db-page .auth-step{display:flex;gap:22px;padding:0 0 30px;position:relative;} #db-page .auth-step:not(:last-child)::before{content:'';position:absolute;left:23px;top:48px;bottom:0;width:2px;background:rgba(0,150,219,0.3);} #db-page .auth-num{width:48px;height:48px;border-radius:12px;background:var(--cyan);color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;} #db-page .auth-content{padding-top:4px;} #db-page .auth-content h3{font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 7px;} #db-page .section-dark .auth-content h3,#db-page .section-darker .auth-content h3{color:#fff;} #db-page .section-light .auth-content h3,#db-page .section-alt .auth-content h3{color:var(--text);} #db-page .auth-content p{font-size:14px;line-height:1.6;margin:0;} #db-page .section-dark .auth-content p,#db-page .section-darker .auth-content p{color:rgba(255,255,255,0.68);} #db-page .section-light .auth-content p,#db-page .section-alt .auth-content p{color:var(--text-secondary);} /* ===== FILE DROP (KML/KMZ) ===== */ #db-page .file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;border:2px dashed var(--border);border-radius:12px;background:var(--bg);cursor:pointer;transition:all .2s;text-align:center;} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop.dragover{border-color:var(--cyan);background:#e3f3fc;} #db-page .file-drop.has-file{border-style:solid;border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ic{font-size:26px;line-height:1;} #db-page .file-drop .fd-text{font-size:14px;color:var(--text-secondary);} #db-page .file-drop .fd-text b{color:var(--text);} #db-page .file-drop .fd-text u{color:var(--cyan);text-decoration:none;font-weight:600;} #db-page .file-drop .fd-hint{font-size:11.5px;color:var(--text-tertiary);} #db-page .file-drop.has-file .fd-text b{color:var(--cyan);} /* ===== MAP PICKER ===== */ #db-page .map-pick{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch;} #db-page .map-pick-canvas{position:relative;min-height:240px;border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:crosshair;background:#0f1923;background-image:linear-gradient(rgba(0,150,219,0.10) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,219,0.10) 1px,transparent 1px);background-size:26px 26px;} #db-page .map-pick-canvas::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(0,150,219,0.12),transparent 60%);pointer-events:none;} #db-page .mp-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:13px;color:rgba(255,255,255,0.55);line-height:1.5;pointer-events:none;} #db-page .mp-marker{position:absolute;width:18px;height:18px;transform:translate(-50%,-100%);pointer-events:none;z-index:3;} #db-page .mp-marker::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:16px;height:16px;background:var(--cyan);border:3px solid #fff;border-radius:50% 50% 50% 0;rotate:45deg;box-shadow:0 2px 8px rgba(0,0,0,0.4);} #db-page .mp-marker::after{content:'';position:absolute;left:50%;top:18px;transform:translateX(-50%);width:14px;height:6px;background:radial-gradient(ellipse,rgba(0,0,0,0.35),transparent 70%);border-radius:50%;} #db-page .map-pick-coords{display:flex;flex-direction:column;gap:12px;justify-content:center;} #db-page .mpc-field{display:flex;flex-direction:column;} #db-page .mpc-field label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px;} #db-page .mpc-field input{width:100%;padding:11px 13px;font-family:Roboto,sans-serif;font-size:13.5px;color:var(--text);border:1.5px solid var(--border);border-radius:9px;background:var(--white);font-variant-numeric:tabular-nums;} #db-page .mpc-field input:focus{outline:none;border-color:var(--cyan);} #db-page .mpc-locate{margin-top:2px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700;padding:10px 14px;border-radius:9px;border:1.5px solid var(--cyan);background:transparent;color:var(--cyan);cursor:pointer;transition:all .18s;} #db-page .mpc-locate:hover{background:var(--cyan);color:#fff;} @media(max-width:680px){#db-page .map-pick{grid-template-columns:1fr;}} /* ===== FORM SERVICE ===== */ #db-page .svc-form-card{max-width:880px;margin:48px auto 0;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:48px;box-shadow:var(--shadow-lg);} #db-page .svc-form-card .form-section-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 22px;display:flex;align-items:center;gap:10px;} #db-page .svc-form-card .form-section-title::before{content:'';width:18px;height:2px;background:var(--cyan);flex-shrink:0;} #db-page .svc-form-card .form-section-title:not(:first-child){margin-top:38px;padding-top:30px;border-top:1px solid var(--border);} #db-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;} #db-page .form-row.full{grid-template-columns:1fr;} #db-page .form-row.thirds{grid-template-columns:1fr 1fr 1fr;} #db-page .form-field{display:flex;flex-direction:column;} #db-page .form-field label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;} #db-page .form-field label .req{color:var(--cyan);margin-left:2px;} #db-page .form-field input[type=text], #db-page .form-field input[type=email], #db-page .form-field input[type=tel], #db-page .form-field select, #db-page .form-field textarea{width:100%;padding:13px 14px;font-family:Roboto,sans-serif;font-size:14px;color:var(--text);border:1.5px solid var(--border);border-radius:10px;background:var(--white);transition:border-color .2s;} #db-page .form-field input:focus, #db-page .form-field select:focus, #db-page .form-field textarea:focus{outline:none;border-color:var(--cyan);} #db-page .form-field textarea{resize:vertical;min-height:110px;} #db-page .form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a8d' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;} #db-page .form-field .field-hint{font-size:11.5px;color:var(--text-tertiary);margin-top:6px;line-height:1.45;} /* file upload */ #db-page .file-drop{border:1.5px dashed var(--border);border-radius:10px;padding:20px 18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg);} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ico{color:var(--cyan);margin-bottom:8px;display:inline-flex;} #db-page .file-drop .fd-main{font-size:13.5px;font-weight:600;color:var(--text);} #db-page .file-drop .fd-main span{color:var(--cyan);text-decoration:underline;} #db-page .file-drop .fd-sub{font-size:11.5px;color:var(--text-tertiary);margin-top:4px;} #db-page .file-drop input[type=file]{display:none;} #db-page .file-name{font-size:12px;color:var(--text-secondary);margin-top:8px;font-family:monospace;} #db-page .form-submit-row{margin-top:32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;} #db-page .form-submit-row .btn-primary{border:none;cursor:pointer;font-family:Roboto,sans-serif;} #db-page .form-privacy{font-size:11.5px;color:var(--text-tertiary);line-height:1.5;flex:1;min-width:240px;} #db-page .form-consent{display:flex;align-items:flex-start;gap:10px;margin-top:6px;font-size:12.5px;color:var(--text-secondary);line-height:1.5;} #db-page .form-consent input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--cyan);} @media(max-width:680px){#db-page .svc-form-card{padding:32px 22px;}#db-page .form-row,#db-page .form-row.thirds{grid-template-columns:1fr;}} /* ───────────── CONSULENZA R&D ───────────── */ /* ───────────── NOLEGGIO BREVE TERMINE ───────────── */ /* ===== FORM SERVICE ===== */ #db-page .svc-form-card{max-width:880px;margin:48px auto 0;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:48px;box-shadow:var(--shadow-lg);} #db-page .svc-form-card .form-section-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 22px;display:flex;align-items:center;gap:10px;} #db-page .svc-form-card .form-section-title::before{content:'';width:18px;height:2px;background:var(--cyan);flex-shrink:0;} #db-page .svc-form-card .form-section-title:not(:first-child){margin-top:38px;padding-top:30px;border-top:1px solid var(--border);} #db-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;} #db-page .form-row.full{grid-template-columns:1fr;} #db-page .form-row.thirds{grid-template-columns:1fr 1fr 1fr;} #db-page .form-field{display:flex;flex-direction:column;} #db-page .form-field label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;} #db-page .form-field label .req{color:var(--cyan);margin-left:2px;} #db-page .form-field input[type=text], #db-page .form-field input[type=email], #db-page .form-field input[type=tel], #db-page .form-field select, #db-page .form-field textarea{width:100%;padding:13px 14px;font-family:Roboto,sans-serif;font-size:14px;color:var(--text);border:1.5px solid var(--border);border-radius:10px;background:var(--white);transition:border-color .2s;} #db-page .form-field input:focus, #db-page .form-field select:focus, #db-page .form-field textarea:focus{outline:none;border-color:var(--cyan);} #db-page .form-field textarea{resize:vertical;min-height:110px;} #db-page .form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a8d' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;} #db-page .form-field .field-hint{font-size:11.5px;color:var(--text-tertiary);margin-top:6px;line-height:1.45;} /* file upload */ #db-page .file-drop{border:1.5px dashed var(--border);border-radius:10px;padding:20px 18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg);} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ico{color:var(--cyan);margin-bottom:8px;display:inline-flex;} #db-page .file-drop .fd-main{font-size:13.5px;font-weight:600;color:var(--text);} #db-page .file-drop .fd-main span{color:var(--cyan);text-decoration:underline;} #db-page .file-drop .fd-sub{font-size:11.5px;color:var(--text-tertiary);margin-top:4px;} #db-page .file-drop input[type=file]{display:none;} #db-page .file-name{font-size:12px;color:var(--text-secondary);margin-top:8px;font-family:monospace;} #db-page .form-submit-row{margin-top:32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;} #db-page .form-submit-row .btn-primary{border:none;cursor:pointer;font-family:Roboto,sans-serif;} #db-page .form-privacy{font-size:11.5px;color:var(--text-tertiary);line-height:1.5;flex:1;min-width:240px;} #db-page .form-consent{display:flex;align-items:flex-start;gap:10px;margin-top:6px;font-size:12.5px;color:var(--text-secondary);line-height:1.5;} #db-page .form-consent input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--cyan);} @media(max-width:680px){#db-page .svc-form-card{padding:32px 22px;}#db-page .form-row,#db-page .form-row.thirds{grid-template-columns:1fr;}} /* ===== NOLEGGIO: come funziona (3 step) ===== */ #db-page .rent-how{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;} @media(max-width:780px){#db-page .rent-how{grid-template-columns:1fr;}} /* ===== CATALOGO ===== */ #db-page .cat-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:40px;margin-bottom:8px;} #db-page .cat-chip{font-size:13px;font-weight:600;padding:9px 18px;border-radius:100px;border:1.5px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all .18s;font-family:Roboto,sans-serif;} #db-page .cat-chip:hover{border-color:var(--cyan);color:var(--cyan);} #db-page .cat-chip.active{background:var(--cyan);border-color:var(--cyan);color:#fff;} #db-page .catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;} #db-page .prod-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;transition:all .22s;box-shadow:var(--shadow-sm);} #db-page .prod-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--shadow-md);} #db-page .prod-cat{font-family:monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;} #db-page .prod-card h3{font-size:16px;font-weight:800;letter-spacing:-.2px;color:var(--text);margin:0 0 16px;line-height:1.25;flex:1;} #db-page .prod-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--border);margin-bottom:16px;} #db-page .prod-daily{font-size:22px;font-weight:900;color:var(--cyan);letter-spacing:-1px;} #db-page .prod-daily small{font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:0;} #db-page .prod-listino{font-size:11px;color:var(--text-tertiary);text-align:right;line-height:1.3;} #db-page .prod-listino b{color:var(--text-secondary);font-weight:700;} #db-page .prod-actions{display:flex;gap:8px;} #db-page .prod-btn{flex:1;text-align:center;font-size:13px;font-weight:700;padding:11px 12px;border-radius:8px;cursor:pointer;transition:all .18s;font-family:Roboto,sans-serif;border:1.5px solid var(--cyan);} #db-page .prod-btn.calc{background:var(--cyan);color:#fff;border:none;} #db-page .prod-btn.calc:hover{background:var(--cyan-hover);} #db-page .prod-btn.info{background:transparent;color:var(--cyan);} #db-page .prod-btn.info:hover{background:var(--cyan);color:#fff;} @media(max-width:900px){#db-page .catalog-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){#db-page .catalog-grid{grid-template-columns:1fr;}} /* ===== CALCOLATORE ===== */ #db-page .calc-card{max-width:1100px;margin:48px auto 0;} #db-page .calc-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start;} #db-page .calc-box{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:var(--shadow-sm);} #db-page .calc-box h3{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 24px;display:flex;align-items:center;gap:10px;} #db-page .calc-box h3::before{content:'';width:18px;height:2px;background:var(--cyan);flex-shrink:0;} #db-page .calc-field{margin-bottom:22px;} #db-page .calc-field:last-child{margin-bottom:0;} #db-page .calc-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;} #db-page .calc-field-head label{font-size:14px;font-weight:600;color:var(--text);} #db-page .calc-field-val{font-size:16px;font-weight:800;color:var(--cyan);white-space:nowrap;} #db-page .calc-field select{width:100%;padding:13px 14px;font-family:Roboto,sans-serif;font-size:14px;color:var(--text);border:1.5px solid var(--border);border-radius:10px;background:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a8d' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;} #db-page .calc-field select:focus{outline:none;border-color:var(--cyan);} #db-page .calc-field select optgroup{font-weight:700;color:var(--text);} #db-page input[type=range].calc-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#e8f5fd;border-radius:100px;outline:none;cursor:pointer;} #db-page input[type=range].calc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--cyan);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,150,219,.4);cursor:grab;} #db-page input[type=range].calc-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--cyan);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,150,219,.4);cursor:grab;} #db-page .calc-range-track{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary);margin-top:6px;} #db-page .calc-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;} #db-page .calc-quick button{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;padding:7px 14px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all .15s;} #db-page .calc-quick button:hover,#db-page .calc-quick button.on{border-color:var(--cyan);color:var(--cyan);background:#eef7fc;} #db-page .calc-prod-info{margin-top:18px;padding:16px 18px;background:var(--bg);border-radius:10px;font-size:12.5px;color:var(--text-secondary);line-height:1.5;} #db-page .calc-prod-info b{color:var(--text);} /* RISULTATI */ #db-page .calc-results{display:flex;flex-direction:column;gap:18px;} #db-page .calc-total{background:linear-gradient(135deg,var(--cyan),var(--cyan-hover));border-radius:18px;padding:34px 32px;color:#fff;position:relative;overflow:hidden;} #db-page .calc-total::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);} #db-page .calc-total-lbl{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.8);margin-bottom:10px;position:relative;z-index:2;} #db-page .calc-total-amount{font-size:clamp(2.6rem,5vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-1.5px;position:relative;z-index:2;font-variant-numeric:tabular-nums;} #db-page .calc-total-amount small{font-size:1rem;font-weight:600;opacity:.85;} #db-page .calc-total-sub{font-size:14px;color:rgba(255,255,255,.92);margin-top:10px;position:relative;z-index:2;} #db-page .calc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} #db-page .calc-metric{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px 14px;text-align:center;box-shadow:var(--shadow-sm);} #db-page .calc-metric-val{font-size:1.3rem;font-weight:900;color:var(--cyan);line-height:1;margin-bottom:6px;font-variant-numeric:tabular-nums;} #db-page .calc-metric-lbl{font-size:10.5px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;line-height:1.3;} #db-page .calc-compare{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:var(--shadow-sm);} #db-page .calc-compare-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:13.5px;border-bottom:1px solid var(--border);} #db-page .calc-compare-row:last-child{border-bottom:none;} #db-page .calc-compare-row span:first-child{color:var(--text-secondary);} #db-page .calc-compare-row span:last-child{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;} #db-page .calc-compare-row.hl span:last-child{color:var(--cyan);} #db-page .calc-note{background:#eef7fc;border:1px solid var(--cyan-mid,#cce9f7);border-left:4px solid var(--cyan);border-radius:12px;padding:16px 18px;font-size:12.5px;color:#0a4d6e;line-height:1.55;} #db-page .calc-cta{display:block;background:var(--dark);color:#fff;padding:18px 28px;border-radius:12px;text-align:center;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 8px 24px rgba(15,25,35,.25);} #db-page .calc-cta:hover{background:var(--cyan);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,150,219,.4);} #db-page .calc-disclaimer{font-size:11.5px;color:var(--text-tertiary);line-height:1.5;text-align:center;margin:0;} @media(max-width:900px){#db-page .calc-grid{grid-template-columns:1fr;}} @media(max-width:600px){#db-page .calc-metrics{grid-template-columns:1fr;}} /* ===== CARRELLO MULTI-PRODOTTO ===== */ #db-page .calc-add-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;} #db-page .calc-add-row .btn-add{background:var(--cyan);color:#fff;border:none;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:13px 20px;border-radius:10px;cursor:pointer;transition:all .18s;white-space:nowrap;height:48px;} #db-page .calc-add-row .btn-add:hover{background:var(--cyan-hover);} #db-page .calc-cart{margin-top:22px;border:1px solid var(--border);border-radius:12px;overflow:hidden;} #db-page .calc-cart-empty{padding:28px 20px;text-align:center;font-size:13.5px;color:var(--text-tertiary);line-height:1.5;} #db-page .cart-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--white);} #db-page .cart-item:last-child{border-bottom:none;} #db-page .cart-item-info{min-width:0;} #db-page .cart-item-name{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.25;margin-bottom:3px;} #db-page .cart-item-meta{font-size:11.5px;color:var(--text-tertiary);} #db-page .cart-qty{display:flex;align-items:center;gap:0;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;} #db-page .cart-qty button{width:30px;height:32px;border:none;background:var(--bg);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;line-height:1;} #db-page .cart-qty button:hover{background:var(--cyan);color:#fff;} #db-page .cart-qty .qv{min-width:34px;text-align:center;font-size:14px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;} #db-page .cart-item-sub{font-size:14px;font-weight:800;color:var(--cyan);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:78px;text-align:right;} #db-page .cart-item-del{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;line-height:0;border-radius:6px;transition:all .15s;} #db-page .cart-item-del:hover{color:#e74c3c;background:#fdecea;} #db-page .cart-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg);font-size:13px;color:var(--text-secondary);} #db-page .cart-foot b{color:var(--text);} #db-page .cart-clear{background:none;border:none;color:var(--text-tertiary);font-size:12px;cursor:pointer;text-decoration:underline;font-family:Roboto,sans-serif;} #db-page .cart-clear:hover{color:#e74c3c;} /* badge conteggio nel titolo risultati */ #db-page .calc-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--cyan-pill-bg);color:var(--cyan);border-radius:100px;font-size:12px;font-weight:800;margin-left:auto;} @media(max-width:600px){#db-page .calc-add-row{grid-template-columns:1fr;}#db-page .cart-item{grid-template-columns:1fr auto;grid-template-areas:"info del" "qty sub";row-gap:10px;}#db-page .cart-item-info{grid-area:info;}#db-page .cart-item-del{grid-area:del;}#db-page .cart-qty{grid-area:qty;}#db-page .cart-item-sub{grid-area:sub;}} /* ===== TARIFFA GIORNALIERA EVIDENZIATA + KASKO ===== */ #db-page .calc-daily-hl{background:var(--dark-mid);border:1px solid rgba(0,150,219,0.3);border-radius:14px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;} #db-page .calc-daily-hl .cdh-lbl{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.6);line-height:1.4;} #db-page .calc-daily-hl .cdh-val{font-size:2rem;font-weight:900;color:var(--cyan);letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;} #db-page .calc-daily-hl .cdh-val small{font-size:1rem;font-weight:600;color:rgba(255,255,255,0.5);} /* toggle kasko */ #db-page .kasko-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;margin-top:18px;cursor:pointer;transition:all .18s;} #db-page .kasko-toggle:hover{border-color:var(--cyan);} #db-page .kasko-toggle.on{background:#eef7fc;border-color:var(--cyan);} #db-page .kasko-info{min-width:0;} #db-page .kasko-info .kt-name{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;} #db-page .kasko-info .kt-name .kt-ico{color:var(--cyan);display:inline-flex;} #db-page .kasko-info .kt-sub{font-size:12px;color:var(--text-secondary);margin-top:4px;line-height:1.45;} #db-page .kasko-right{display:flex;align-items:center;gap:14px;flex-shrink:0;} #db-page .kasko-right .kt-cost{font-size:15px;font-weight:800;color:var(--cyan);white-space:nowrap;font-variant-numeric:tabular-nums;} /* switch */ #db-page .switch{position:relative;width:46px;height:26px;flex-shrink:0;} #db-page .switch input{opacity:0;width:0;height:0;position:absolute;} #db-page .switch .slider{position:absolute;inset:0;background:#c9d3dd;border-radius:100px;transition:.2s;} #db-page .switch .slider::before{content:'';position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);} #db-page .switch input:checked + .slider{background:var(--cyan);} #db-page .switch input:checked + .slider::before{transform:translateX(20px);} /* riga kasko nel breakdown */ #db-page .calc-compare-row.kasko span:last-child{color:var(--cyan);} #db-page .calc-compare-row.kasko.off{opacity:.5;} /* ───────────── PATENTINI ENAC ───────────── */ /* ===== CORSI ENAC: percorso a livelli ===== */ #db-page .levels-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;position:relative;} #db-page .level-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px;position:relative;box-shadow:var(--shadow-sm);transition:all .25s;display:flex;flex-direction:column;} #db-page .section-dark .level-card,#db-page .section-darker .level-card{background:var(--dark-elev);border-color:rgba(255,255,255,0.1);} #db-page .level-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--shadow-md);} #db-page .level-step{position:absolute;top:-14px;left:26px;background:var(--cyan);color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-radius:100px;} #db-page .level-badge{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--cyan);text-transform:uppercase;margin:8px 0 4px;} #db-page .level-card h3{font-size:26px;font-weight:900;letter-spacing:-1px;margin:0 0 6px;color:var(--text);} #db-page .section-dark .level-card h3,#db-page .section-darker .level-card h3{color:#fff;} #db-page .level-card .lvl-cat{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px;} #db-page .level-meta{display:flex;flex-direction:column;gap:10px;margin:18px 0;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);} #db-page .section-dark .level-meta,#db-page .section-darker .level-meta{border-color:rgba(255,255,255,0.1);} #db-page .level-meta-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;} #db-page .level-meta-row .lm-ic{color:var(--cyan);flex-shrink:0;display:inline-flex;margin-top:1px;} #db-page .level-meta-row b{color:var(--text);font-weight:700;} #db-page .section-dark .level-meta-row,#db-page .section-darker .level-meta-row{color:rgba(255,255,255,0.75);} #db-page .section-dark .level-meta-row b,#db-page .section-darker .level-meta-row b{color:#fff;} #db-page .section-light .level-meta-row,#db-page .section-alt .level-meta-row{color:var(--text-secondary);} #db-page .level-can{list-style:none;padding:0;margin:0 0 20px;flex:1;} #db-page .level-can li{font-size:13.5px;line-height:1.5;padding:7px 0;display:flex;align-items:flex-start;gap:9px;} #db-page .section-light .level-can li,#db-page .section-alt .level-can li{color:var(--text-secondary);} #db-page .section-dark .level-can li,#db-page .section-darker .level-can li{color:rgba(255,255,255,0.78);} #db-page .level-can li::before{content:'\2713';color:var(--cyan);font-weight:800;flex-shrink:0;} #db-page .level-price{font-size:14px;font-weight:600;color:var(--text-tertiary);margin-bottom:14px;} #db-page .level-price b{font-size:22px;font-weight:900;color:var(--cyan);letter-spacing:-.5px;} @media(max-width:900px){#db-page .levels-flow{grid-template-columns:1fr;}} /* ===== TABELLA COMPARATIVA ===== */ #db-page .compare-table-wrap{margin-top:48px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);} #db-page table.compare-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--white);font-size:14px;} #db-page table.compare-table th,#db-page table.compare-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;} #db-page table.compare-table thead th{background:var(--dark);color:#fff;font-size:13px;font-weight:800;letter-spacing:.3px;border-bottom:none;position:sticky;top:0;} #db-page table.compare-table thead th:first-child{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.6);} #db-page table.compare-table thead th .th-badge{display:block;font-size:11px;font-weight:600;color:var(--cyan-pill-text);margin-top:3px;letter-spacing:.5px;} #db-page table.compare-table tbody th{font-weight:700;color:var(--text);background:var(--bg);font-size:13.5px;} #db-page table.compare-table td{color:var(--text-secondary);} #db-page table.compare-table tbody tr:last-child th,#db-page table.compare-table tbody tr:last-child td{border-bottom:none;} #db-page table.compare-table .yes{color:var(--cyan);font-weight:700;} #db-page table.compare-table .no{color:#c4ccd4;} #db-page table.compare-table .cell-ic{display:inline-flex;vertical-align:middle;} #db-page table.compare-table tbody tr:hover td,#db-page table.compare-table tbody tr:hover th{background:#eef7fc;} /* ===== CALENDARIO CORSI SPECIFIC ===== */ #db-page .course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;} #db-page .course-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s;display:flex;flex-direction:column;} #db-page .course-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--shadow-md);} #db-page .course-head{background:var(--dark-mid);color:#fff;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;} #db-page .course-head .ch-type{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cyan-pill-text);} #db-page .course-head h3{font-size:20px;font-weight:900;letter-spacing:-.5px;margin:4px 0 0;color:#fff;} #db-page .course-head .ch-mode{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--cyan-pill-bg);color:var(--cyan-pill-text);padding:5px 12px;border-radius:100px;white-space:nowrap;} #db-page .course-body{padding:24px;flex:1;display:flex;flex-direction:column;} #db-page .course-meta{display:flex;flex-direction:column;gap:11px;margin-bottom:18px;} #db-page .course-meta-row{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--text-secondary);} #db-page .course-meta-row .cm-ic{color:var(--cyan);flex-shrink:0;display:inline-flex;} #db-page .course-meta-row b{color:var(--text);font-weight:700;} #db-page .course-desc{font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:0 0 20px;flex:1;} #db-page .course-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px solid var(--border);} #db-page .course-status{font-size:12px;font-weight:700;color:var(--cyan);display:flex;align-items:center;gap:7px;} #db-page .course-status::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);} #db-page .course-btn{font-size:13px;font-weight:700;padding:10px 20px;border-radius:8px;background:var(--cyan);color:#fff!important;transition:all .18s;} #db-page .course-btn:hover{background:var(--cyan-hover);} @media(max-width:780px){#db-page .course-grid{grid-template-columns:1fr;}} /* helper: scelta rapida (quale patentino) */ #db-page .chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;} #db-page .chooser-card{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--cyan);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);} #db-page .chooser-card h4{font-size:15px;font-weight:800;color:var(--text);margin:0 0 8px;} #db-page .chooser-card p{font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin:0 0 10px;} #db-page .chooser-card .ch-rec{font-size:12px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.5px;} @media(max-width:780px){#db-page .chooser{grid-template-columns:1fr;}} /* ===== SEDI / SCUOLE raggruppate ===== */ #db-page .school-block{margin-top:40px;} #db-page .school-block:first-of-type{margin-top:48px;} #db-page .school-head{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,0.12);} #db-page .school-ic{width:52px;height:52px;border-radius:12px;background:rgba(0,150,219,0.1);border:1px solid rgba(0,150,219,0.3);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;} #db-page .school-ic .ic-accent{stroke:var(--cyan);} #db-page .school-head h3{font-size:24px;font-weight:900;letter-spacing:-.6px;color:#fff;margin:0;} #db-page .school-reg{font-size:13px;font-weight:600;color:var(--cyan-pill-text);margin-top:2px;letter-spacing:.3px;} #db-page .school-count{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--cyan);background:var(--cyan-pill-bg);padding:7px 16px;border-radius:100px;white-space:nowrap;} @media(max-width:600px){#db-page .school-head{flex-wrap:wrap;}#db-page .school-count{margin-left:0;}} /* ===== FORM ISCRIZIONE CORSO ===== */ #db-page .course-form-card{max-width:880px;margin:48px auto 0;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:48px;box-shadow:var(--shadow-lg);} #db-page .cf-section{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 22px;display:flex;align-items:center;gap:10px;} #db-page .cf-section::before{content:'';width:18px;height:2px;background:var(--cyan);flex-shrink:0;} #db-page .cf-section:not(:first-child){margin-top:38px;padding-top:30px;border-top:1px solid var(--border);} #db-page .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;} #db-page .cf-row.full{grid-template-columns:1fr;} #db-page .cf-row.thirds{grid-template-columns:2fr 1fr 1fr;} #db-page .cf-field{display:flex;flex-direction:column;} #db-page .cf-field label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;} #db-page .cf-field label .req{color:var(--cyan);margin-left:2px;} #db-page .cf-field input,#db-page .cf-field select,#db-page .cf-field textarea{width:100%;padding:13px 14px;font-family:Roboto,sans-serif;font-size:14px;color:var(--text);border:1.5px solid var(--border);border-radius:10px;background:var(--white);transition:border-color .2s;} #db-page .cf-field input:focus,#db-page .cf-field select:focus,#db-page .cf-field textarea:focus{outline:none;border-color:var(--cyan);} #db-page .cf-field textarea{resize:vertical;min-height:100px;} #db-page .cf-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a8d' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;} #db-page .cf-field select:disabled{background-color:var(--bg);color:var(--text-tertiary);cursor:not-allowed;} /* selettore tipo corso a pulsanti */ #db-page .cf-course-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px;} #db-page .cf-ctype{border:1.5px solid var(--border);border-radius:12px;padding:18px 16px;cursor:pointer;transition:all .18s;text-align:center;background:var(--white);} #db-page .cf-ctype:hover{border-color:var(--cyan);} #db-page .cf-ctype.active{border-color:var(--cyan);background:#eef7fc;box-shadow:0 0 0 3px rgba(0,150,219,0.12);} #db-page .cf-ctype .ct-name{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.3px;} #db-page .cf-ctype .ct-sub{font-size:11.5px;color:var(--text-secondary);margin-top:5px;line-height:1.4;} #db-page .cf-ctype.active .ct-name{color:var(--cyan);} /* blocco condizionale specific */ #db-page .cf-specific{margin-top:8px;padding:22px;background:var(--bg);border:1px dashed var(--cyan);border-radius:14px;display:none;} #db-page .cf-specific.show{display:block;animation:cfFade .3s ease;} @keyframes cfFade{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}} #db-page .cf-specific-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:9px;} #db-page .cf-specific-title .cs-ic{color:var(--cyan);display:inline-flex;} @media(max-width:880px){#db-page .cf-course-types{grid-template-columns:repeat(2,1fr);}} @media(max-width:680px){#db-page .course-form-card{padding:32px 22px;}#db-page .cf-row,#db-page .cf-row.thirds{grid-template-columns:1fr;}} /* ───────────── SERVICE NETWORK ───────────── */ /* ===== MAPPA REGIONI INTERATTIVA ===== */ #db-page .map-layout{display:grid;grid-template-columns:1.25fr 0.85fr;gap:32px;margin-top:48px;align-items:stretch;} #db-page .map-stage{position:relative;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);background:linear-gradient(135deg,#0f1923,#0a0e14);padding:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:480px;} #db-page .map-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:30px 30px;} #db-page .italy-regions{position:relative;z-index:2;width:100%;height:auto;max-height:560px;display:block;} #db-page .italy-regions .reg{fill:rgba(0,150,219,0.10);stroke:rgba(0,150,219,0.55);stroke-width:0.8;stroke-linejoin:round;cursor:pointer;transition:fill .18s,stroke .18s;} #db-page .italy-regions .reg:hover,#db-page .italy-regions .reg.active{fill:var(--cyan);stroke:#fff;stroke-width:1;} #db-page .italy-regions .reg-dot{fill:rgba(255,255,255,0.55);pointer-events:none;transition:fill .18s;} #db-page .italy-regions .reg.active + .reg-dot{fill:#fff;} /* tooltip */ #db-page .map-tooltip{position:absolute;z-index:5;pointer-events:none;background:rgba(7,13,20,0.96);border:1px solid var(--cyan);border-radius:8px;padding:8px 12px;font-size:12px;color:#fff;opacity:0;transform:translateY(4px);transition:opacity .15s;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,0.4);} #db-page .map-tooltip.show{opacity:1;transform:none;} #db-page .map-tooltip .mt-name{display:block;font-weight:700;letter-spacing:.2px;} #db-page .map-tooltip .mt-count{font-size:11px;color:var(--cyan-pill-text);} #db-page .map-tooltip .mt-count b{color:var(--cyan);} /* panel */ #db-page .map-panel{display:flex;flex-direction:column;gap:18px;} #db-page .map-counter{background:linear-gradient(135deg,var(--cyan),var(--cyan-hover));border-radius:var(--radius);padding:28px 26px;color:#fff;position:relative;overflow:hidden;} #db-page .map-counter::before{content:'';position:absolute;top:-50px;right:-50px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,0.18),transparent 70%);} #db-page .map-counter .mc-num{font-size:3.4rem;font-weight:900;line-height:1;letter-spacing:-2px;position:relative;z-index:2;} #db-page .map-counter .mc-num::after{content:'+';font-size:2rem;} #db-page .map-counter .mc-lbl{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px;color:rgba(255,255,255,0.9);position:relative;z-index:2;line-height:1.4;} #db-page .map-panel-active{background:var(--dark-elev);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:22px 24px;min-height:96px;} #db-page .map-panel-active .mpa-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;} #db-page .map-panel-active .mpa-name .mpa-badge{font-size:13px;font-weight:900;color:var(--cyan);background:var(--cyan-pill-bg);padding:3px 12px;border-radius:100px;white-space:nowrap;} #db-page .map-panel-active .mpa-sub{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.55;} /* lista regioni scrollabile */ #db-page .reg-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);} #db-page .reg-list::-webkit-scrollbar{width:6px;} #db-page .reg-list::-webkit-scrollbar-thumb{background:rgba(0,150,219,0.4);border-radius:3px;} #db-page .reg-li{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,0.06);font-size:14px;color:rgba(255,255,255,0.78);cursor:pointer;transition:background .15s,color .15s;} #db-page .reg-li:last-child{border-bottom:none;} #db-page .reg-li:hover,#db-page .reg-li.active{background:rgba(0,150,219,0.12);color:#fff;} #db-page .reg-li .rl-count{font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums;} @media(max-width:900px){#db-page .map-layout{grid-template-columns:1fr;}#db-page .map-stage{min-height:auto;}} /* ===== JOIN NETWORK (gratuito) ===== */ #db-page .join-banner{background:linear-gradient(135deg,var(--dark-mid),var(--dark-elev));border:1px solid rgba(0,150,219,0.25);border-radius:var(--radius);padding:48px 44px;margin-top:48px;position:relative;overflow:hidden;} #db-page .join-banner::before{content:'';position:absolute;top:-40%;right:-10%;width:50%;height:180%;background:radial-gradient(ellipse,rgba(0,150,219,0.16) 0%,transparent 60%);pointer-events:none;} #db-page .join-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;} #db-page .join-tag{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-pill-bg);color:var(--cyan-pill-text);border-radius:var(--radius-pill);padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;} #db-page .join-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);} #db-page .join-banner h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-1px;color:#fff;margin:0 0 12px;line-height:1.12;} #db-page .join-banner h3 .accent{color:var(--cyan);} #db-page .join-banner p{font-size:15px;line-height:1.65;color:rgba(255,255,255,0.7);margin:0;max-width:560px;} #db-page .join-banner .btn-primary{white-space:nowrap;} @media(max-width:780px){#db-page .join-inner{grid-template-columns:1fr;gap:24px;}} /* ===== FORM SERVICE ===== */ #db-page .svc-form-card{max-width:880px;margin:48px auto 0;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:48px;box-shadow:var(--shadow-lg);} #db-page .svc-form-card .form-section-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 22px;display:flex;align-items:center;gap:10px;} #db-page .svc-form-card .form-section-title::before{content:'';width:18px;height:2px;background:var(--cyan);flex-shrink:0;} #db-page .svc-form-card .form-section-title:not(:first-child){margin-top:38px;padding-top:30px;border-top:1px solid var(--border);} #db-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;} #db-page .form-row.full{grid-template-columns:1fr;} #db-page .form-row.thirds{grid-template-columns:1fr 1fr 1fr;} #db-page .form-field{display:flex;flex-direction:column;} #db-page .form-field label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;} #db-page .form-field label .req{color:var(--cyan);margin-left:2px;} #db-page .form-field input[type=text], #db-page .form-field input[type=email], #db-page .form-field input[type=tel], #db-page .form-field select, #db-page .form-field textarea{width:100%;padding:13px 14px;font-family:Roboto,sans-serif;font-size:14px;color:var(--text);border:1.5px solid var(--border);border-radius:10px;background:var(--white);transition:border-color .2s;} #db-page .form-field input:focus, #db-page .form-field select:focus, #db-page .form-field textarea:focus{outline:none;border-color:var(--cyan);} #db-page .form-field textarea{resize:vertical;min-height:110px;} #db-page .form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a8d' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;} #db-page .form-field .field-hint{font-size:11.5px;color:var(--text-tertiary);margin-top:6px;line-height:1.45;} /* file upload */ #db-page .file-drop{border:1.5px dashed var(--border);border-radius:10px;padding:20px 18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg);} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ico{color:var(--cyan);margin-bottom:8px;display:inline-flex;} #db-page .file-drop .fd-main{font-size:13.5px;font-weight:600;color:var(--text);} #db-page .file-drop .fd-main span{color:var(--cyan);text-decoration:underline;} #db-page .file-drop .fd-sub{font-size:11.5px;color:var(--text-tertiary);margin-top:4px;} #db-page .file-drop input[type=file]{display:none;} #db-page .file-name{font-size:12px;color:var(--text-secondary);margin-top:8px;font-family:monospace;} #db-page .form-submit-row{margin-top:32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;} #db-page .form-submit-row .btn-primary{border:none;cursor:pointer;font-family:Roboto,sans-serif;} #db-page .form-privacy{font-size:11.5px;color:var(--text-tertiary);line-height:1.5;flex:1;min-width:240px;} #db-page .form-consent{display:flex;align-items:flex-start;gap:10px;margin-top:6px;font-size:12.5px;color:var(--text-secondary);line-height:1.5;} #db-page .form-consent input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--cyan);} @media(max-width:680px){#db-page .svc-form-card{padding:32px 22px;}#db-page .form-row,#db-page .form-row.thirds{grid-template-columns:1fr;}} /* ===== MAPPA EUROPA (operatori) ===== */ #db-page .map-stage-eu{min-height:520px;} #db-page .europe-map{position:relative;z-index:2;width:100%;height:auto;max-height:600px;display:block;} #db-page .europe-map .reg-bg{fill:rgba(255,255,255,0.04);stroke:rgba(255,255,255,0.10);stroke-width:0.5;pointer-events:none;} #db-page .europe-map .reg{fill:rgba(0,150,219,0.18);stroke:rgba(0,150,219,0.6);stroke-width:0.7;stroke-linejoin:round;cursor:pointer;transition:fill .18s,stroke .18s;} #db-page .europe-map .reg:hover,#db-page .europe-map .reg.active{fill:var(--cyan);stroke:#fff;stroke-width:1;} #db-page .europe-map .reg-dot{fill:#fff;opacity:.85;pointer-events:none;} /* ===== MANIFESTO NETWORK ===== */ #db-page .manifesto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;} #db-page .manifesto-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-sm);transition:all .22s;} #db-page .manifesto-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--shadow-md);} #db-page .manifesto-card .ic-wrap{width:54px;height:54px;border-radius:12px;background:var(--cyan-pill-bg);display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:18px;} #db-page .manifesto-card .ic-wrap .ic-accent{stroke:var(--cyan);} #db-page .manifesto-card h3{font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--text);margin:0 0 10px;line-height:1.25;} #db-page .manifesto-card p{font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:0;} #db-page .manifesto-card strong{color:var(--text);font-weight:700;} @media(max-width:980px){#db-page .manifesto-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:560px){#db-page .manifesto-grid{grid-template-columns:1fr;}} /* statement "non siamo competitor" */ #db-page .manifesto-statement{margin-top:32px;background:linear-gradient(135deg,var(--dark),var(--dark-elev,#1a2632));border-radius:18px;padding:40px 44px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden;} #db-page .manifesto-statement::before{content:'';position:absolute;top:-40%;right:-5%;width:40%;height:180%;background:radial-gradient(ellipse,rgba(0,150,219,0.16),transparent 60%);pointer-events:none;} #db-page .manifesto-statement .ms-mark{flex-shrink:0;width:72px;height:72px;border-radius:16px;background:rgba(0,150,219,0.12);border:1px solid rgba(0,150,219,0.35);display:flex;align-items:center;justify-content:center;color:var(--cyan);position:relative;z-index:2;} #db-page .manifesto-statement .ms-mark .ic-accent{stroke:var(--cyan);} #db-page .manifesto-statement .ms-text{position:relative;z-index:2;} #db-page .manifesto-statement h3{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900;letter-spacing:-.6px;color:#fff;margin:0 0 10px;line-height:1.2;} #db-page .manifesto-statement p{font-size:14.5px;line-height:1.65;color:rgba(255,255,255,0.72);margin:0;} #db-page .manifesto-statement strong{color:var(--cyan);font-weight:700;} @media(max-width:680px){#db-page .manifesto-statement{flex-direction:column;text-align:center;padding:32px 24px;}} /* ───────────── SERVICE NETWORK CLEANING ───────────── */ /* ===== MAPPA REGIONI INTERATTIVA ===== */ #db-page .map-layout{display:grid;grid-template-columns:1.25fr 0.85fr;gap:32px;margin-top:48px;align-items:stretch;} #db-page .map-stage{position:relative;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);background:linear-gradient(135deg,#0f1923,#0a0e14);padding:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:480px;} #db-page .map-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:30px 30px;} #db-page .italy-regions{position:relative;z-index:2;width:100%;height:auto;max-height:560px;display:block;} #db-page .italy-regions .reg{fill:rgba(0,150,219,0.10);stroke:rgba(0,150,219,0.55);stroke-width:0.8;stroke-linejoin:round;cursor:pointer;transition:fill .18s,stroke .18s;} #db-page .italy-regions .reg:hover,#db-page .italy-regions .reg.active{fill:var(--cyan);stroke:#fff;stroke-width:1;} #db-page .italy-regions .reg-dot{fill:rgba(255,255,255,0.55);pointer-events:none;transition:fill .18s;} #db-page .italy-regions .reg.active + .reg-dot{fill:#fff;} /* tooltip */ #db-page .map-tooltip{position:absolute;z-index:5;pointer-events:none;background:rgba(7,13,20,0.96);border:1px solid var(--cyan);border-radius:8px;padding:8px 12px;font-size:12px;color:#fff;opacity:0;transform:translateY(4px);transition:opacity .15s;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,0.4);} #db-page .map-tooltip.show{opacity:1;transform:none;} #db-page .map-tooltip .mt-name{display:block;font-weight:700;letter-spacing:.2px;} #db-page .map-tooltip .mt-count{font-size:11px;color:var(--cyan-pill-text);} #db-page .map-tooltip .mt-count b{color:var(--cyan);} /* panel */ #db-page .map-panel{display:flex;flex-direction:column;gap:18px;} #db-page .map-counter{background:linear-gradient(135deg,var(--cyan),var(--cyan-hover));border-radius:var(--radius);padding:28px 26px;color:#fff;position:relative;overflow:hidden;} #db-page .map-counter::before{content:'';position:absolute;top:-50px;right:-50px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,0.18),transparent 70%);} #db-page .map-counter .mc-num{font-size:3.4rem;font-weight:900;line-height:1;letter-spacing:-2px;position:relative;z-index:2;} #db-page .map-counter .mc-num::after{content:'+';font-size:2rem;} #db-page .map-counter .mc-lbl{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px;color:rgba(255,255,255,0.9);position:relative;z-index:2;line-height:1.4;} #db-page .map-panel-active{background:var(--dark-elev);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:22px 24px;min-height:96px;} #db-page .map-panel-active .mpa-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;} #db-page .map-panel-active .mpa-name .mpa-badge{font-size:13px;font-weight:900;color:var(--cyan);background:var(--cyan-pill-bg);padding:3px 12px;border-radius:100px;white-space:nowrap;} #db-page .map-panel-active .mpa-sub{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.55;} /* lista regioni scrollabile */ #db-page .reg-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);} #db-page .reg-list::-webkit-scrollbar{width:6px;} #db-page .reg-list::-webkit-scrollbar-thumb{background:rgba(0,150,219,0.4);border-radius:3px;} #db-page .reg-li{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,0.06);font-size:14px;color:rgba(255,255,255,0.78);cursor:pointer;transition:background .15s,color .15s;} #db-page .reg-li:last-child{border-bottom:none;} #db-page .reg-li:hover,#db-page .reg-li.active{background:rgba(0,150,219,0.12);color:#fff;} #db-page .reg-li .rl-count{font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums;} @media(max-width:900px){#db-page .map-layout{grid-template-columns:1fr;}#db-page .map-stage{min-height:auto;}} /* ===== JOIN NETWORK (gratuito) ===== */ #db-page .join-banner{background:linear-gradient(135deg,var(--dark-mid),var(--dark-elev));border:1px solid rgba(0,150,219,0.25);border-radius:var(--radius);padding:48px 44px;margin-top:48px;position:relative;overflow:hidden;} #db-page .join-banner::before{content:'';position:absolute;top:-40%;right:-10%;width:50%;height:180%;background:radial-gradient(ellipse,rgba(0,150,219,0.16) 0%,transparent 60%);pointer-events:none;} #db-page .join-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;} #db-page .join-tag{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-pill-bg);color:var(--cyan-pill-text);border-radius:var(--radius-pill);padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;} #db-page .join-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);} #db-page .join-banner h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-1px;color:#fff;margin:0 0 12px;line-height:1.12;} #db-page .join-banner h3 .accent{color:var(--cyan);} #db-page .join-banner p{font-size:15px;line-height:1.65;color:rgba(255,255,255,0.7);margin:0;max-width:560px;} #db-page .join-banner .btn-primary{white-space:nowrap;} @media(max-width:780px){#db-page .join-inner{grid-template-columns:1fr;gap:24px;}} /* ===== FORM SERVICE ===== */ #db-page .svc-form-card{max-width:880px;margin:48px auto 0;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:48px;box-shadow:var(--shadow-lg);} #db-page .svc-form-card .form-section-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 22px;display:flex;align-items:center;gap:10px;} #db-page .svc-form-card .form-section-title::before{content:'';width:18px;height:2px;background:var(--cyan);flex-shrink:0;} #db-page .svc-form-card .form-section-title:not(:first-child){margin-top:38px;padding-top:30px;border-top:1px solid var(--border);} #db-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;} #db-page .form-row.full{grid-template-columns:1fr;} #db-page .form-row.thirds{grid-template-columns:1fr 1fr 1fr;} #db-page .form-field{display:flex;flex-direction:column;} #db-page .form-field label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;} #db-page .form-field label .req{color:var(--cyan);margin-left:2px;} #db-page .form-field input[type=text], #db-page .form-field input[type=email], #db-page .form-field input[type=tel], #db-page .form-field select, #db-page .form-field textarea{width:100%;padding:13px 14px;font-family:Roboto,sans-serif;font-size:14px;color:var(--text);border:1.5px solid var(--border);border-radius:10px;background:var(--white);transition:border-color .2s;} #db-page .form-field input:focus, #db-page .form-field select:focus, #db-page .form-field textarea:focus{outline:none;border-color:var(--cyan);} #db-page .form-field textarea{resize:vertical;min-height:110px;} #db-page .form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a8d' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;} #db-page .form-field .field-hint{font-size:11.5px;color:var(--text-tertiary);margin-top:6px;line-height:1.45;} /* file upload */ #db-page .file-drop{border:1.5px dashed var(--border);border-radius:10px;padding:20px 18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg);} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ico{color:var(--cyan);margin-bottom:8px;display:inline-flex;} #db-page .file-drop .fd-main{font-size:13.5px;font-weight:600;color:var(--text);} #db-page .file-drop .fd-main span{color:var(--cyan);text-decoration:underline;} #db-page .file-drop .fd-sub{font-size:11.5px;color:var(--text-tertiary);margin-top:4px;} #db-page .file-drop input[type=file]{display:none;} #db-page .file-name{font-size:12px;color:var(--text-secondary);margin-top:8px;font-family:monospace;} #db-page .form-submit-row{margin-top:32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;} #db-page .form-submit-row .btn-primary{border:none;cursor:pointer;font-family:Roboto,sans-serif;} #db-page .form-privacy{font-size:11.5px;color:var(--text-tertiary);line-height:1.5;flex:1;min-width:240px;} #db-page .form-consent{display:flex;align-items:flex-start;gap:10px;margin-top:6px;font-size:12.5px;color:var(--text-secondary);line-height:1.5;} #db-page .form-consent input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--cyan);} @media(max-width:680px){#db-page .svc-form-card{padding:32px 22px;}#db-page .form-row,#db-page .form-row.thirds{grid-template-columns:1fr;}} /* ===== MAPPA EUROPA (operatori) ===== */ #db-page .map-stage-eu{min-height:520px;} #db-page .europe-map{position:relative;z-index:2;width:100%;height:auto;max-height:600px;display:block;} #db-page .europe-map .reg-bg{fill:rgba(255,255,255,0.04);stroke:rgba(255,255,255,0.10);stroke-width:0.5;pointer-events:none;} #db-page .europe-map .reg{fill:rgba(0,150,219,0.18);stroke:rgba(0,150,219,0.6);stroke-width:0.7;stroke-linejoin:round;cursor:pointer;transition:fill .18s,stroke .18s;} #db-page .europe-map .reg:hover,#db-page .europe-map .reg.active{fill:var(--cyan);stroke:#fff;stroke-width:1;} #db-page .europe-map .reg-dot{fill:#fff;opacity:.85;pointer-events:none;} /* ===== FILE DROP (KML/KMZ) ===== */ #db-page .file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;border:2px dashed var(--border);border-radius:12px;background:var(--bg);cursor:pointer;transition:all .2s;text-align:center;} #db-page .file-drop:hover{border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop.dragover{border-color:var(--cyan);background:#e3f3fc;} #db-page .file-drop.has-file{border-style:solid;border-color:var(--cyan);background:#eef7fc;} #db-page .file-drop .fd-ic{font-size:26px;line-height:1;} #db-page .file-drop .fd-text{font-size:14px;color:var(--text-secondary);} #db-page .file-drop .fd-text b{color:var(--text);} #db-page .file-drop .fd-text u{color:var(--cyan);text-decoration:none;font-weight:600;} #db-page .file-drop .fd-hint{font-size:11.5px;color:var(--text-tertiary);} #db-page .file-drop.has-file .fd-text b{color:var(--cyan);} /* ===== MANIFESTO NETWORK ===== */ #db-page .manifesto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;} #db-page .manifesto-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-sm);transition:all .22s;} #db-page .manifesto-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--shadow-md);} #db-page .manifesto-card .ic-wrap{width:54px;height:54px;border-radius:12px;background:var(--cyan-pill-bg);display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:18px;} #db-page .manifesto-card .ic-wrap .ic-accent{stroke:var(--cyan);} #db-page .manifesto-card h3{font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--text);margin:0 0 10px;line-height:1.25;} #db-page .manifesto-card p{font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:0;} #db-page .manifesto-card strong{color:var(--text);font-weight:700;} @media(max-width:980px){#db-page .manifesto-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:560px){#db-page .manifesto-grid{grid-template-columns:1fr;}} #db-page .manifesto-statement{margin-top:32px;background:linear-gradient(135deg,var(--dark),var(--dark-elev,#1a2632));border-radius:18px;padding:40px 44px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden;} #db-page .manifesto-statement::before{content:'';position:absolute;top:-40%;right:-5%;width:40%;height:180%;background:radial-gradient(ellipse,rgba(0,150,219,0.16),transparent 60%);pointer-events:none;} #db-page .manifesto-statement .ms-mark{flex-shrink:0;width:72px;height:72px;border-radius:16px;background:rgba(0,150,219,0.12);border:1px solid rgba(0,150,219,0.35);display:flex;align-items:center;justify-content:center;color:var(--cyan);position:relative;z-index:2;} #db-page .manifesto-statement .ms-mark .ic-accent{stroke:var(--cyan);} #db-page .manifesto-statement .ms-text{position:relative;z-index:2;} #db-page .manifesto-statement h3{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900;letter-spacing:-.6px;color:#fff;margin:0 0 10px;line-height:1.2;} #db-page .manifesto-statement p{font-size:14.5px;line-height:1.65;color:rgba(255,255,255,0.72);margin:0;} #db-page .manifesto-statement strong{color:var(--cyan);font-weight:700;} @media(max-width:680px){#db-page .manifesto-statement{flex-direction:column;text-align:center;padding:32px 24px;}}