:root{--color-bg: #f0f5fb;--color-surface: #ffffff;--color-surface-2: #eaf1f9;--color-surface-3: #dde8f4;--color-border: #d6deec;--color-border-soft: #e3e9f3;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef2ff;--color-primary-tint: #f5f3ff;--color-accent: #8b5cf6;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-success: #059669;--color-success-soft: #d1fae5;--color-warning: #d97706;--color-warning-soft: #fef3c7;--color-info: #0284c7;--color-info-soft: #e0f2fe;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .875rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(79, 70, 229, .14), 0 6px 12px rgba(15, 23, 42, .06);--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-primary-soft: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);--gradient-sidebar: linear-gradient(180deg, #ffffff 0%, #eff4fb 100%);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sidebar-width: 240px;--topbar-height: 60px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:var(--color-bg);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(14,165,233,.04) 0px,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2{color:var(--color-text);letter-spacing:-.01em}h2{font-size:1.375rem;font-weight:700;line-height:1.2}h3{font-weight:600}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--gradient-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s ease,width .2s ease;z-index:50}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.25rem 1rem;font-weight:700;font-size:1.125rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.5rem;color:var(--color-primary);background:linear-gradient(135deg,#3b82f612,#0ea5e90a);white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.125rem;overflow-y:auto;overflow-x:hidden}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden}.sidebar-link:hover{background:var(--color-surface-2);color:var(--color-text)}.sidebar-link.active{background:var(--gradient-primary-soft);color:var(--color-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--color-primary)}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px #0f172a05}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.625rem}.topbar-title{font-weight:600;font-size:1rem}.topbar-user{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--color-surface-2);border-radius:var(--radius-md);font-size:.8125rem}.icon-btn{background:transparent;border:1px solid transparent;padding:.5rem;border-radius:var(--radius-md);color:var(--color-text-muted);display:inline-flex;cursor:pointer}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.menu-toggle-desktop{display:none}.content{padding:1rem;flex:1;max-width:100%}@media (min-width: 768px){.sidebar{position:static;transform:translate(0)}.sidebar-backdrop{display:none}.content{padding:1.5rem 2rem}.menu-toggle-mobile{display:none}.menu-toggle-desktop{display:inline-flex}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-link-text,.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-footer-text{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.625rem}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar.collapsed .sidebar-footer{text-align:center;padding:.75rem .5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;border:1px solid transparent;background:var(--gradient-primary);color:#fff;box-shadow:0 1px 2px #4f46e540;transition:filter .15s ease,transform .05s ease,box-shadow .15s ease,opacity .15s ease;min-height:2.25rem}.btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 10px #4f46e54d}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 1px 2px #dc262640}.btn-danger:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 10px #dc26264d}.btn-cleanup{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:transparent;box-shadow:0 1px 2px #d9770640}.btn-cleanup:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 14px #d9770673;transform:translateY(-1px)}.btn-cleanup:active:not(:disabled){transform:translateY(0)}.btn-cleanup-ghost{color:#b45309;border:1px solid #fcd34d;background:#fffbeb}.btn-cleanup-ghost:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b}.icon-btn-cleanup{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #fcd34d;background:#fef3c7;color:#b45309;border-radius:6px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease}.icon-btn-cleanup:hover{background:#fde68a;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b59}.icon-btn-cleanup:active{transform:translateY(1px)}.icon-btn-cleanup:disabled{opacity:.5;cursor:not-allowed}.cleanup-popover{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0f172a1f;padding:.75rem;min-width:240px;z-index:50;display:flex;flex-direction:column;gap:.5rem}.cleanup-popover-title{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--color-text);margin:0}.cleanup-popover-title svg{color:#d97706}.cleanup-popover-desc{font-size:.75rem;color:var(--color-text-muted);margin:0 0 .25rem;line-height:1.35}.cleanup-popover-field{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--color-text);font-weight:500}.cleanup-popover-field input{flex:1;border:1px solid var(--color-border);background:var(--color-surface);padding:.3125rem .5rem;border-radius:6px;font-size:.8125rem;color:var(--color-text);min-height:1.875rem}.cleanup-popover-field input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.cleanup-popover-hint{font-size:.6875rem;color:var(--color-text-muted);margin:.125rem 0 .25rem;font-style:italic}.btn-block{width:100%}.btn-sm{padding:.375rem .625rem;font-size:.8125rem;min-height:2rem}.field{display:flex;flex-direction:column;gap:.375rem}.field-label{font-size:.8125rem;font-weight:500;color:var(--color-text)}.field-hint{font-size:.75rem;color:var(--color-text-muted)}.field-error{font-size:.75rem;color:var(--color-danger)}.input,.textarea,.select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-height:2.25rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526;background:var(--color-surface)}.input.has-error,.textarea.has-error,.select.has-error{border-color:var(--color-danger)}.textarea{min-height:6rem;resize:vertical}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:-1rem -1rem .875rem;padding:.75rem 1rem;background:linear-gradient(180deg,#eff6ff 0%,var(--color-surface) 100%);border-bottom:1px solid var(--color-border-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text);display:inline-flex;align-items:center;gap:.5rem;position:relative;padding-left:.625rem}.card-title:before{content:"";width:4px;height:16px;background:var(--gradient-primary);border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.card-body{display:flex;flex-direction:column;gap:.75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.25rem;width:100%;max-width:520px;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-md);max-height:90vh;overflow-y:auto}.modal-title{margin:0;font-size:1.125rem;font-weight:600}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}@media (min-width: 768px){.modal-backdrop{align-items:center;padding:1rem}.modal{border-radius:var(--radius-lg)}}.row{display:flex;gap:.75rem;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:.75rem}.muted{color:var(--color-text-muted)}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.alert{padding:.625rem .75rem;border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:.8125rem}.alert.success{background:#d1fae5;color:var(--color-success)}.spinner{width:1rem;height:1rem;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-muted)}.grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.form-card-compact .card-header{padding:.5rem .625rem}.form-card-compact .card-title{font-size:.9rem;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-card-compact .card-body{padding:.5rem .625rem .625rem}.form-card-compact .btn.sm,.form-card-compact .btn-sm{padding:.3rem .4rem;min-height:28px}.badge{display:inline-flex;align-items:center;padding:.1875rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border-soft)}.badge.primary{background:var(--color-primary-soft);color:var(--color-primary);border-color:#4f46e533}.badge.success{background:var(--color-success-soft);color:var(--color-success);border-color:#05966933}.badge.danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#dc262633}.builder-shell{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.builder-shell.split{flex-direction:row;align-items:flex-start}.builder-shell.split>.builder-canvas-col{flex:1;min-width:0}.builder-shell.split>.builder-preview-col{flex:0 0 380px;position:sticky;top:calc(var(--topbar-height) + 1rem);max-height:calc(100vh - var(--topbar-height) - 2rem);overflow:auto}}.builder-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;background:var(--color-surface);padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky;top:var(--topbar-height);z-index:20}.builder-banner{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-md);display:block}.builder-banner-empty{width:100%;height:100px;border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;background:var(--color-surface-2)}.title-input{width:100%;border:none;background:transparent;outline:none;font-size:1.25rem;font-weight:600;color:var(--color-text);padding:.25rem 0}.title-input::placeholder{color:var(--color-text-muted)}.field-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid transparent;border-radius:var(--radius-lg);padding:.75rem;display:flex;flex-direction:column;gap:.625rem;transition:border-color .15s ease,box-shadow .15s ease}.field-card:hover{border-left-color:var(--color-primary)}.field-card.expanded{border-left-color:var(--color-primary);box-shadow:var(--shadow-sm)}.field-card.dragging{opacity:.6}.field-card.seccion{background:var(--color-primary-soft);border-left-color:var(--color-primary)}.field-card-head{display:flex;align-items:center;gap:.5rem}.drag-handle{cursor:grab;color:var(--color-text-muted);padding:.25rem;border-radius:var(--radius-sm);touch-action:none}.drag-handle:hover{background:var(--color-surface-2);color:var(--color-text)}.field-type-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;padding:.125rem .5rem;border-radius:999px;background:var(--color-surface-2);color:var(--color-text-muted);text-transform:capitalize}.field-actions{display:flex;gap:.125rem;margin-left:auto}.option-row{display:flex;align-items:center;gap:.375rem}.option-row .input{flex:1}.field-type-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 480px){.field-type-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.field-type-grid{grid-template-columns:repeat(4,1fr)}}.field-type-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;color:var(--color-text);transition:border-color .15s ease,background .15s ease}.field-type-tile:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.section-divider{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;color:var(--color-primary)}.section-divider:after{content:"";flex:1;border-top:1px dashed var(--color-primary)}.preview-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.875rem}.preview-section-title{font-size:1rem;font-weight:600;margin:.5rem 0 0;color:var(--color-primary)}.checkbox-list,.radio-list{display:flex;flex-direction:column;gap:.375rem}.checkbox-list label,.radio-list label{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer}.checkbox-list label:hover,.radio-list label:hover{background:var(--color-surface-2)}.foto-preview,.archivo-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-surface-2);border-radius:var(--radius-md);font-size:.75rem}.foto-preview img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm)}.public-shell{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,var(--color-primary-soft) 0%,var(--color-bg) 240px);padding:1rem 1rem 2rem;display:flex;justify-content:center}.public-card{width:100%;max-width:560px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;align-self:flex-start}.public-banner{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);margin-top:-.25rem}.public-title{margin:0;font-size:1.5rem;line-height:1.2}.public-policy{background:var(--color-surface-2);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:.8125rem;color:var(--color-text);white-space:pre-wrap;max-height:220px;overflow-y:auto}.public-checkbox{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;padding:.5rem 0;cursor:pointer;-webkit-user-select:none;user-select:none}.public-checkbox input{margin-top:.2rem;transform:scale(1.15)}.public-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem .5rem;text-align:center}.public-success-icon{width:64px;height:64px;border-radius:50%;background:#d1fae5;color:var(--color-success);display:flex;align-items:center;justify-content:center}.public-state{text-align:center;padding:1.5rem 0;color:var(--color-text-muted)}.btn.btn-lg{min-height:3rem;font-size:1rem;padding:.75rem 1.25rem}@media (min-width: 768px){.public-shell{padding:2.5rem 1rem}.public-card{padding:1.75rem}}.responses-toolbar{display:grid;gap:.5rem;grid-template-columns:1fr}@media (min-width: 768px){.responses-toolbar{grid-template-columns:repeat(4,1fr) auto;align-items:end}.responses-toolbar .toolbar-actions{grid-column:auto}}.export-menu{position:relative}.export-menu-list{position:absolute;right:0;top:calc(100% + 4px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;z-index:25;overflow:hidden}.export-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;background:transparent;border:none;cursor:pointer;font-size:.8125rem;color:var(--color-text);text-align:left}.export-menu-item:hover{background:var(--color-surface-2)}.responses-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.responses-live-banner{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.4rem .75rem;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#f8fafc;border-radius:999px;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px #1d4ed84d;animation:liveBannerSlide .25s ease-out}@keyframes liveBannerSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.responses-live-dot{width:8px;height:8px;border-radius:50%;background:#fbbf24;box-shadow:0 0 #fbbf24b3;animation:livePulse 1.4s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #fbbf24b3}70%{box-shadow:0 0 0 6px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.responses-live-close{background:#ffffff26;color:#f8fafc;border:none;border-radius:50%;width:22px;height:22px;font-size:1rem;line-height:1;cursor:pointer;margin-left:.25rem;transition:background .15s ease}.responses-live-close:hover{background:#ffffff4d}.double-scroll-x{display:flex;flex-direction:column}.double-scroll-x-top{overflow-x:auto;overflow-y:hidden;height:14px;margin-bottom:.25rem;border-radius:var(--radius-md)}.double-scroll-x-top::-webkit-scrollbar{height:12px}.double-scroll-x-top::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.double-scroll-x-top::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.stat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent;cursor:default;transition:transform .08s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}button.stat-pill{cursor:pointer}button.stat-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0f172a1a}.stat-pill .stat-pill-label{letter-spacing:.02em;text-transform:uppercase;font-size:.68rem;opacity:.85}.stat-pill .stat-pill-value{font-size:.95rem;font-weight:700;line-height:1}.stat-pill-primary{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#f8fafc;border-color:#ffffff1a;box-shadow:0 2px 6px #1d4ed840}.stat-pill-warning{background:#fef3c7;color:#78350f;border-color:#fcd34d;position:relative}.stat-pill-warning.is-active{background:#fcd34d;color:#111827;box-shadow:0 0 0 2px #fcd34d73}.stat-pill-success{background:#dcfce7;color:#166534;border-color:#86efac}.stat-pill-success.is-active{background:#86efac;color:#052e16;box-shadow:0 0 0 2px #86efac73}.stat-pill-danger{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.stat-pill-danger.is-active{background:#fca5a5;color:#450a0a;box-shadow:0 0 0 2px #fca5a573}.respondido-check{width:18px;height:18px;cursor:pointer;accent-color:#16a34a;transition:transform .1s ease}.respondido-check:hover{transform:scale(1.15)}.responses-table tbody tr:has(.respondido-check:checked) td:not(.interno-cell){opacity:.78}.stat-pill-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 #f59e0bb3;animation:statPillPulse 1.6s ease-out infinite}@keyframes statPillPulse{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.responses-table{width:100%;border-collapse:collapse;font-size:.8125rem;min-width:640px}.responses-table thead{background:linear-gradient(180deg,#1d4ed8,#1e40af);box-shadow:0 1px #ffffff0f inset}.responses-table thead tr+tr{background:#1e40af;border-top:1px solid rgba(255,255,255,.08)}.responses-table th{padding:.45rem .6rem;text-align:left;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap;color:#f8fafc;letter-spacing:.01em;font-size:.78rem;text-transform:none}.responses-table thead tr+tr th{padding:.3rem .5rem}.responses-table th button{background:transparent;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:.25rem;text-transform:inherit}.responses-table th button:hover{color:#bfdbfe}.responses-table td{padding:.3rem .55rem;height:38px;border-bottom:1px solid var(--color-border-soft);vertical-align:middle;max-width:160px;line-height:1.2;font-size:.78rem}.responses-table tr{height:38px}.responses-table td .icon-btn{padding:2px}.responses-table tbody tr:nth-child(2n) td{background:var(--color-surface-2)}.responses-table td.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responses-table tbody tr:hover td{background:var(--color-primary-tint)}.responses-table tr.expanded td,.responses-table tr.expanded+tr.detail-row td,.responses-table tr.expanded+tr.detail-row+tr.detail-row td{background:#dcfce7!important}.responses-table tr.expanded td.interno-cell,.responses-table tr.expanded+tr.detail-row td.interno-cell{background:#d1fae5!important}.responses-table tr.fila-nueva td:first-child{border-left:3px solid var(--color-primary)}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:confirmFadeIn .15s ease-out}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:1.75rem 1.5rem 1.25rem;box-shadow:0 20px 25px -5px #0f172a40,0 10px 10px -5px #0f172a1a;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;animation:confirmPopIn .2s cubic-bezier(.34,1.56,.64,1)}.confirm-icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;position:relative}.confirm-icon-wrap:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;opacity:.5;z-index:-1}.confirm-icon-wrap.danger{background:var(--color-danger-soft);color:var(--color-danger)}.confirm-icon-wrap.danger:before{background:var(--color-danger-soft)}.confirm-icon-wrap.warning{background:#fef3c7;color:#d97706}.confirm-icon-wrap.warning:before{background:#fef3c7}.confirm-icon-wrap.info{background:var(--color-primary-soft);color:var(--color-primary)}.confirm-icon-wrap.info:before{background:var(--color-primary-soft)}.confirm-icon-wrap.success{background:#d1fae5;color:var(--color-success)}.confirm-icon-wrap.success:before{background:#d1fae5}.confirm-titulo{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text);line-height:1.3}.confirm-mensaje{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.confirm-detalle{width:100%;background:var(--color-surface-2);border-radius:var(--radius-md);padding:.625rem .75rem;font-size:.8125rem;color:var(--color-text);text-align:left}.confirm-actions{width:100%;display:flex;gap:.5rem;margin-top:.5rem}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmPopIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.permisos-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.permisos-rol-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;cursor:pointer;transition:all .15s}.permisos-rol-chip:hover{border-color:var(--color-primary)}.permisos-rol-chip.activo{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:500}.config-tabs{display:flex;gap:.125rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.5rem .5rem 0;overflow-x:auto;position:sticky;top:var(--topbar-height);z-index:10}.config-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem .875rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.config-tab:hover{color:var(--color-text)}.config-tab.activa{color:var(--color-primary);border-bottom-color:var(--color-primary)}.config-tab .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .375rem;border-radius:9px;background:var(--color-primary-soft);color:var(--color-primary);font-size:.6875rem;font-weight:600}.config-panel{display:flex;flex-direction:column;gap:.75rem;background:var(--color-bg);padding-top:.75rem}.detail-row td{background:var(--color-bg)!important;padding:0}.responses-table tr.expanded+tr.detail-row>td{border-top:2px solid #64748b!important}.detail-interno-header-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.4rem}.detail-interno-bottom-strip{height:8px;margin-top:.4rem;background:linear-gradient(180deg,#86efac,#4ade80);border-radius:0 0 6px 6px}.detail-interno-title{font-size:.7rem;color:var(--color-warning);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.detail-header-inline{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.detail-header-num-inline{font-size:.95rem;font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1}.detail-header-fecha{font-size:.72rem;color:var(--color-text-muted)}.detail-interno-fields-summary{font-size:.78rem;color:var(--color-text);font-weight:600}.detail-interno-field-label{display:inline}.detail-header-fecha{font-size:.8rem;color:var(--color-text-muted)}.detail-header-id{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;padding:.2rem .6rem;cursor:pointer;font:inherit;color:var(--color-text-muted);transition:background .15s ease,color .15s ease;max-width:100%}.detail-header-id:hover{background:var(--color-primary-tint);color:var(--color-primary)}.detail-header-id-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle)}.detail-header-id code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;color:var(--color-text);max-width:22ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-header-id-status{font-size:.65rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);column-gap:.1rem;row-gap:.1rem;padding:.35rem .5rem .2rem;align-items:start}.detail-grid>div{display:flex;flex-direction:column;padding:.12rem 0;border-bottom:1px dashed var(--color-border);min-width:0}@media (max-width: 1100px){.detail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 540px){.detail-grid{grid-template-columns:1fr;padding:.5rem .75rem}}.detail-grid dt{margin:0;padding:0;font-weight:700;line-height:1.15}.detail-grid dt>*{display:inline-block;width:fit-content;max-width:100%;font-size:.76rem;color:#fff;background:#15803d;padding:.08rem .5rem;border-radius:3px;letter-spacing:.02em;font-weight:700}.detail-grid dd{margin:0;padding-top:.2rem;word-break:break-word;font-size:.92rem;line-height:1.3;color:var(--color-text);font-weight:500}.detail-grid>div[data-tipo=foto] dd,.detail-grid>div[data-tipo=archivo] dd{display:flex;align-items:center}.detail-grid>div[data-tipo=foto] dd img,.detail-grid>div[data-tipo=archivo] dd img{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border);display:block;margin:0}.detail-grid>div[data-tipo=foto] dd>button,.detail-grid>div[data-tipo=archivo] dd>button{padding:0;border:none;background:transparent;line-height:0;cursor:zoom-in}@media (max-width: 900px){.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-grid>div[data-tipo=foto],.detail-grid>div[data-tipo=archivo]{grid-column:span 1;grid-row:span 1}}@media (max-width: 540px){.detail-grid{grid-template-columns:1fr;padding:.5rem .75rem}.detail-grid>div[data-tipo=foto],.detail-grid>div[data-tipo=archivo]{grid-column:auto;grid-row:auto}}.pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;font-size:.8125rem;color:var(--color-text-muted)}.pager-actions{display:flex;gap:.375rem}.kpi-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.kpi-grid{grid-template-columns:repeat(5,1fr)}}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.875rem 1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.kpi:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.85}.kpi-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:1.5rem;font-weight:700;line-height:1.1}.kpi-sub{font-size:.75rem;color:var(--color-text-muted)}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-danger)}.kpi-trend.flat{color:var(--color-text-muted)}.range-tabs{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--color-surface-2);border-radius:var(--radius-md);flex-wrap:wrap}.range-tab{background:transparent;border:none;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer;color:var(--color-text-muted)}.range-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.charts-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 1024px){.charts-grid{grid-template-columns:1fr 1fr}}.segment-list{display:flex;flex-direction:column;gap:.375rem}.segment-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.segment-row .seg-label{flex:0 0 35%;max-width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segment-row .seg-bar-wrap{flex:1;height:8px;background:var(--color-surface-2);border-radius:999px;overflow:hidden}.segment-row .seg-bar{height:100%;background:var(--color-primary);border-radius:999px}.segment-row .seg-count{flex:0 0 auto;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.save-status{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-muted);min-height:1rem}.save-status.guardado{color:var(--color-success)}.save-status.error{color:var(--color-danger)}.save-status .spin-inline{animation:spin .7s linear infinite}.detail-interno{background:#fffbeb;border-top:2px solid #64748b;padding:.6rem 1rem .4rem}.detail-interno-header{font-size:.75rem;color:var(--color-warning);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.detail-interno .input,.detail-interno .select{padding:.35rem .65rem}.responses-table .interno-cell{background:#fffbeb!important;font-size:.75rem}.responses-table tbody tr:nth-child(2n) td.interno-cell{background:#fff7d6!important}.responses-table th.interno-th{background:#fcd34d;color:#111827;border-left:1px dashed rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.12)}.rte{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.rte.has-error{border-color:var(--color-danger)}.rte:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem;padding:.375rem .5rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.rte-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;padding:.25rem .375rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);min-width:28px;min-height:28px}.rte-btn:hover{background:var(--color-surface);color:var(--color-text)}.rte-btn.active{background:var(--color-primary-soft);color:var(--color-primary)}.rte-sep{width:1px;height:20px;background:var(--color-border);margin:0 .25rem}.rte-color{display:inline-flex;align-items:center;gap:.125rem}.rte-color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border);cursor:pointer;padding:0}.rte-content{min-height:6rem;padding:.625rem .75rem;outline:none;font-size:.875rem;line-height:1.5}.rte.compacto .rte-content{min-height:2.5rem}.rte-content p{margin:0 0 .5rem}.rte-content p:last-child{margin-bottom:0}.rte-content ul,.rte-content ol{margin:0 0 .5rem;padding-left:1.25rem}.rte-content a{color:var(--color-primary);text-decoration:underline}.rte-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);pointer-events:none;height:0}.safe-html p{margin:0 0 .5rem}.safe-html p:last-child{margin-bottom:0}.safe-html ul,.safe-html ol{padding-left:1.25rem;margin:0 0 .5rem}.safe-html a{color:var(--color-primary);text-decoration:underline}.public-banner-contain{width:100%;max-height:280px;object-fit:contain;background:var(--color-surface-2);border-radius:var(--radius-md);display:block}.info-block{background:var(--color-surface-2);border-left:3px solid var(--color-primary);padding:.625rem .875rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.375rem;font-size:.875rem}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);overflow:hidden}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-direct{width:100%;max-height:360px;background:#000;border-radius:var(--radius-md)}.scale-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.scale-cap{font-size:.75rem;color:var(--color-text-muted);min-width:60px}.scale-options{display:flex;gap:.25rem;flex:1;flex-wrap:wrap;justify-content:space-between}.scale-opt{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem .5rem;border-radius:var(--radius-sm)}.scale-opt input{display:none}.scale-opt span{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;font-size:.875rem;transition:all .15s}.scale-opt:hover span{border-color:var(--color-primary)}.scale-opt.active span{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.stars-row{display:inline-flex;gap:.125rem}.star-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;color:var(--color-text-muted);transition:color .15s,transform .15s}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:#f59e0b}.grid-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.grid-table{width:100%;border-collapse:collapse;font-size:.8125rem;min-width:360px}.grid-table th{background:var(--color-surface-2);padding:.5rem;text-align:center;border-bottom:1px solid var(--color-border);font-weight:500}.grid-table td{padding:.375rem .5rem;text-align:center;border-bottom:1px solid var(--color-border)}.grid-table tbody tr:last-child td{border-bottom:0}.grid-table .grid-row-label{text-align:left;font-weight:500;color:var(--color-text);background:var(--color-surface-2);position:sticky;left:0}.app-footer{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);text-align:center}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#020617db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;animation:lightboxFadeIn .18s ease-out}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image{max-width:90vw;max-height:80vh;border-radius:6px;box-shadow:0 20px 50px #0000008c;transition:transform .18s ease;-webkit-user-select:none;user-select:none}.lightbox-toolbar{position:fixed;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px;background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:0 4px 16px #00000059}.lightbox-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#f8fafc;border:none;border-radius:50%;cursor:pointer;transition:background .15s ease}.lightbox-btn:hover{background:#ffffff1a}.lightbox-btn-close{background:#ef44442e}.lightbox-btn-close:hover{background:#ef44444d}.lightbox-zoom-label{color:#cbd5e1;font-size:.75rem;min-width:42px;text-align:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}