/* Percorso rapido — stili propri di index.html (restyling).
   style.css resta la base condivisa (palette, card, pulsanti, op-block);
   qui solo ciò che serve alla pagina nuova e all'iPad al banco. */

.app.rapido{max-width:1040px;padding:1.25rem 1.25rem 2rem;}
/* Intestazione e passi più compatti: sull'iPad in orizzontale l'altezza è preziosa */
.rapido .header{margin-bottom:1rem;padding-bottom:.75rem;}
.rp-vc{margin-left:auto;}

/* Indicatore dei tre passi */
/* Apertura: scelta del tipo di lente (12 ottobre 2026) */
.rp-tipo-btn{padding:24px;font-family:inherit;}
.rp-tipo-btn .landing-title{font-size:21px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.rp-tipo-btn .landing-sub{font-size:15px;}
#tipo-mono .landing-title,#tipo-mono .landing-sub{color:#AAA;}
.rp-presto{display:none;font-size:12px;font-weight:700;color:#B05A26;background:#FBEDE0;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;}
.rp-presto.show{display:inline-block;}
.rp-steps{display:flex;gap:8px;margin-bottom:1.25rem;}
.rp-step{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#EFEFE8;color:#999;font-size:13px;font-weight:600;transition:background .3s,color .3s;}
.rp-step-n{width:24px;height:24px;border-radius:50%;background:#DDDDD3;color:white;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transition:background .3s;}
.rp-step.active{background:#FBEDE0;color:#B05A26;}
.rp-step.active .rp-step-n{background:#E2814D;}
.rp-step.done{background:#FDF6EF;color:#B05A26;}
.rp-step.done .rp-step-n{background:#F5C9A4;}

/* Pulsanti grandi, adatti al tocco; comandi principali lungo il bordo inferiore */
.rp-big{min-height:56px;font-size:17px;}
.btn-s.rp-big{padding:13px 22px;}
.rapido .nav{position:sticky;bottom:0;z-index:5;margin-top:1rem;padding:10px 0 12px;background:#F4F4EF;}

.rp-note{font-size:12px;color:#AAA;text-align:center;margin-top:1.5rem;}

/* ── SCHERMATA RICETTA (lavoro: per l'ottico, presentabile) ───────────────── */
.rp-ott-grid{display:grid;grid-template-columns:1fr;gap:1.1rem 2rem;}
@media(min-width:760px){.rp-ott-grid{grid-template-columns:1fr 1fr;}}
.rp-card-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;}
.rp-card-head .sec-title{margin-bottom:0;}
.rp-col{display:flex;flex-direction:column;gap:1.1rem;}
.rp-field-lbl{font-size:15px;font-weight:600;color:#333;margin-bottom:8px;}
.rp-field-sub{font-size:12px;font-weight:400;color:#999;margin-left:6px;}

/* Selettori a tre posizioni */
.rp-seg{display:flex;gap:8px;}
.rp-seg-btn{flex:1;min-height:52px;border:1.5px solid #E0E0D8;border-radius:10px;background:white;color:#555;font-size:16px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s;}
.rp-seg-btn.sel{border-color:#E2814D;background:#FBEDE0;color:#B05A26;}

/* Chip: addizione e tocchi facoltativi */
.rp-chips{display:flex;flex-wrap:wrap;gap:8px;}
.rp-chip{min-height:46px;padding:0 14px;border:1.5px solid #E0E0D8;border-radius:10px;background:white;color:#555;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s;}
.rp-chip.sel{border-color:#E2814D;background:#FBEDE0;color:#B05A26;}
.rp-chip-add{min-width:64px;padding:0 8px;}

/* Addizione: nessun valore preimpostato; richiamo discreto se si va avanti senza */
.rp-add-hint{font-size:13px;color:#B05A26;margin-top:8px;min-height:18px;line-height:1.4;}
.rp-field.rp-richiamo .rp-chips{box-shadow:0 0 0 3px rgba(226,129,77,.35);border-radius:12px;animation:rpPulse .6s ease-in-out 2;}
@keyframes rpPulse{0%,100%{box-shadow:0 0 0 3px rgba(226,129,77,.35);}50%{box-shadow:0 0 0 6px rgba(226,129,77,.15);}}
.btn-p.rp-dis{opacity:.45;}

/* Gradazione esatta: segno esplicito (− / +) + valore */
.rp-esatta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.rp-segni{display:flex;gap:6px;}
.rp-segno{width:52px;height:52px;border:1.5px solid #E0E0D8;border-radius:10px;background:white;color:#555;font-size:24px;font-weight:700;cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s;}
.rp-segno.sel{border-color:#E2814D;background:#FBEDE0;color:#B05A26;}
.rp-inp{width:140px;height:52px;padding:0 12px;border:1.5px solid #E0E0D8;border-radius:10px;font-size:18px;text-align:center;background:white;color:#1a1a1a;}
.rp-inp:focus{outline:none;border-color:#E2814D;box-shadow:0 0 0 3px rgba(226,129,77,.1);}
.rp-inp.ko{border-color:#E24B4A;}
.rp-esatta-hint{font-size:12px;color:#999;line-height:1.4;}

/* Indicatore discreto a quattro tacche (nessuna parola in vista) */
.rp-tacche{display:flex;gap:4px;align-items:flex-end;height:18px;}
.rp-tacche span{width:9px;border-radius:2px;background:#E0E0D8;transition:background .25s;}
.rp-tacche span:nth-child(1){height:7px;}
.rp-tacche span:nth-child(2){height:10px;}
.rp-tacche span:nth-child(3){height:13px;}
.rp-tacche span:nth-child(4){height:16px;}
.rp-tacche span.on{background:#E2814D;}

/* ── DOMANDE AL CLIENTE (una per schermata, pulsanti grandi) ─────────────── */
.rp-q-prog{font-size:13px;font-weight:600;color:#999;margin-bottom:8px;}
.rp-q-prog b{color:#B05A26;}
.rp-q-card .q-subprog{margin-bottom:1.25rem;}
.rp-q-text{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:6px;}
.rp-q-sub{font-size:16px;color:#888;margin-bottom:1.25rem;line-height:1.4;}
.rp-q-opts{display:grid;gap:12px;grid-template-columns:1fr;margin-top:1rem;}
@media(min-width:760px){.rp-q-opts.n3,.rp-q-opts.n5,.rp-q-opts.n6{grid-template-columns:repeat(3,1fr);}}
.rp-opt{min-height:76px;padding:14px 16px;border:1.5px solid #E0E0D8;border-radius:12px;background:white;color:#333;font-size:19px;font-weight:600;line-height:1.3;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s,transform .1s;}
.rp-opt.sel{border-color:#E2814D;background:#FBEDE0;color:#B05A26;}
.rp-opt:active{transform:scale(.98);}
.btn-sk.rp-big{margin-left:auto;font-size:16px;color:#999;padding:13px 18px;}

/* ── VIDEOCENTRATORE: pastiglia discreta nell'intestazione, lato ottico ──── */
.rp-vc{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1.5px solid #DDDDD3;border-radius:20px;background:white;color:#AAA;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;}
.rp-vc-dot{width:10px;height:10px;border-radius:50%;border:2px solid #CFCFC5;background:transparent;}
.rp-vc.on{border-color:#E2814D;background:#E2814D;color:white;}
.rp-vc.on .rp-vc-dot{border-color:white;background:white;}
.rp-vc-scelte{display:flex;gap:10px;margin:4px 0 10px;}
.rp-vc-scelte .rp-chip{flex:1;min-height:52px;font-size:16px;}
.rp-vc-origine{font-size:12px;color:#999;line-height:1.5;margin-bottom:14px;}

/* ── LE QUATTRO PAGINE DELLA PROPOSTA (vetrina: leggibili a un metro) ─────── */
/* Indicatore a quattro punti: Lente · Visione · Spessore · Trattamenti */
.rp-sotto{display:none;justify-content:center;gap:22px;margin:-.75rem 0 1rem;font-size:12px;font-weight:600;color:#BBB;}
.rp-sotto.show{display:flex;}
.rp-sotto-p{display:flex;align-items:center;gap:6px;}
.rp-sotto-p i{width:9px;height:9px;border-radius:50%;background:#DDDDD3;}
.rp-sotto-p.done{color:#B05A26;}
.rp-sotto-p.done i{background:#F5C9A4;}
.rp-sotto-p.active{color:#B05A26;}
.rp-sotto-p.active i{background:#E2814D;box-shadow:0 0 0 3px #FBEDE0;}

/* Pagina A: lente e tre vantaggi */
.rp-prop{border-left:4px solid #E2814D;}
.rp-prop-pre{font-size:15px;color:#8A8A7A;margin-bottom:6px;}
.rp-prop-nome{font-size:34px;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.rp-sigla{font-size:20px;font-weight:700;color:white;background:#E2814D;border-radius:8px;padding:3px 10px;line-height:1.3;}
.rp-prop-desc{font-size:18px;color:#555;line-height:1.5;max-width:64ch;}
.rp-vant{display:flex;flex-direction:column;gap:16px;margin-top:1.5rem;padding-top:1.4rem;border-top:1px solid #F0EDE6;}
.rp-vant-row{display:flex;align-items:flex-start;gap:14px;}
.rp-vant-row .rp-trt-chk{width:30px;height:30px;margin-top:1px;}
.rp-vant-tx{font-size:21px;font-weight:600;color:#1a1a1a;line-height:1.4;}

/* Scheda di passaggio: arancione con "+" per i guadagni, grigio neutro con
   un punto per le rinunce (mai rosso, mai una croce) */
.rp-px-tit{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:8px;}
.rp-px-lente{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;}
.rp-px.giu{border-left-color:#B8B8AE;}
.rp-px.giu .rp-sigla{background:#8A8A80;}
.rp-px-segno{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;font-size:22px;font-weight:700;line-height:1;color:white;background:#E2814D;}
.rp-px.giu .rp-px-segno{background:#EFEFE8;border:1.5px solid #CFCFC5;}
.rp-px.giu .rp-px-segno::after{content:"";width:8px;height:8px;border-radius:50%;background:#8A8A80;}

/* Pagina B: corridoi (il grafico è di corridoi.js; qui solo misura e comandi) */
.rp-cv-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-bottom:.5rem;font-size:15px;color:#777;}
.rp-cv-head b{color:#1a1a1a;}
.rp-cv-guarda{display:none;color:#B05A26;}
.rp-cv-guarda b{color:#B05A26;}
.rp-cv-guarda.show{display:block;}
.rp-cv-wrap{display:flex;justify-content:center;}
/* Il grafico è largo quanto permette l'altezza dello schermo; la frase del
   confronto scala con il riquadro e non con la finestra */
.rp-cv-stage{max-width:calc((100vh - 350px) * 1000 / 640);min-width:300px;margin:0 auto;container-type:inline-size;}
.rp-cv-stage .cv-cmp-txt{font-size:clamp(10px,1.9cqw,20px);}
/* Comandi su una riga in orizzontale: lente, confronto, sfondo */
.rp-cv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:.5rem;}
.rp-cv-lbl{font-size:11px;font-weight:700;color:#8A8A80;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;}
.rp-cv-seg{display:flex;gap:6px;}
.rp-cv-seg button{min-height:52px;padding:0 14px;border:1.5px solid #E0E0D8;border-radius:10px;background:white;color:#555;font-size:16px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s,opacity .2s;}
.rp-cv-seg button.sel{border-color:#E2814D;background:#FBEDE0;color:#B05A26;}
.rp-cv-seg button.off{opacity:.3;pointer-events:none;}
.rp-cv-seg button.hidden{display:none;}
.rp-cv-seg.big{flex:1;min-width:300px;}
.rp-cv-seg.big button{flex:1;padding:0 10px;}
#rp-pb .nav{flex-wrap:wrap;}

/* Pagina C: spessore, una riga toccabile per famiglia */
.rp-spess-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:1rem;}
.rp-spess-intro{font-size:16px;color:#555;}
/* Lenti negative / positive: due pulsanti come i selettori della ricetta */
.rp-spess-tipo{display:flex;gap:8px;}
.rp-spess-tipo .rp-seg-btn{flex:none;padding:0 18px;}
.rp-spess{display:flex;flex-direction:column;gap:8px;}
.rp-spess-riga{display:flex;align-items:center;gap:16px;width:100%;min-height:76px;padding:8px 16px;border:1.5px solid #E8E8E0;border-radius:12px;background:white;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s;}
.rp-spess-riga.sel{border-color:#E2814D;background:#FDF6EF;}
.rp-spess-fam{width:190px;flex-shrink:0;font-size:20px;font-weight:600;color:#444;display:flex;flex-direction:column;gap:4px;}
.rp-spess-riga.sel .rp-spess-fam{color:#B05A26;}
.rp-spess-cons{align-self:flex-start;font-size:11px;font-weight:700;color:#B05A26;background:#FBEDE0;border:1px solid #F5C9A4;border-radius:12px;padding:2px 8px;text-transform:uppercase;letter-spacing:.05em;}
.rp-spess-svg{flex:1;height:60px;min-width:0;}
.rp-spess-nota{font-size:15px;color:#555;line-height:1.5;margin-top:1rem;}

/* Spunta tonda dei vantaggi (Pagina A) */
.rp-trt-chk{width:26px;height:26px;border-radius:50%;background:#E2814D;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.rp-trt-chk svg{width:13px;height:11px;}

/* Pagina C: Ultra sottile non disponibile con il fotocromatico */
.rp-spess-riga.off{opacity:.45;cursor:default;}
.rp-spess-no{align-self:flex-start;font-size:13px;font-style:italic;color:#4A4A45;line-height:1.3;}

/* Pagina D: trattamenti (grafica, 12 ottobre 2026; anche nel banco
   scene_trattamenti_viz.html). Immagine a sinistra, tre schede a destra,
   stessa altezza. Colori, un significato ciascuno: arancione solo il
   trattamento scelto (flag); celeste la scheda di cui si guarda la grafica;
   grigio scuro "Consigliato per lei" e le note.
   Margini stretti solo in questa pagina: sull'iPad in orizzontale l'altezza
   è preziosa */
#rp-pd .step-lbl{margin-bottom:.6rem;}
.td-card{padding:10px;}
#rp-pd .nav{margin-top:8px;}
#rp-pd .op-block{margin-top:12px;}
.td-row{display:flex;gap:14px;align-items:stretch;}
.td-img{flex:0 0 53%;display:flex;flex-direction:column;min-width:0;}
.td-stage{flex:1;min-height:0;}
.td-nota{height:20px;padding-top:4px;font-size:13px;color:#8A8A80;text-align:center;}
.td-schede{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;}
/* Scheda: tocco sulla scheda = guarda la grafica; tocco sul flag = sceglie */
.td-scheda{flex:1;display:flex;align-items:center;gap:10px;padding:6px 10px 6px 14px;border:2px solid #E8E8E0;border-radius:12px;background:white;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s,box-shadow .15s;}
.td-scheda.vista{border-color:#7FB4D8;background:#F2F7FB;box-shadow:0 0 0 1px #7FB4D8;}
.td-scheda.off{opacity:.45;cursor:default;}
.td-tx{flex:1;min-width:0;}
.td-tit{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.15;margin-bottom:2px;}
.td-righe{list-style:none;}
.td-righe li{position:relative;padding-left:14px;font-size:18px;color:#444;line-height:1.22;}
.td-righe li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#B8B8AE;}
.td-cons{margin-top:3px;font-size:17px;color:#4A4A45;line-height:1.22;}
.td-cons b{font-weight:700;}
.td-nota-s{margin-top:3px;font-size:16px;font-style:italic;color:#4A4A45;line-height:1.22;}
/* Flag: 56 punti, area di tocco ancora più ampia */
.td-flag{position:relative;width:56px;height:56px;flex-shrink:0;padding:0;border:2.5px solid #CFCFC5;border-radius:12px;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s;}
.td-flag::after{content:"";position:absolute;inset:-10px;}
.td-flag svg{width:28px;height:24px;opacity:0;}
.td-flag.on{background:#E2814D;border-color:#E2814D;}
.td-flag.on svg{opacity:1;}
.td-flag.bloccato{background:#EFEFE8;border-style:dashed;cursor:default;}

/* Passo 4: riepilogo (13 ottobre 2026). Lente a sinistra, ricetta, spessore
   e trattamenti a destra; su telefono una colonna sola */
.rie-card{display:grid;grid-template-columns:1fr;gap:6px 36px;}
@media(min-width:760px){.rie-card{grid-template-columns:1.25fr 1fr;}}
.rie-sec{font-size:13px;font-weight:700;color:#8A8A7A;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px;padding-bottom:4px;border-bottom:1px solid #F0F0E8;}
.rie-col>.rie-sec:first-child{margin-top:0;}
.rie-card .rie-lente{font-size:28px;margin-bottom:6px;}
.rie-txt{font-size:17px;color:#444;line-height:1.5;}
.rie-val{font-size:20px;font-weight:700;color:#1a1a1a;}
.rie-vant{margin-bottom:10px;}
.rie-vant .rp-vant-tx{font-size:18px;font-weight:500;}
.rie-vant .rp-trt-chk{width:24px;height:24px;}
.rie-trt{margin-bottom:12px;}
.rie-trt-tit{font-size:19px;font-weight:700;color:#1a1a1a;}
.rie-trt-righe{font-size:16px;color:#444;line-height:1.4;}
.rie-trt-cons{font-size:15px;color:#4A4A45;line-height:1.4;margin-top:2px;}
#rp-rie .nav,#rp-promo .nav{gap:10px;}

/* Angolo piegato del riepilogo (13 ottobre 2026): sembra l'orecchia di una
   pagina. La metà in alto a sinistra è il retro del foglio sollevato, quella
   in basso a destra lascia intravedere sotto l'arancione della promo. Ogni
   tanto un riflesso di luce lo attraversa e l'angolo si solleva appena: un
   occhio attento lo nota. Toccandolo il foglio si sfoglia (classe .sfoglia)
   e sotto compare la promo. */
.rie-wrap{position:relative;margin-bottom:1rem;}
.rie-wrap .rie-card{margin-bottom:0;}
.rie-angolo{position:absolute;right:0;bottom:0;width:58px;height:58px;padding:0;border:0;cursor:pointer;
  border-radius:0 0 14px 0;overflow:hidden;-webkit-tap-highlight-color:transparent;
  background:linear-gradient(135deg,#F3EEE4 0%,#E7DFD0 46%,rgba(0,0,0,.14) 49.5%,transparent 50%),
    linear-gradient(135deg,#B05A26 0%,#E2814D 100%);
  box-shadow:-2px -2px 5px rgba(0,0,0,.06);
  transition:width .9s cubic-bezier(.5,0,.3,1),height .9s cubic-bezier(.5,0,.3,1),border-radius .9s;
  animation:rie-solleva 9s ease-in-out 3s infinite;}
.rie-angolo::after{content:"";position:absolute;inset:-10px;}
@keyframes rie-solleva{0%,88%,100%{width:58px;height:58px;}93%{width:68px;height:68px;}}
.rie-angolo-luce{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.95) 38%,transparent 46%);
  background-size:300% 300%;background-position:100% 100%;
  -webkit-mask:linear-gradient(135deg,#000 49%,transparent 50%);mask:linear-gradient(135deg,#000 49%,transparent 50%);
  animation:rie-luce 9s ease-in-out 3s infinite;}
@keyframes rie-luce{0%,86%{background-position:100% 100%;}96%,100%{background-position:0 0;}}
/* sfogliata: l'angolo cresce fino a coprire il foglio */
.rie-wrap.sfoglia{overflow:hidden;border-radius:14px;}
.rie-wrap.sfoglia .rie-angolo{animation:none;}
.rie-wrap.sfoglia .rie-angolo-luce{animation:none;opacity:0;}

/* Promo scoperta */
#rp-promo.active{animation:promo-entra .5s ease-out;}
@keyframes promo-entra{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.promo-trovata{font-size:34px;font-weight:700;color:#B05A26;line-height:1.2;}
.promo-trovata-sotto{font-size:18px;color:#555;margin:4px 0 1rem;}
#rp-promo .promo-badge{font-size:13px;}
#rp-promo .promo-title{font-size:28px;}
#rp-promo .promo-sub{font-size:18px;}
#rp-promo .sec-title{font-size:13px;}
#rp-promo .promo-sug{display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:760px){#rp-promo .promo-sug{grid-template-columns:repeat(3,1fr);}}
/* alternative selezionabili: pulsanti con l'aspetto delle schede */
.rp-promo-opz{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s,box-shadow .15s;}
.rp-promo-opz.principale{border-color:#E0E0D8;background:white;}
.rp-promo-opz.sel{border-color:#E2814D;background:#FDF6EF;box-shadow:0 0 0 1.5px #E2814D;}
.rp-promo-spunta{position:absolute;top:12px;right:12px;}
.rp-promo-opz .promo-item-title,.rp-promo-opz .promo-item-desc,.rp-promo-opz .promo-item-tag{display:block;}
.rp-promo-opz .promo-item-tag,.rp-promo-opz .promo-item-title{padding-right:34px;}
#rp-promo .promo-item-tag{font-size:12px;}
#rp-promo .promo-item-title{font-size:19px;}
#rp-promo .promo-item-desc{font-size:16px;}

/* Stampa: l'offerta della promo in un riquadro evidenziato */
@media print{.pr-promo{border:1.5px solid #1a1a1a;border-radius:6px;padding:8px 12px;margin:4px 0;}}

/* Blocco operatore: righe del dettaglio */
.rp-op-row{font-size:13px;color:#444;line-height:1.6;padding:4px 0;}
.rp-op-row b{color:#1a1a1a;}
.rp-op-k{color:#8A8A7A;}
.rp-op-avviso{background:#FBEDE0;border-radius:6px;padding:6px 8px;margin-bottom:4px;}

@media(max-width:520px){
  .app.rapido{padding:1rem 16px 1.5rem;}
  .rp-step-t{display:none;}
  .rp-seg-btn{font-size:15px;}
  .rp-prop-nome{font-size:27px;}
  .rp-vant-tx{font-size:18px;}
  .rp-px-tit{font-size:23px;}
  .rp-sotto{gap:12px;}
  .rp-spess-fam{width:120px;font-size:17px;}
  .rp-cv-stage{min-width:0;}
  .td-row{flex-direction:column;height:auto!important;}
  .td-img{flex:none;}
  .td-stage{height:62vw;flex:none;}
  .td-tit{font-size:20px;}
  .td-righe li{font-size:16px;}
}
