/* One to One CRM e One to One App - pagine di presentazione (scuro e oro, come il sito) */
.crm-hero{position:relative;background:var(--nero);overflow:hidden;isolation:isolate}
.crm-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 500px at 82% 20%,rgba(238,196,78,.20),transparent 60%),radial-gradient(700px 400px at 5% 90%,rgba(238,196,78,.10),transparent 60%),url("../img/sfondo-antracite-personal-trainer-brescia.webp") center/cover no-repeat;opacity:.95}
.crm-hero-in{max-width:var(--larghezza);margin:0 auto;padding:96px var(--margine) 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:52px;align-items:center}
.crm-eyebrow{display:inline-block;font-family:var(--font-menu);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--oro);border:1px solid rgba(238,196,78,.5);border-radius:999px;padding:7px 16px;margin-bottom:22px}
.crm-hero h1{font-family:var(--font-titoli);font-size:50px;line-height:1.12;font-weight:700;color:#fff;margin-bottom:18px}
.crm-hero h1 span{color:var(--oro)}
.crm-hero .sotto{font-size:20px;line-height:1.6;color:#d4d4d4;font-weight:400;margin-bottom:30px;max-width:560px}
.crm-bottoni{display:flex;flex-wrap:wrap;gap:14px}
.crm-bottoni .btn{min-width:190px;font-weight:700}
.crm-note-hero{margin-top:22px;font-size:15px;color:#a7a7a7}
.crm-note-hero b{color:#fff;font-weight:700}
.crm-schermo{position:relative}
.crm-schermo .finestra{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(238,196,78,.35),0 30px 80px rgba(0,0,0,.65),0 0 70px rgba(238,196,78,.18)}
.crm-schermo .barra{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#2a2a2a}
.crm-schermo .barra i{width:11px;height:11px;border-radius:50%;background:#555;display:block}
.crm-schermo .barra i:nth-child(1){background:#ff5f57}.crm-schermo .barra i:nth-child(2){background:#febc2e}.crm-schermo .barra i:nth-child(3){background:#28c840}
.crm-schermo .barra span{margin-left:12px;font:400 12px var(--font-testo);color:#aaa}
.crm-schermo img{width:100%;height:auto}
.crm-chip{position:absolute;background:rgba(20,20,20,.94);border:1px solid rgba(238,196,78,.55);border-radius:12px;padding:12px 16px;box-shadow:0 14px 40px rgba(0,0,0,.55);font-size:14px;line-height:1.35;color:#eee}
.crm-chip b{display:block;color:var(--oro);font-size:15px;font-weight:700}
.crm-chip.c1{left:-26px;bottom:34px}.crm-chip.c2{right:-18px;top:-22px}

.crm-slogan{background:linear-gradient(90deg,#171717,#262114 50%,#171717);border-block:1px solid rgba(238,196,78,.35);text-align:center;padding:30px var(--margine)}
.crm-slogan p{max-width:980px;margin:0 auto;font-family:var(--font-testo);font-size:24px;line-height:1.45;font-weight:400;color:#fff}
.crm-slogan p b{color:var(--oro);font-weight:700}

.crm-sez{padding:84px 0}
.crm-sez.scura{background:var(--nero)}
.crm-titolo{text-align:center;max-width:820px;margin:0 auto 52px}
.crm-titolo h2{font-family:var(--font-testo);font-weight:800;font-size:40px;line-height:1.18;color:#fff;margin-bottom:12px}
.crm-titolo h2 span{color:var(--oro)}
.crm-titolo p{font-size:19px;color:#bdbdbd;font-weight:400;margin:0}
.crm-titolo::after{content:"";display:block;width:70px;height:3px;background:var(--oro);margin:22px auto 0}

.crm-vantaggi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.crm-card{background:rgba(20,20,20,.86);border:1px solid #34342f;border-top:3px solid var(--oro);border-radius:10px;padding:26px 24px 28px;transition:transform .2s,box-shadow .2s}
.crm-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.crm-card .ico{width:50px;height:50px;border-radius:12px;background:rgba(238,196,78,.12);border:1px solid rgba(238,196,78,.45);display:grid;place-items:center;margin-bottom:16px}
.crm-card .ico svg{width:26px;height:26px;stroke:var(--oro);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.crm-card h3{font-family:var(--font-testo);font-weight:800;font-size:20px;color:#fff;margin-bottom:8px}
.crm-card p{font-size:16px;color:#c9c9c9;font-weight:400;margin:0}

.crm-funzioni{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.crm-funzioni .crm-card{border-top-width:1px;border-left:4px solid var(--oro);padding:22px 22px 24px}
.crm-funzioni .crm-card h3{font-size:18px;color:var(--oro)}

.crm-due{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;align-items:center}
.crm-due.inverso{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.crm-due h2{font-family:var(--font-testo);font-weight:800;font-size:38px;line-height:1.18;color:#fff;margin-bottom:16px}
.crm-due h2 span{color:var(--oro)}
.crm-due p{font-size:18px;color:#cfcfcf;font-weight:400}
.crm-lista{list-style:none;padding:0;margin:18px 0 26px}
.crm-lista li{position:relative;padding:8px 0 8px 34px;font-size:18px;color:#e6e6e6;font-weight:400}
.crm-lista li::before{content:"✓";position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:var(--oro);color:#1f1f1f;font-weight:900;font-size:14px;display:grid;place-items:center}
.crm-foto{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(238,196,78,.35),0 26px 70px rgba(0,0,0,.6)}
.crm-foto img{width:100%}
.crm-poster{box-shadow:0 0 0 1px rgba(238,196,78,.4),0 30px 90px rgba(0,0,0,.7),0 0 80px rgba(238,196,78,.15)}

.crm-passi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:p}
.crm-passo{position:relative;background:rgba(20,20,20,.86);border:1px solid #34342f;border-radius:10px;padding:34px 26px 28px;text-align:center}
.crm-passo::before{counter-increment:p;content:counter(p);position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:var(--oro);color:#1f1f1f;font:800 22px var(--font-testo);display:grid;place-items:center;box-shadow:0 6px 20px rgba(238,196,78,.35)}
.crm-passo h3{font-family:var(--font-testo);font-weight:800;font-size:20px;color:#fff;margin:6px 0 8px}
.crm-passo p{margin:0;font-size:16px;color:#c9c9c9;font-weight:400}

.crm-faq{max-width:820px;margin:0 auto}
.crm-faq details{border-bottom:1px solid #3a3a35}
.crm-faq summary{cursor:pointer;list-style:none;position:relative;padding:20px 40px 20px 4px;font-family:var(--font-testo);font-weight:700;font-size:19px;color:#fff}
.crm-faq summary::-webkit-details-marker{display:none}
.crm-faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:30px;color:var(--oro);font-weight:400}
.crm-faq details[open] summary::after{content:"–"}
.crm-faq details p{padding:0 8px 22px 4px;font-size:17px;color:#cfcfcf;font-weight:400;margin:0}

.crm-chiusura{background:linear-gradient(120deg,#1a1710,#262012 50%,#1a1710);border-block:1px solid rgba(238,196,78,.4);text-align:center;padding:70px var(--margine)}
.crm-chiusura h2{font-family:var(--font-testo);font-weight:800;font-size:36px;color:#fff;margin-bottom:10px}
.crm-chiusura h2 span{color:var(--oro)}
.crm-chiusura p{font-size:19px;color:#cfcfcf;font-weight:400;margin:0 auto 26px;max-width:640px}
.crm-chiusura .crm-bottoni{justify-content:center}
.crm-bozza{background:#7a0f0a;color:#fff;text-align:center;font:700 14px var(--font-menu);letter-spacing:.04em;padding:9px 12px}

@media (max-width:1000px){
  .crm-hero-in{grid-template-columns:1fr;padding:60px var(--margine) 64px;gap:44px}
  .crm-hero h1{font-size:38px}
  .crm-chip.c1{left:8px;bottom:-18px}.crm-chip.c2{right:8px;top:-18px}
  .crm-vantaggi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-funzioni{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-due,.crm-due.inverso{grid-template-columns:1fr;gap:34px}
  .crm-passi{grid-template-columns:1fr;gap:34px}
  .crm-titolo h2,.crm-due h2{font-size:32px}
  .crm-slogan p{font-size:20px}
}
@media (max-width:620px){
  .crm-sez{padding:60px 0}
  .crm-hero h1{font-size:32px}
  .crm-hero .sotto{font-size:18px}
  .crm-bottoni .btn{width:100%}
  .crm-vantaggi,.crm-funzioni{grid-template-columns:1fr}
  .crm-chip{display:none}
  .crm-titolo h2,.crm-due h2,.crm-chiusura h2{font-size:27px}
  .crm-slogan p{font-size:18px}
  .crm-faq summary{font-size:17px}
}

/* contatto della pagina CRM (senza piè di pagina del sito) */
.crm-contatto{background:var(--antracite);padding:76px 0 26px}
.crm-contatto-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.crm-contatto h2{font-family:var(--font-testo);font-weight:800;font-size:38px;color:#fff;margin-bottom:12px}
.crm-contatto h2 span{color:var(--oro)}
.crm-contatto p{font-size:18px;color:#cfcfcf;font-weight:400}
.crm-contatti-diretti a{color:var(--oro);font-weight:700;text-decoration:none}
.crm-contatti-diretti a:hover{text-decoration:underline}
.crm-riga-fine{max-width:var(--larghezza);margin:54px auto 0;padding:20px var(--margine) 0;border-top:1px solid #333;text-align:center;font-size:14px!important;color:#8d8d8d!important}
.crm-riga-fine a{color:#bbb}
@media (max-width:1000px){.crm-contatto-in{grid-template-columns:1fr;gap:34px}.crm-contatto h2{font-size:30px}}

/* pagina App: due versioni (uomo e donna) */
.app-hero-in{grid-template-columns:1fr;padding:84px var(--margine) 76px;text-align:center}
.app-hero-testo{max-width:860px;margin:0 auto}
.app-hero .sotto{margin-left:auto;margin-right:auto}
.app-hero .crm-bottoni{justify-content:center}
.app-versioni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.app-versione{text-align:center}
.app-etichetta{display:inline-block;font:800 14px var(--font-menu);letter-spacing:.14em;text-transform:uppercase;padding:8px 22px;border-radius:999px;margin-bottom:18px;color:#1f1f1f;background:var(--oro)}
.app-versione.donna .app-etichetta{background:#ff1493;color:#fff}
.app-versione h3{font-family:var(--font-testo);font-weight:800;font-size:22px;color:#fff;margin:20px 0 6px}
.app-versione.donna h3{color:#ff63b6}
.app-versione.uomo h3{color:var(--oro)}
.app-versione p{font-size:17px;color:#cfcfcf;font-weight:400;margin:0 auto;max-width:520px}
.app-3d{max-width:820px;text-align:center}
.app-3d h2{font-family:var(--font-testo);font-weight:800;font-size:38px;color:#fff;margin-bottom:10px}
.app-3d h2 span{color:var(--oro)}
.app-3d .crm-lista{display:inline-block;text-align:left;margin:16px 0 28px}
@media (max-width:1000px){.app-versioni{grid-template-columns:1fr;gap:46px}.app-3d h2{font-size:30px}.app-hero-in{padding:56px var(--margine) 56px}}