/* ===== Reinicia · Diagnóstico WhatsApp (rd-). Usa los tokens y botones de rw.css ===== */
.rd .rd-points{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px}
.rd ul.rd-points>li{list-style:none!important;margin:0!important;padding:0 0 0 28px!important;position:relative!important;background:none!important;font-size:14.5px;font-weight:600;color:#E4DDFD;line-height:1.4;text-indent:0}
.rd ul.rd-points>li::marker{content:none!important}
.rd ul.rd-points>li::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:1px!important;width:18px;height:18px;border-radius:50%;background:var(--rw-yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D0D0D' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;color:transparent!important}
.rd-card{min-height:440px;display:flex;flex-direction:column}
.rd-q{display:flex;flex-direction:column;flex:1;min-width:0}
.rd-prog{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.rd-pn{font-size:11.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--rw-azul);white-space:nowrap}
.rd-bar{flex:1;height:6px;border-radius:6px;background:var(--rw-mist);overflow:hidden;display:block}
.rd-bar i{display:block;height:100%;width:10%;background:var(--rw-azul);border-radius:6px;transition:width .3s ease}
.rd .rd-qt{font-family:inherit;font-size:20px;font-weight:800;line-height:1.25;color:var(--rw-black);margin:0 0 4px;padding:0;outline:0}
.rd .rd-qh{font-family:inherit;font-size:13px;font-weight:600;color:var(--rw-text);margin:0 0 4px;padding:0}
.rd-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 0}
.rd .rd-opt{display:flex;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;margin:0;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;color:var(--rw-black);background:#fff;border:1.5px solid var(--rw-soft);border-radius:12px;box-shadow:none;cursor:pointer;transition:border-color .15s,background .15s}
.rd .rd-opt:hover{border-color:var(--rw-azul);background:#FAF9FF;color:var(--rw-black)}
.rd .rd-opt:focus-visible{outline:3px solid var(--rw-azul);outline-offset:2px}
.rd .rd-opt:disabled{opacity:.42;cursor:not-allowed;background:#F6F6F6;border-color:#E2E2E2;color:#7A7A7A}
.rd .rd-opt:disabled:hover{background:#F6F6F6;border-color:#E2E2E2}
.rd .rd-opt.on{border-color:var(--rw-azul);background:var(--rw-mist);color:var(--rw-azul)}
.rd-tick{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid var(--rw-soft);background:#fff;transition:all .15s}
.rd .rd-opt.on .rd-tick{border-color:var(--rw-azul);background:var(--rw-azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.rd .rd-dato{font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.45;color:#3B3B3B;background:#FBF8CF;border-left:3px solid var(--rw-yellow);border-radius:0 9px 9px 0;padding:9px 12px;margin:14px 0 0}
.rd .rd-dato b{color:var(--rw-black)}
.rd .rd-dato span{display:block;font-size:11px;font-weight:600;color:#7A7A7A;margin-top:3px}
.rd-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}
.rd .rd-back,.rd .rd-redo{font-family:inherit;font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--rw-azul);background:none;border:0;padding:6px 0;margin:0;min-width:0;box-shadow:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rd .rd-next{margin-left:auto;padding:13px 24px}
.rd .rd-next:disabled{background:#E4E4E4;border-color:#E4E4E4;color:#9A9A9A;box-shadow:none;opacity:1;cursor:not-allowed;transform:none}
.rd .rd-next[hidden]{display:none!important}

/* --- Resultado (a todo el ancho del bloque) --- */
.rd-res{padding:30px}
@container (min-width:700px){.rd-res{padding:36px 40px}}
.rd .rd-kick{font-size:11.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--rw-yellow);margin:0 0 8px;padding:0}
.rd .rd-big{font-family:inherit;font-size:34px;font-weight:800;line-height:1.08;letter-spacing:-.5px;color:#fff;margin:0 0 10px;padding:0;outline:0}
@container (min-width:700px){.rd .rd-big{font-size:46px}}
.rd .rd-sub{font-size:16px;font-weight:600;line-height:1.5;color:#E4DDFD;margin:0;padding:0;max-width:720px}
.rd .rd-how{margin:14px 0 0;max-width:720px}
.rd .rd-how summary{font-size:13px;font-weight:800;color:var(--rw-yellow);cursor:pointer;text-decoration:underline;text-underline-offset:3px;list-style:revert}
.rd .rd-how p{font-size:12.5px;font-weight:500;line-height:1.5;color:#C9BEF9;margin:8px 0 0;padding:0}
.rd .rd-h4{font-size:18px;font-weight:800;color:#fff;margin:28px 0 12px;padding:0}
.rd-bens,.rd-srvs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@container (min-width:700px){.rd-bens,.rd-srvs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.rd-ben{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px;min-width:0}
.rd .rd-ben .rd-bt{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:15px;font-weight:800;line-height:1.35;color:#fff;margin:0;padding:0}
.rd .rd-i{flex:0 0 24px;width:24px;height:24px;min-width:0;margin:0;padding:0;border-radius:50%;border:1.5px solid var(--rw-yellow);background:transparent;color:var(--rw-yellow);font-family:Georgia,serif;font-size:14px;font-style:italic;font-weight:700;line-height:20px;text-align:center;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.rd .rd-i:hover,.rd .rd-ben.rd-open .rd-i{background:var(--rw-yellow);color:var(--rw-black)}
.rd .rd-i:focus-visible{outline:3px solid #fff;outline-offset:2px}
.rd-tip{position:absolute;z-index:5;left:8px;right:8px;top:calc(100% - 6px);background:#fff;color:var(--rw-black);font-size:13px;font-weight:600;line-height:1.45;border-radius:12px;padding:12px 14px;box-shadow:0 16px 34px rgba(13,13,13,.32);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.rd-tip::before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}
.rd-ben.rd-open .rd-tip{opacity:1;visibility:visible;transform:none;pointer-events:auto}
@media (hover:hover){.rd-ben:has(.rd-i:hover) .rd-tip,.rd-ben:has(.rd-i:focus-visible) .rd-tip{opacity:1;visibility:visible;transform:none}}
.rd .rd-srv{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:14px;padding:16px;text-decoration:none;color:var(--rw-black);min-width:0;box-shadow:0 10px 24px rgba(13,13,13,.18);transition:transform .15s}
.rd .rd-srv:hover{transform:translateY(-2px);color:var(--rw-black)}
.rd-st{font-size:16px;font-weight:800;color:var(--rw-azul)}
.rd-sd{font-size:13px;font-weight:500;line-height:1.45;color:var(--rw-text)}
.rd-price{display:inline-block;align-self:flex-start;margin-top:4px;font-size:13.5px;font-weight:800;color:var(--rw-black);background:var(--rw-yellow);border-radius:20px;padding:5px 12px}
.rd-pnote{font-size:11px;font-weight:600;color:#7A7A7A}
.rd-capt{margin-top:26px}
.rd .rd-ct{font-size:18px;font-weight:800;line-height:1.25;color:var(--rw-black);margin:0 0 14px;padding:0}
.rd-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@container (min-width:700px){.rd-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rd .rd-fl{display:block;margin:0;padding:0;min-width:0;font-family:inherit;text-transform:none;letter-spacing:0}
.rd .rd-fl span{display:block;font-size:13px;font-weight:700;color:var(--rw-text);margin:0 0 6px}
.rd .rd-fl input{display:block;width:100%;min-width:0;max-width:100%;font-family:inherit;font-size:15px;font-weight:700;color:var(--rw-black);background:var(--rw-mist);border:1.5px solid var(--rw-soft);border-radius:11px;padding:11px 14px;margin:0;outline:0;box-shadow:none;height:auto;line-height:1.2}
.rd .rd-fl input:focus{border-color:var(--rw-azul);background:#fff}
.rd .rd-fl input.rd-ko{border-color:var(--rw-red);background:var(--rw-red-bg)}
.rd-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rd-acts .rw-btn{flex:1 1 220px}
.rd .rw-consent.rd-ko-c{color:var(--rw-red)}
.rd .rw-consent.rd-ko-c input{outline:2px solid var(--rw-red);outline-offset:1px}
.rd-form .rw-mail-msg.rw-bad{font-size:14px;border:1.5px solid var(--rw-red)}
.rd .rd-ferr{display:block;font-family:inherit;font-size:12.5px;font-weight:700;font-style:normal;line-height:1.35;color:var(--rw-red);margin:6px 0 0;padding:0}
.rd .rd-ferr[hidden]{display:none!important}
.rd .rd-ferr-c{margin:4px 0 0 24px}
.rd-form.rd-enviado .rd-ferr,.rd-form.rd-enviado .rd-fields,.rd-form.rd-enviado .rw-consent,.rd-form.rd-enviado .rd-send{display:none}
.rd .rd-redo{color:#fff;margin-top:18px}
@container (max-width:520px){.rd-res{padding:24px 18px}.rd .rd-big{font-size:30px}.rd .rd-qt{font-size:18px}.rd-card{min-height:0}}
@media (prefers-reduced-motion:reduce){.rd-bar i,.rd .rd-srv{transition:none}}

/* --- Versión «datos y logos» (rd--panel): el lado izquierdo cambia con cada pregunta --- */
.rd--panel .rw-pitch{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;min-height:100%}
.rd--panel .rd-side,.rd--panel .rd-logos{align-self:stretch}
.rd-side{margin:22px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.22)}
.rd .rd-side-big{font-family:inherit;font-size:54px;font-weight:800;line-height:1;letter-spacing:-1px;color:var(--rw-yellow);margin:0 0 10px;padding:0}
.rd .rd-side-txt{font-family:inherit;font-size:17px;font-weight:600;line-height:1.45;color:#fff;margin:0;padding:0;max-width:420px}
.rd .rd-side-src{font-size:11.5px;font-weight:600;color:#C9BEF9;margin:10px 0 0;padding:0}
.rd-side.rd-in-anim{animation:rd-fade .35s ease both}
@keyframes rd-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rd-logos{margin-top:auto;padding-top:26px}
.rd .rd-logos-t{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#C9BEF9;margin:0 0 10px;padding:0}
.rd-logos-row{display:flex;flex-wrap:wrap;gap:8px}
.rd-logo{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:92px;padding:8px 14px;background:#fff;border-radius:10px}
.rd-logo img{display:block;max-height:26px;max-width:110px;width:auto;height:auto}
.rd-logo-demo{font-size:13px;font-weight:800;color:#545454;border:1.5px dashed #BDB3EE}
/* En la tarjeta, el mensaje solo se ve cuando el bloque es estrecho (el lado izquierdo queda arriba) */
@container (min-width:700px){.rd--panel .rd-card .rd-dato{display:none!important}}
@container (max-width:699px){.rd--panel .rd-side{display:none}.rd--panel .rd-logos{padding-top:18px}.rd--panel .rd-logo{height:36px;min-width:0;flex:1 1 64px;padding:6px 8px}.rd--panel .rd-logo img{max-height:22px;max-width:100%}.rd--panel .rd-logo-demo{font-size:12px}}
@media (prefers-reduced-motion:reduce){.rd-side.rd-in-anim{animation:none}}
