.product-deep-demo{--pd-navy:#07163f;--pd-blue:#1769ff;--pd-teal:#0c9a76;--pd-ink:#172746;--pd-muted:#61708a;--pd-line:#dbe5f2;--pd-soft:#f4f7fb;width:min(1180px,calc(100% - 40px));margin:0 auto;color:var(--pd-ink)}
.pdemo-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:56px;align-items:end;margin-bottom:24px}.pdemo-intro h2{max-width:720px;margin:0;color:var(--pd-navy);font-size:clamp(34px,4.5vw,58px);line-height:1.03}.pdemo-intro>p{margin:0 0 5px;color:var(--pd-muted);font-size:16px;line-height:1.65}.pdemo-disclaimer{display:flex;gap:9px;align-items:flex-start;margin:0 0 16px;color:#52627b;font-size:12px}.pdemo-disclaimer svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px;color:var(--pd-blue)}.pdemo-disclaimer strong{color:var(--pd-navy)}
.pdemo-shell{overflow:hidden;border:1px solid #cbd9ea;border-radius:14px;background:var(--pd-soft);box-shadow:0 22px 64px rgba(7,22,63,.11)}.pdemo-shell *,.pdemo-shell *::before,.pdemo-shell *::after{box-sizing:border-box}.pdemo-shell svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.pdemo-appbar{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;color:#fff;background:var(--pd-navy)}.pdemo-appbar-title{display:flex;align-items:center;gap:12px}.pdemo-appbar-title>div{display:grid;gap:2px}.pdemo-appbar-title span,.pdemo-appbar-title strong{display:block}.pdemo-appbar-title>div span{color:#aabbd5;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.pdemo-appbar-title strong{font-size:15px}.pdemo-appbar-icon{width:38px;height:38px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#8ec5ff;background:rgba(255,255,255,.08)}.pdemo-appbar-meta{display:flex;align-items:center;gap:14px;color:#d3def0;font-size:11px}.pdemo-appbar-meta strong{color:#fff}.pdemo-state{padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px}.pdemo-state.is-dirty{color:#ffe8a3;border-color:rgba(255,211,79,.35);background:rgba(255,193,7,.1)}
.pdemo-panel{min-width:0;border:1px solid var(--pd-line);border-radius:10px;background:#fff}.pdemo-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 20px;border-bottom:1px solid var(--pd-line)}.pdemo-panel-heading>div>span{color:var(--pd-blue);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.pdemo-panel-heading h3{margin:2px 0 0;color:var(--pd-navy);font-size:19px}.pdemo-panel-heading p{margin:5px 0 0;color:var(--pd-muted);font-size:12px}.pdemo-panel-heading--compact{align-items:center;padding:15px 17px}
.pdemo-button{min-height:38px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:8px 13px;border:1px solid transparent;border-radius:7px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.pdemo-button:focus-visible,.pdemo-shell button:focus-visible,.pdemo-shell input:focus-visible,.pdemo-shell select:focus-visible,.pdemo-shell textarea:focus-visible,.pdemo-shell summary:focus-visible{outline:3px solid rgba(23,105,255,.24);outline-offset:2px}.pdemo-button--primary{color:#fff;border-color:var(--pd-blue);background:var(--pd-blue);box-shadow:0 7px 16px rgba(23,105,255,.2)}.pdemo-button--primary:hover{background:#0957e3}.pdemo-button--ghost{color:var(--pd-navy);border-color:#bdcbe0;background:#fff}.pdemo-button--link{min-height:30px;color:var(--pd-blue);background:transparent}
.pdemo-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #c9d7e9;border-radius:999px;color:#42536e;background:#f6f8fc;font-size:10px;font-weight:800;white-space:nowrap}.pdemo-chip svg{width:13px;height:13px}.pdemo-chip--live,.pdemo-chip--success{color:#087952;border-color:#a5dec9;background:#eaf8f3}.pdemo-chip--warning{color:#925b00;border-color:#f0ce85;background:#fff8df}.pdemo-chip--public{color:#ddebff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08)}.pdemo-live-status{min-height:17px;margin:10px 0 0;color:#426081;font-size:11px}.pdemo-alert{margin:14px 18px 0;padding:11px 13px;border-radius:6px;font-size:12px}.pdemo-alert--error{color:#912438;border:1px solid #efb8c3;background:#fff1f3}

/* Constructor */
.pdemo-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,410px);gap:14px;padding:14px;align-items:start}.pdemo-question-list{display:grid;gap:10px;padding:16px 18px 4px}.pdemo-question-card{overflow:hidden;border:1px solid #d7e1ee;border-radius:8px;background:#fff;transition:border-color .18s,box-shadow .18s}.pdemo-question-card:focus-within{border-color:#91b9ff;box-shadow:0 0 0 3px rgba(23,105,255,.08)}.pdemo-question-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid #e7edf5;background:#f8fafd}.pdemo-question-card>header>div:first-child{display:flex;align-items:center;gap:9px}.pdemo-question-card>header>div:first-child>span{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;color:var(--pd-blue);background:#eaf2ff;font-size:11px;font-weight:850}.pdemo-question-card>header strong,.pdemo-question-card>header small{display:block}.pdemo-question-card>header strong{color:var(--pd-navy);font-size:12px}.pdemo-question-card>header small{margin-top:1px;color:var(--pd-muted);font-size:9px}
.pdemo-question-actions{display:flex;gap:3px}.pdemo-question-actions button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:5px;color:#58708f;background:transparent;cursor:pointer}.pdemo-question-actions button:hover:not(:disabled){color:var(--pd-blue);border-color:#c6d8f1;background:#fff}.pdemo-question-actions button:last-child:hover{color:#b4233b}.pdemo-question-actions button:disabled{opacity:.3;cursor:default}.pdemo-question-actions span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pdemo-question-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(160px,.5fr);gap:12px;padding:14px}.pdemo-question-fields>label,.pdemo-field-grid label{display:grid;gap:6px;color:#40516d;font-size:10px;font-weight:800}.pdemo-question-fields input[type=text],.pdemo-question-fields select,.pdemo-question-fields textarea,.pdemo-field-grid select{width:100%;min-width:0;min-height:39px;padding:8px 10px;border:1px solid #c9d5e5;border-radius:6px;color:var(--pd-ink);background:#fff;font:inherit;font-size:12px}.pdemo-question-fields textarea{resize:vertical}.pdemo-question-options{grid-column:1/-1}.pdemo-switch{grid-column:1/-1;display:flex!important;align-items:center;gap:8px!important;width:max-content;cursor:pointer}.pdemo-switch input{width:17px;height:17px;accent-color:var(--pd-blue)}
.pdemo-savebar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:15px 18px;border-top:1px solid var(--pd-line);background:#f9fbfd}.pdemo-savebar>div:first-child{display:grid;gap:3px}.pdemo-savebar strong{color:var(--pd-navy);font-size:12px}.pdemo-savebar span{color:var(--pd-muted);font-size:10px}.pdemo-savebar>div:last-child{display:flex;gap:7px}.pdemo-builder-editor>.pdemo-live-status{margin:0;padding:0 18px 14px}.pdemo-preview-panel{position:sticky;top:82px}
.pdemo-survey-device{margin:16px;overflow:hidden;border:1px solid #cdd9e7;border-radius:9px;background:#f6f8fb;box-shadow:0 13px 30px rgba(7,22,63,.08)}.pdemo-survey-device>header{padding:22px 20px;color:#fff;background:linear-gradient(135deg,#0a2454,#1769ff)}.pdemo-survey-device>header>span{color:#a9caff;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.pdemo-survey-device h4{margin:5px 0;font-size:19px}.pdemo-survey-device>header p{margin:0;color:#dbe8fb;font-size:11px;line-height:1.5}.pdemo-survey-device>header div{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.pdemo-survey-device>header div span{padding:4px 7px;border-radius:4px;color:#dceaff;background:rgba(255,255,255,.12);font-size:8px}
.pdemo-survey-questions{display:grid;gap:9px;padding:12px}.pdemo-survey-questions article{padding:12px;border:1px solid #dde5ef;border-radius:7px;background:#fff}.pdemo-survey-questions article>p{display:flex;align-items:flex-start;gap:7px;margin:0 0 10px;color:var(--pd-navy);font-size:11px}.pdemo-survey-questions article>p>span{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--pd-blue);background:#edf4ff;font-size:9px}.pdemo-survey-questions article>p strong{flex:1;line-height:1.4}.pdemo-survey-questions article>p em{color:#b4233b;font-size:8px;font-style:normal}.pdemo-preview-control input,.pdemo-preview-control textarea{width:100%;padding:8px;border:1px solid #d6dfeb;border-radius:5px;color:#8895a8;background:#f8fafc;font:inherit;font-size:10px}.pdemo-preview-control.is-stars{color:#f3a712;font-size:25px;letter-spacing:2px}.pdemo-preview-control.is-scale,.pdemo-preview-control.is-options{display:flex;flex-wrap:wrap;gap:5px}.pdemo-preview-control.is-scale span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #cfdced;border-radius:5px;color:#536984;font-size:10px}.pdemo-preview-control.is-options span{padding:7px 9px;border:1px solid #cfdced;border-radius:5px;color:#536984;font-size:9px}.pdemo-preview-submit{width:100%;min-height:39px;border:0;border-radius:6px;color:#fff;background:var(--pd-blue);font:inherit;font-size:11px;font-weight:850;cursor:pointer}

/* Trazabilidad */
.pdemo-context-path{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;padding:15px 18px;border-bottom:1px solid var(--pd-line);background:#fff}.pdemo-context-path>div{min-width:0}.pdemo-context-path span,.pdemo-context-path strong,.pdemo-context-path small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdemo-context-path span{color:var(--pd-blue);font-size:8px;font-weight:850;text-transform:uppercase}.pdemo-context-path strong{margin-top:2px;color:var(--pd-navy);font-size:11px}.pdemo-context-path small{margin-top:2px;color:var(--pd-muted);font-size:9px}.pdemo-context-path>svg{width:14px;color:#9aabc1}
.pdemo-trace-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:14px;padding:14px;align-items:start}.pdemo-trace-selector{position:sticky;top:82px}.pdemo-record-list{display:grid;gap:7px;padding:11px}.pdemo-record-list button{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:11px;border:1px solid #d9e2ee;border-radius:7px;color:inherit;background:#fff;text-align:left;cursor:pointer}.pdemo-record-list button[aria-pressed=true]{border-color:#73a7ff;background:#edf4ff;box-shadow:0 0 0 2px rgba(23,105,255,.08)}.pdemo-record-list strong,.pdemo-record-list small{display:block}.pdemo-record-list strong{color:var(--pd-navy);font-size:11px}.pdemo-record-list small{margin-top:2px;color:var(--pd-muted);font-size:9px}.pdemo-record-list em{grid-column:1/-1;color:var(--pd-teal);font-size:8px;font-style:normal;font-weight:850;text-transform:uppercase}.pdemo-record-list button:last-child em{color:#a56500}.pdemo-score{align-self:center;color:var(--pd-blue);font-size:12px;font-weight:900}.pdemo-score--empty{color:#8a98aa}.pdemo-trace-selector>.pdemo-live-status{padding:0 12px 5px}
.pdemo-trace-content{min-width:0;display:grid;gap:12px}.pdemo-summary-row{display:grid;grid-template-columns:repeat(3,1fr)}.pdemo-summary-row>div{padding:14px 17px;border-right:1px solid var(--pd-line)}.pdemo-summary-row>div:last-child{border:0}.pdemo-summary-row span,.pdemo-summary-row strong{display:block}.pdemo-summary-row span{color:var(--pd-muted);font-size:9px}.pdemo-summary-row strong{margin-top:3px;color:var(--pd-navy);font-size:13px}
.pdemo-trace-grid{display:grid;grid-template-columns:repeat(3,1fr)}.pdemo-trace-grid article{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:13px;border-right:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3}.pdemo-trace-grid article:nth-child(3n){border-right:0}.pdemo-trace-grid article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:#506b91;background:#eef3f9}.pdemo-trace-grid article>span svg{width:15px;height:15px}.pdemo-trace-grid small,.pdemo-trace-grid strong{display:block}.pdemo-trace-grid small{color:var(--pd-muted);font-size:8px}.pdemo-trace-grid strong{margin-top:3px;overflow-wrap:anywhere;color:var(--pd-navy);font-size:10px;line-height:1.35}.pdemo-trace-grid .is-open>span,.pdemo-trace-grid .is-start>span{color:var(--pd-blue);background:#eaf2ff}.pdemo-trace-grid .is-complete>span{color:#087952;background:#e8f8f2}.pdemo-trace-grid .is-incomplete>span{color:#a56500;background:#fff5d9}
.pdemo-answer-list{display:grid}.pdemo-answer-list article{display:grid;grid-template-columns:27px 1fr;gap:10px;padding:13px 17px;border-bottom:1px solid #e7edf4}.pdemo-answer-list article:last-child{border:0}.pdemo-answer-list article>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--pd-blue);background:#edf4ff;font-size:9px;font-weight:850}.pdemo-answer-list strong{color:var(--pd-navy);font-size:11px}.pdemo-answer-list p{margin:4px 0 0;color:#42536e;font-size:11px}.pdemo-answer-list p.is-empty{color:#9a6507;font-style:italic}

/* Resultados */
.pdemo-results-export{display:flex;align-items:center;gap:7px}.pdemo-results-export button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#b9c7da;background:rgba(255,255,255,.07);font:inherit;font-size:9px;font-weight:800}.pdemo-results-export button svg{width:13px;height:13px}.pdemo-results-body{display:grid;gap:14px;padding:14px}.pdemo-results-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pdemo-results-metrics article{min-width:0;display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--pd-line);border-radius:10px;background:#fff;box-shadow:0 9px 22px rgba(7,22,63,.05)}.pdemo-results-metrics article>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.pdemo-results-metrics .is-blue{color:#1769ff;background:#eaf2ff}.pdemo-results-metrics .is-amber{color:#bf7a00;background:#fff4d8}.pdemo-results-metrics .is-green{color:#09835d;background:#e5f6f0}.pdemo-results-metrics .is-cyan{color:#008eae;background:#e3f8fb}.pdemo-results-metrics small,.pdemo-results-metrics strong{display:block}.pdemo-results-metrics small{color:var(--pd-muted);font-size:9px;font-weight:750}.pdemo-results-metrics strong{margin-top:3px;color:var(--pd-navy);font-size:22px}.pdemo-results-metrics strong.is-score{width:max-content;padding:3px 7px;border:1px solid #a9e8bf;border-radius:6px;color:#078846;background:#e0fae9}
.pdemo-results-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;padding:16px 18px}.pdemo-results-filter-grid label{min-width:0;display:grid;gap:6px;color:#40516d;font-size:9px;font-weight:850;text-transform:uppercase}.pdemo-results-filter-grid label::before{content:"";width:6px;height:6px;border-radius:50%;background:#35bdd3;box-shadow:0 0 0 3px #def7fb}.pdemo-results-filter-grid select{width:100%;min-width:0;min-height:42px;padding:8px 9px;border:1px solid #c9d6e7;border-radius:7px;color:var(--pd-ink);background:#f9fbfe;font:inherit;font-size:10px;text-transform:none}.pdemo-results-filter-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--pd-line);background:#fafcff}.pdemo-results-filter-actions p{margin:0;color:var(--pd-muted);font-size:10px}.pdemo-results-filter-actions>div{display:flex;gap:7px;flex:0 0 auto}
.pdemo-results-averages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pdemo-results-table-wrap{max-width:100%;overflow-x:auto;padding:5px 16px 12px}.pdemo-results-table-wrap table{width:100%;border-collapse:collapse}.pdemo-results-table-wrap th,.pdemo-results-table-wrap td{padding:10px 7px;border-bottom:1px solid #e5ebf3;text-align:left}.pdemo-results-table-wrap th{color:#697892;font-size:8px;text-transform:uppercase}.pdemo-results-table-wrap th:nth-child(n+2),.pdemo-results-table-wrap td:nth-child(n+2){text-align:right}.pdemo-results-table-wrap td{color:#40516d;font-size:10px}.pdemo-results-table-wrap td strong,.pdemo-results-table-wrap td small{display:block}.pdemo-results-table-wrap td strong{max-width:245px;color:var(--pd-navy);font-size:10px}.pdemo-results-table-wrap td small{margin-top:2px;color:var(--pd-muted);font-size:8px}.pdemo-results-table-wrap td b{display:inline-block;padding:3px 6px;border:1px solid #ace8c2;border-radius:5px;color:#078846;background:#e0fae9;font-size:10px}
.pdemo-results-question{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:26px;align-items:center;padding:18px}.pdemo-results-question>div:first-child small{color:var(--pd-blue);font-size:8px;font-weight:850;text-transform:uppercase}.pdemo-results-question h4{margin:5px 0;color:var(--pd-navy);font-size:15px}.pdemo-results-question p{margin:0;color:var(--pd-muted);font-size:10px;line-height:1.5}.pdemo-results-distribution{display:grid;gap:7px}.pdemo-results-distribution article{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;gap:9px;align-items:center}.pdemo-results-distribution article>span,.pdemo-results-distribution article>strong{font-size:9px}.pdemo-results-distribution article>span{color:#4c5f7a}.pdemo-results-distribution article>strong{color:var(--pd-navy);text-align:right}.pdemo-results-distribution article>div{height:9px;overflow:hidden;border-radius:999px;background:#edf2f7}.pdemo-results-distribution article>div>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1769ff,#27b7d4);transition:width .2s}
.pdemo-results-response-section{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}.pdemo-results-response-index{overflow:hidden}.pdemo-results-response-index .pdemo-panel-heading>small{color:var(--pd-muted);font-size:8px}.pdemo-results-response-index>[data-results-response-list]{display:grid;gap:7px;padding:10px}.pdemo-results-response-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;border:1px solid #d9e2ee;border-radius:7px;background:#fff}.pdemo-results-response-row.is-active{border-color:#72a7ff;background:#edf4ff;box-shadow:0 0 0 2px rgba(23,105,255,.08)}.pdemo-results-response-row>div{min-width:0}.pdemo-results-response-row strong,.pdemo-results-response-row small,.pdemo-results-response-row span{display:block}.pdemo-results-response-row strong{overflow:hidden;color:var(--pd-navy);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.pdemo-results-response-row small{margin-top:3px;color:var(--pd-muted);font-size:8px}.pdemo-results-response-row span{margin-top:5px;color:#087952;font-size:8px;font-weight:850;text-transform:uppercase}.pdemo-results-response-row>aside{display:grid;gap:6px;justify-items:end}.pdemo-results-response-row b{color:var(--pd-blue);font-size:12px}.pdemo-results-response-row button{padding:5px 7px;border:1px solid #9bbcf0;border-radius:5px;color:var(--pd-blue);background:#fff;font:inherit;font-size:8px;font-weight:850;cursor:pointer}
.pdemo-results-response-detail{overflow:hidden}.pdemo-results-response-detail>header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#0a2454,#164f9d)}.pdemo-results-response-detail>header span{color:#9fc9ff;font-size:8px;font-weight:850;text-transform:uppercase}.pdemo-results-response-detail>header h3{margin:3px 0;color:#fff;font-size:16px}.pdemo-results-response-detail>header small{color:#dce8f8;font-size:9px}.pdemo-results-response-detail>header>strong{padding:7px 9px;border-radius:6px;color:#fff;background:rgba(255,255,255,.13);font-size:15px;white-space:nowrap}.pdemo-results-source{display:flex;align-items:center;gap:6px;margin:0;padding:9px 18px;border-bottom:1px solid var(--pd-line);color:#5a6c86;background:#f8fafd;font-size:9px}.pdemo-results-source svg{width:13px;height:13px;color:var(--pd-blue)}.pdemo-results-source code{padding:2px 4px;border-radius:3px;color:#274b81;background:#e8f1ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.pdemo-results-response-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--pd-line)}.pdemo-results-response-strip article{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:12px 14px;border-right:1px solid var(--pd-line)}.pdemo-results-response-strip article:last-child{border:0}.pdemo-results-response-strip article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:var(--pd-blue);background:#eaf2ff}.pdemo-results-response-strip article>span svg{width:14px;height:14px}.pdemo-results-response-strip small,.pdemo-results-response-strip strong{display:block}.pdemo-results-response-strip small{color:var(--pd-muted);font-size:8px}.pdemo-results-response-strip strong{margin-top:2px;color:var(--pd-navy);font-size:10px}
.pdemo-results-mini-trace,.pdemo-results-detail-answers{padding:15px 18px;border-bottom:1px solid var(--pd-line)}.pdemo-results-mini-trace h4,.pdemo-results-detail-answers h4{margin:0 0 10px;color:var(--pd-navy);font-size:12px}.pdemo-results-mini-trace>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--pd-line);border-radius:7px;overflow:hidden}.pdemo-results-mini-trace article{padding:10px;border-right:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line)}.pdemo-results-mini-trace article:nth-child(3n){border-right:0}.pdemo-results-mini-trace article:nth-last-child(-n+3){border-bottom:0}.pdemo-results-mini-trace small,.pdemo-results-mini-trace strong{display:block}.pdemo-results-mini-trace small{color:var(--pd-muted);font-size:8px}.pdemo-results-mini-trace strong{margin-top:3px;overflow-wrap:anywhere;color:var(--pd-navy);font-size:9px}.pdemo-results-detail-answers{border-bottom:0}.pdemo-results-detail-answers>div{display:grid;gap:7px}.pdemo-results-answer{display:grid;grid-template-columns:25px minmax(0,1fr) minmax(110px,.45fr);gap:9px;align-items:start;padding:10px;border:1px solid #e0e7f0;border-radius:7px}.pdemo-results-answer>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:var(--pd-blue);background:#edf4ff;font-size:8px;font-weight:850}.pdemo-results-answer strong,.pdemo-results-answer small{display:block}.pdemo-results-answer strong{color:var(--pd-navy);font-size:9px;line-height:1.4}.pdemo-results-answer small{margin-top:2px;color:var(--pd-muted);font-size:8px}.pdemo-results-answer p{margin:0;padding:7px;border-radius:5px;color:#324762;background:#f3f6fa;font-size:9px}.pdemo-results-status{margin:0;padding:0 3px}

/* Reportes */
.pdemo-report-builder{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr);gap:14px;padding:14px;align-items:start}.pdemo-report-main{min-width:0;display:grid;gap:12px}.pdemo-report-step{overflow:hidden;border:1px solid var(--pd-line);border-radius:10px;background:#fff}.pdemo-report-step>header{display:flex;gap:11px;padding:16px 18px;border-bottom:1px solid var(--pd-line)}.pdemo-report-step>header>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#fff;background:var(--pd-blue);font-size:11px;font-weight:850}.pdemo-report-step h3{margin:0;color:var(--pd-navy);font-size:16px}.pdemo-report-step header p{margin:3px 0 0;color:var(--pd-muted);font-size:10px}.pdemo-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:15px 18px}.pdemo-field-grid--analysis{grid-template-columns:repeat(2,minmax(0,1fr))}
.pdemo-periods{margin:0;padding:0 18px 16px;border:0}.pdemo-periods legend{margin-bottom:7px;color:#40516d;font-size:10px;font-weight:800}.pdemo-periods>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pdemo-periods label{position:relative;cursor:pointer}.pdemo-periods input{position:absolute;opacity:0}.pdemo-periods span{min-height:42px;display:grid;place-items:center;padding:6px;border:1px solid #cbd7e7;border-radius:6px;color:#4c5e79;background:#fff;font-size:9px;font-weight:800;text-align:center}.pdemo-periods input:checked+span{color:var(--pd-blue);border-color:#72a7ff;background:#edf4ff;box-shadow:inset 0 0 0 1px #72a7ff}.pdemo-disclosure{border-top:1px solid var(--pd-line)}.pdemo-disclosure summary{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;color:var(--pd-navy);font-size:10px;font-weight:850;cursor:pointer}.pdemo-disclosure summary span{color:var(--pd-muted);font-weight:700}.pdemo-disclosure .pdemo-field-grid{padding-top:3px}
.pdemo-report-summary{position:sticky;top:82px;overflow:hidden;border:1px solid #bcd0e9;border-radius:10px;background:#fff;box-shadow:0 13px 30px rgba(7,22,63,.08)}.pdemo-report-summary>header{display:flex;gap:10px;padding:16px;color:#fff;background:var(--pd-navy)}.pdemo-report-summary>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#8fc6ff;background:rgba(255,255,255,.1)}.pdemo-report-summary small,.pdemo-report-summary h3{display:block;margin:0}.pdemo-report-summary small{color:#aebfd8;font-size:8px;text-transform:uppercase}.pdemo-report-summary h3{margin-top:2px;font-size:15px}.pdemo-report-summary dl{margin:0;padding:8px 15px}.pdemo-report-summary dl>div{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #e8edf4}.pdemo-report-summary dt{color:var(--pd-muted);font-size:9px}.pdemo-report-summary dd{margin:0;color:var(--pd-navy);font-size:9px;font-weight:800;text-align:right}.pdemo-report-summary>p{margin:0 15px;padding:12px;border-radius:6px;color:#465c78;background:#f1f5fa;font-size:9px;line-height:1.5}.pdemo-report-summary>div:last-child{display:grid;gap:4px;padding:14px 15px}
.pdemo-report-output{margin:0 14px 14px;overflow:hidden;border:1px solid var(--pd-line);border-radius:10px;background:#fff}.pdemo-report-output>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--pd-line)}.pdemo-report-output>header span{color:var(--pd-blue);font-size:8px;font-weight:850;text-transform:uppercase}.pdemo-report-output>header h3{margin:2px 0;color:var(--pd-navy);font-size:18px}.pdemo-report-output>header p{margin:0;color:var(--pd-muted);font-size:10px}.pdemo-report-output>header>div:last-child{display:flex;gap:6px}.pdemo-report-output>header button{display:inline-flex;gap:5px;align-items:center;padding:7px 9px;border:1px solid #d5deea;border-radius:5px;color:#8a98aa;background:#f8fafc;font:inherit;font-size:9px}.pdemo-report-output>header button svg{width:13px;height:13px}
.pdemo-report-hero{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(0,1fr);border-bottom:1px solid var(--pd-line)}.pdemo-report-hero>div:first-child{padding:19px;color:#fff;background:linear-gradient(135deg,#0b2453,#164f9d)}.pdemo-report-hero>div:first-child span{color:#9bcaff;font-size:8px;font-weight:850;text-transform:uppercase}.pdemo-report-hero>div:first-child p{margin:7px 0 0;color:#e6eef9;font-size:11px;line-height:1.55}.pdemo-report-generated{display:grid;grid-template-columns:repeat(2,1fr)}.pdemo-report-generated article{padding:14px;border-right:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line)}.pdemo-report-generated article:nth-child(2n){border-right:0}.pdemo-report-generated article:nth-last-child(-n+2){border-bottom:0}.pdemo-report-generated small,.pdemo-report-generated strong{display:block}.pdemo-report-generated small{color:var(--pd-muted);font-size:8px}.pdemo-report-generated strong{margin-top:4px;color:var(--pd-navy);font-size:20px}
.pdemo-report-grid{display:grid;grid-template-columns:1.25fr .75fr}.pdemo-report-chart{min-width:0;padding:17px 18px;border-right:1px solid var(--pd-line)}.pdemo-report-chart>header,.pdemo-report-ranking>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pdemo-report-grid h4{margin:0;color:var(--pd-navy);font-size:13px}.pdemo-report-chart header p{margin:3px 0 0;color:var(--pd-muted);font-size:8px}.pdemo-delta{padding:4px 6px;border-radius:4px;color:#52627a;background:#eef2f7;font-size:9px;font-weight:850}.pdemo-delta.is-positive{color:#087952;background:#e5f6f0}.pdemo-delta.is-negative{color:#b4233b;background:#fff0f2}
.pdemo-bars{height:135px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;margin-top:14px;padding:12px 10px 0;border-left:1px solid #dce4ef;border-bottom:1px solid #dce4ef;background:repeating-linear-gradient(to top,transparent 0 32px,#edf1f6 33px)}.pdemo-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.pdemo-bars span{width:min(32px,70%);min-height:7px;border-radius:4px 4px 0 0;background:linear-gradient(#42bde0,#1769ff);transition:height .25s}.pdemo-bars small{color:var(--pd-muted);font-size:8px}.pdemo-report-ranking{min-width:0;padding:17px}.pdemo-report-ranking>header>span{color:var(--pd-muted);font-size:8px}.pdemo-report-ranking>div{display:grid;margin-top:9px}.pdemo-report-ranking article{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #e8edf4}.pdemo-report-ranking article:last-child{border:0}.pdemo-report-ranking article>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--pd-blue);background:#edf4ff;font-size:8px;font-weight:850}.pdemo-report-ranking strong,.pdemo-report-ranking small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdemo-report-ranking strong{color:var(--pd-navy);font-size:9px}.pdemo-report-ranking small{margin-top:2px;color:var(--pd-muted);font-size:8px}.pdemo-report-ranking b{color:var(--pd-blue);font-size:12px}.pdemo-report-output>.pdemo-live-status{margin:0;padding:0 18px 15px}

@media(max-width:960px){.pdemo-builder-layout,.pdemo-report-builder{grid-template-columns:1fr}.pdemo-preview-panel,.pdemo-report-summary,.pdemo-trace-selector{position:static}.pdemo-trace-layout{grid-template-columns:1fr}.pdemo-record-list{grid-template-columns:repeat(3,1fr)}.pdemo-trace-grid{grid-template-columns:repeat(2,1fr)}.pdemo-trace-grid article:nth-child(3n){border-right:1px solid #e5ebf3}.pdemo-trace-grid article:nth-child(2n){border-right:0}.pdemo-report-summary dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.pdemo-report-summary>div:last-child{grid-template-columns:1fr auto;align-items:center}}
@media(max-width:680px){.product-deep-demo{width:calc(100% - 24px)}.pdemo-intro{grid-template-columns:1fr;gap:13px}.pdemo-intro h2{font-size:35px}.pdemo-appbar{align-items:flex-start;padding:11px 13px}.pdemo-appbar-meta{display:grid;justify-items:end;gap:5px}.pdemo-builder-layout,.pdemo-trace-layout,.pdemo-report-builder{padding:8px;gap:8px}.pdemo-panel-heading,.pdemo-savebar,.pdemo-report-output>header{align-items:stretch;flex-direction:column}.pdemo-panel-heading .pdemo-button{width:100%}.pdemo-question-fields,.pdemo-field-grid,.pdemo-field-grid--analysis{grid-template-columns:1fr}.pdemo-question-options,.pdemo-switch{grid-column:auto}.pdemo-savebar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.pdemo-context-path{grid-template-columns:1fr 14px 1fr;gap:7px;padding:12px}.pdemo-context-path>div:nth-of-type(n+3),.pdemo-context-path>svg:nth-of-type(n+2){display:none}.pdemo-record-list{grid-template-columns:1fr}.pdemo-summary-row{grid-template-columns:1fr}.pdemo-summary-row>div{border-right:0;border-bottom:1px solid var(--pd-line)}.pdemo-trace-grid{grid-template-columns:1fr}.pdemo-trace-grid article,.pdemo-trace-grid article:nth-child(3n),.pdemo-trace-grid article:nth-child(2n){border-right:0}.pdemo-periods>div{grid-template-columns:repeat(2,1fr)}.pdemo-report-summary dl{grid-template-columns:1fr}.pdemo-report-summary>div:last-child{grid-template-columns:1fr}.pdemo-report-output{margin:0 8px 8px}.pdemo-report-output>header>div:last-child{flex-wrap:wrap}.pdemo-report-hero,.pdemo-report-grid{grid-template-columns:1fr}.pdemo-report-chart{border-right:0;border-bottom:1px solid var(--pd-line)}}
@media(max-width:390px){.pdemo-appbar-icon{display:none!important}.pdemo-question-card>header{align-items:flex-start}.pdemo-savebar>div:last-child{grid-template-columns:1fr}.pdemo-report-generated{grid-template-columns:1fr}.pdemo-report-generated article,.pdemo-report-generated article:nth-child(2n){border-right:0;border-bottom:1px solid var(--pd-line)}.pdemo-report-generated article:last-child{border-bottom:0}}
.pdemo-periods input:focus-visible+span{outline:3px solid rgba(23,105,255,.24);outline-offset:2px}
@media(max-width:960px){.pdemo-results-metrics{grid-template-columns:repeat(2,1fr)}.pdemo-results-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pdemo-results-averages,.pdemo-results-response-section{grid-template-columns:1fr}.pdemo-results-response-index>[data-results-response-list]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.pdemo-results-export button{display:none}.pdemo-results-body{gap:8px;padding:8px}.pdemo-results-filter-grid{grid-template-columns:1fr;padding:13px}.pdemo-results-filter-actions{align-items:stretch;flex-direction:column;padding:13px}.pdemo-results-filter-actions>div{display:grid;grid-template-columns:1fr 1fr}.pdemo-results-question{grid-template-columns:1fr;gap:15px;padding:14px}.pdemo-results-response-index>[data-results-response-list]{grid-template-columns:1fr}.pdemo-results-response-detail>header{align-items:flex-start;flex-direction:column}.pdemo-results-response-strip{grid-template-columns:1fr}.pdemo-results-response-strip article{border-right:0;border-bottom:1px solid var(--pd-line)}.pdemo-results-mini-trace>div{grid-template-columns:repeat(2,1fr)}.pdemo-results-mini-trace article,.pdemo-results-mini-trace article:nth-child(3n){border-right:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line)}.pdemo-results-mini-trace article:nth-child(2n){border-right:0}.pdemo-results-mini-trace article:nth-last-child(-n+2){border-bottom:0}.pdemo-results-answer{grid-template-columns:25px 1fr}.pdemo-results-answer p{grid-column:2}}
@media(max-width:430px){.pdemo-results-metrics{grid-template-columns:1fr}.pdemo-results-metrics article{min-height:92px}.pdemo-results-mini-trace>div{grid-template-columns:1fr}.pdemo-results-mini-trace article,.pdemo-results-mini-trace article:nth-child(2n),.pdemo-results-mini-trace article:nth-child(3n){border-right:0;border-bottom:1px solid var(--pd-line)}.pdemo-results-mini-trace article:last-child{border-bottom:0}.pdemo-results-source{align-items:flex-start;flex-wrap:wrap}.pdemo-results-source code{max-width:100%;overflow-wrap:anywhere}.pdemo-results-filter-actions>div{grid-template-columns:1fr}}