/* ===== RX Plan — inviti della homepage =====
   Due riquadri, mai insieme e mai sopra il banner dei cookie:
   - #rx-invito: «ti interessa? richiedi un contatto», a meta' pagina;
   - #rx-scarica: «scarica l'app», solo da telefono.
   Riquadri e non finestre a tutto schermo: Google penalizza nei risultati da
   mobile le pagine che coprono il contenuto con un popup, e chi sta leggendo
   deve poter continuare senza chiudere niente. */

.rx-riquadro{
  position:fixed;z-index:1500;
  background:var(--bg3);color:var(--text);
  border:1px solid var(--border-light);border-radius:var(--radius);
  box-shadow:0 18px 48px rgba(0,0,0,.55);
  opacity:0;transform:translateY(24px);pointer-events:none;
  transition:opacity .3s ease,transform .3s ease;
}
.rx-riquadro.visibile{opacity:1;transform:none;pointer-events:auto}
.rx-riquadro[hidden]{display:none}

.rx-chiudi{
  position:absolute;top:10px;right:10px;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;color:var(--text-m);
}
.rx-chiudi:hover{background:var(--bg2);color:var(--text-h)}
.rx-chiudi svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}

/* ── Invito al contatto ─────────────────────────────────────────────── */
#rx-invito{right:24px;bottom:24px;width:min(380px,calc(100vw - 32px));padding:24px 22px 20px;max-height:calc(100vh - 48px);overflow-y:auto}
#rx-invito h3{color:var(--text-h);font-size:1.2rem;font-weight:800;line-height:1.3;margin:0 36px 6px 0}
#rx-invito .rx-sotto{color:var(--text-m);font-size:.92rem;line-height:1.55;margin-bottom:16px}

.rx-scelte{display:flex;flex-direction:column;gap:10px}
.rx-scelta{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:13px 14px;border-radius:var(--radius-sm);
  background:var(--bg2);border:1px solid var(--border-light);
  color:var(--text-h);font-weight:600;font-size:.95rem;text-align:left;text-decoration:none;
  transition:border-color .2s,background .2s;
}
.rx-scelta:hover{border-color:var(--rx)}
.rx-scelta svg{flex:none;width:20px;height:20px;stroke:var(--rx-light);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rx-scelta.rx-prova{background:var(--rx);border-color:var(--rx);justify-content:center}
.rx-scelta.rx-prova:hover{background:var(--rx-light)}
.rx-scelta.rx-prova svg{stroke:#fff}

.rx-modulo label{display:block;font-size:.82rem;color:var(--text-m);margin:12px 0 6px}
.rx-modulo input{
  width:100%;background:var(--bg2);border:1px solid var(--border-light);border-radius:var(--radius-sm);
  padding:11px 14px;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;
}
.rx-modulo input:focus{border-color:var(--rx)}
.rx-modulo .rx-nota{font-size:.78rem;color:var(--text-m);line-height:1.5;margin:12px 0 4px}
.rx-modulo .rx-nota a{color:var(--rx-light)}
.rx-modulo .rx-ts{display:flex;justify-content:center;margin:10px 0 2px;min-height:65px}
.rx-modulo button[type=submit]{
  width:100%;margin-top:8px;padding:13px;border-radius:var(--radius-sm);
  background:var(--rx);color:#fff;font-weight:700;font-size:.95rem;
}
.rx-modulo button[type=submit]:hover{background:var(--rx-light)}
.rx-modulo button[type=submit]:disabled{opacity:.6;cursor:wait}
.rx-indietro{color:var(--text-m);font-size:.85rem;margin-bottom:4px;padding:2px 0}
.rx-indietro:hover{color:var(--text-h)}
.rx-errore{color:#f87171;font-size:.85rem;margin-top:10px}
.rx-errore:empty{display:none}
.rx-fatto{text-align:center;padding:8px 0 4px}
.rx-fatto svg{width:44px;height:44px;stroke:#22c55e;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.rx-fatto .rx-scelta{margin-top:16px}

/* Il pulsante «torna su» sta nello stesso angolo: finche' l'invito e'
   aperto si toglie, invece di finirci sotto. */
body.rx-invito-aperto .back-to-top,
body.rx-scarica-aperto .back-to-top{opacity:0;pointer-events:none}

/* ── Banner «scarica l'app», solo telefono ──────────────────────────── */
#rx-scarica{left:12px;right:12px;bottom:12px;padding:14px 46px 14px 14px;display:flex;align-items:center;gap:12px}
#rx-scarica img{flex:none;width:44px;height:44px;border-radius:10px}
#rx-scarica .rx-testo{flex:1;min-width:0}
#rx-scarica strong{display:block;color:var(--text-h);font-size:.92rem;line-height:1.3}
#rx-scarica span{display:block;color:var(--text-m);font-size:.8rem;line-height:1.4;margin-top:2px}
#rx-scarica .rx-azioni{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
#rx-scarica .rx-azioni a{
  padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:700;text-decoration:none;
  background:var(--bg2);border:1px solid var(--border-light);color:var(--text-h);
}
#rx-scarica .rx-azioni a.rx-primaria{background:var(--rx);border-color:var(--rx);color:#fff}
#rx-scarica .rx-chiudi{top:50%;transform:translateY(-50%)}

/* ── Telefono ───────────────────────────────────────────────────────── */
@media (max-width:640px){
  /* L'invito diventa un foglio dal basso, largo quanto lo schermo. */
  #rx-invito{left:0;right:0;bottom:0;width:100%;max-height:85vh;
    border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}
  #rx-scarica{bottom:calc(12px + env(safe-area-inset-bottom))}
}

@media (prefers-reduced-motion:reduce){
  .rx-riquadro{transition:none}
}