/* Apartado de romanas camioneras: cuestionario + escena que se construye */
.rm-tipos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:700px){.rm-tipos{grid-template-columns:1fr}}
.rm-tipo{display:flex;flex-direction:column;background:var(--b-paper);border:1px solid var(--b-line);border-radius:var(--b-r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
a.rm-tipo:hover{transform:translateY(-4px);box-shadow:0 20px 36px -18px rgba(20,20,22,.35);border-color:var(--b-acc)}
.rm-tipo img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#fff}
.rm-tipo div{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px}
.rm-tipo h3{font-size:26px;line-height:1.05}
.rm-tipo p{margin:0;color:var(--b-mute);font-size:15px}
.rm-tipo b{font-family:var(--f-m);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--b-acc-d)}

.rm-lab{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);gap:clamp(20px,3vw,40px);align-items:start}
@media(max-width:960px){.rm-lab{grid-template-columns:minmax(0,1fr)}}
.rm-escena{position:sticky;top:96px;background:linear-gradient(180deg,#F1EEE8,#E7E1D6);border-radius:var(--b-r);padding:14px 14px 12px;box-shadow:0 30px 60px -28px rgba(0,0,0,.6);color:var(--b-ink)}
/* Móvil: la escena queda fija arriba mientras se responde, para ver cómo crece la romana */
@media(max-width:960px){.rm-escena{top:62px;z-index:6;padding:8px 8px 6px;box-shadow:0 14px 28px -16px rgba(0,0,0,.7)}.rm-escena svg{max-height:34vh}.rm-progreso{margin-top:6px;font-size:11px}.rm-etapa{font-size:12.5px;margin-top:2px;min-height:0}.rm-lab{gap:14px}}
@media(max-width:480px){.rm-form legend{font-size:25px}.rm-opcion{padding:12px}.rm-nav .btn{padding:12px 20px}.rm-escena{border-radius:12px}}
.rm-escena svg{display:block;width:100%;height:auto;border-radius:10px;overflow:hidden}
.rm-escena .capa{opacity:0;transform:translateY(-22px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rm-escena .capa.on{opacity:1;transform:none}
.rm-escena .capa[data-capa="terreno"]{transform:none;opacity:1}
.rm-progreso{display:flex;align-items:center;gap:12px;margin-top:10px;font-family:var(--f-m);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#4a4a4d}
.rm-progreso__barra{flex:1;height:8px;border-radius:99px;background:rgba(0,0,0,.1);overflow:hidden}
.rm-progreso__barra i{display:block;height:100%;width:0;background:var(--b-acc);border-radius:99px;transition:width .5s ease}
.rm-etapa{margin:6px 0 0;font-size:14px;min-height:1.5em;color:#3a3a3d}

.rm-form .rm-paso{border:0;margin:0;padding:0;min-width:0}
.rm-form .rm-paso[hidden]{display:none}
.rm-form legend{font-family:var(--f-d);font-size:28px;line-height:1.05;margin:0 0 4px;padding:0}
.rm-form .rm-ayuda{margin:0 0 14px;font-size:14px;color:var(--b-mute)}
.rm-pasos{display:flex;gap:6px;margin:0 0 18px}
.rm-pasos i{flex:1;height:5px;border-radius:99px;background:#E2E0DE;transition:background .3s}
.rm-pasos i.hecho{background:var(--b-acc)}
.rm-pasos i.actual{background:var(--b-ink)}
.rm-opcion{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;padding:13px 14px;border:1.5px solid var(--b-line);border-radius:12px;cursor:pointer;font-weight:600;background:#fff;transition:border-color .15s,background .15s}
.rm-opcion:hover{border-color:var(--b-ink)}
.rm-opcion:has(input:checked){border-color:var(--b-acc);background:#FFF4F2}
.rm-opcion:has(input:focus-visible){outline:3px solid var(--b-acc);outline-offset:2px}
.rm-opcion input{width:auto!important;margin-top:3px;accent-color:var(--b-acc);flex:none}
.rm-opcion span{display:flex;flex-direction:column;gap:2px}
.rm-opcion small{font-weight:400;opacity:.75;font-size:13px}
.rm-lista{display:grid;gap:10px}
.rm-personal[hidden]{display:none}
.rm-nav{display:flex;gap:10px;margin-top:18px}
.rm-nav .btn{width:auto!important;margin:0!important;flex:none}
.rm-nav .rm-sig{margin-left:auto!important}
.rm-exito[hidden]{display:none}
.rm-resumen{margin:10px 0 14px;padding:12px 14px;border-radius:10px;background:var(--b-bg);font-size:14px}
.rm-resumen dt{font-family:var(--f-m);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--b-mute)}
.rm-resumen dd{margin:0 0 6px;font-weight:600}
.rm-escena--fin svg{box-shadow:0 0 0 3px var(--b-acc)}
@media (prefers-reduced-motion:reduce){.rm-escena .capa{transition:none;transform:none}}
.rm-nav [hidden],.rm-form [hidden]{display:none!important}
.rm-nav{flex-wrap:wrap}
/* La electrónica cae desde arriba y se posa a un lado de la romana */
.rm-escena .capa[data-capa="electro"],.rm-escena .capa[data-capa="caseta"],.rm-escena .capa[data-capa="letrero"]{transform:translateY(-140px);transition:opacity .35s ease,transform .95s cubic-bezier(.3,1.35,.5,1)}
.rm-escena .capa.on[data-capa="electro"],.rm-escena .capa.on[data-capa="caseta"],.rm-escena .capa.on[data-capa="letrero"]{transform:none}
.rm-aviso{margin:6px 0 10px;padding:12px 14px;border-left:4px solid var(--b-acc);background:#FFF4F2;border-radius:0 10px 10px 0;font-size:15.5px}
/* En el celular el botón flotante de WhatsApp tapaba «Siguiente»; aquí ya hay botón de WhatsApp al terminar */
@media(max-width:700px){.wa-flot{display:none}}