/* Tu Prevención Suite · interfaz Génesis · 18-10-2026 */
:root{--ink:#111111;--canvas:#ffffff;--cloud:#f5f5f5;--danger:#d30005;--success:#007d48}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--success);outline-offset:4px}button{cursor:pointer}input,select,textarea{width:100%;max-width:100%;padding:11px;border:1px solid var(--ink);background:var(--canvas);border-radius:0;color:var(--ink)}textarea{min-height:96px;resize:vertical}h1,h2,h3,p{margin-top:0}img{max-width:100%}[hidden]{display:none!important}.tp-skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--canvas);padding:12px}.tp-skip:focus{top:8px}.tp-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 4%;background:var(--canvas);border-bottom:1px solid var(--ink)}.tp-brand img{display:block;width:210px;height:64px;object-fit:contain}.tp-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.tp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:12px 18px;border:1px solid var(--ink);background:var(--canvas);color:var(--ink);font-weight:600;border-radius:0;text-align:center;transition:background .2s,color .2s}.tp-button:hover{background:var(--cloud)}.tp-button:disabled{opacity:.5;cursor:wait}.tp-dark{background:var(--ink);color:var(--canvas)}.tp-dark:hover{background:var(--success);border-color:var(--success);color:var(--canvas)}.tp-kicker{font:11px/1.5 'Courier New',monospace;letter-spacing:1.2px;text-transform:uppercase}.tp-line{display:inline-block;width:28px;height:2px;background:var(--ink);vertical-align:middle;margin-right:12px}.tp-hero{padding:40px 6% 0}.tp-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:8%;padding:42px 0 55px}.tp-hero h1{font-size:clamp(48px,6.8vw,105px);line-height:.98;letter-spacing:-5px;margin-bottom:28px;font-weight:800}.tp-hero h1>span{-webkit-text-stroke:1px var(--ink);color:var(--canvas)}.tp-lead{max-width:510px;font-size:17px;line-height:1.7}.tp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px}.tp-text-link{border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:13px}.tp-system-figure{border:1px solid var(--ink);padding:26px;background:var(--cloud)}.tp-figure-top{display:flex;justify-content:space-between;font:11px 'Courier New',monospace;padding-bottom:20px;border-bottom:1px solid var(--ink)}.tp-system-figure ol{padding:0;list-style:none;margin:0}.tp-system-figure li{display:flex;align-items:flex-start;gap:22px;border-bottom:1px solid var(--ink);padding:22px 0}.tp-system-figure li>span{font:13px 'Courier New',monospace}.tp-system-figure strong{font-size:23px}.tp-system-figure small{display:block;margin-top:3px;font-size:12px}.tp-system-figure>p{margin:24px 0 0;font-size:12px}.tp-hero-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--ink);padding:20px 0;font:10px 'Courier New',monospace}.tp-section{padding:74px 6%;border-top:1px solid var(--ink)}.tp-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:38px}.tp-section h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:0}.tp-grid-three{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ink)}.tp-feature{padding:25px;border:1px solid var(--ink);border-left:0}.tp-feature>span{font:12px 'Courier New',monospace}.tp-feature h3{margin:28px 0 14px;font-size:21px}.tp-feature p{font-size:14px;margin:0}.tp-cloud{background:var(--cloud)}.tp-services{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.tp-services a{display:grid;grid-template-columns:26px 1fr 14px;gap:16px;padding:22px 0;border-top:1px solid var(--ink);font-size:17px}.tp-services a>span{font:12px 'Courier New',monospace}.tp-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid var(--ink);margin-bottom:20px}.tp-plan{border:1px solid var(--ink);border-left:0;padding:20px 16px;min-width:0}.tp-plan>span{font-size:13px;font-weight:600}.tp-plan p{margin:25px 0}.tp-plan strong{font:40px 'Courier New',monospace}.tp-muted{font-size:12px;opacity:.8;margin-top:20px}.tp-closing{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:60px 6%;background:var(--ink);color:var(--canvas)}.tp-closing h2{font-size:clamp(26px,4vw,46px);line-height:1.1;letter-spacing:-1.5px;margin:22px 0 0}.tp-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:28px 4%;border-top:1px solid var(--ink);font-size:11px}.tp-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 170px)}.tp-sidebar{padding:30px 20px;background:var(--cloud);border-right:1px solid var(--ink)}.tp-sidebar label{display:block;font-size:12px;margin:22px 0 7px}.tp-sidebar select{font-size:12px}.tp-plan-label{margin:10px 0 22px;font:11px 'Courier New',monospace}.tp-sidebar nav>a,.tp-nav-locked{display:flex;align-items:center;gap:10px;padding:11px 8px;font-size:12px;border-bottom:1px solid transparent}.tp-sidebar nav>a[aria-current]{background:var(--ink);color:var(--canvas)}.tp-sidebar nav>a:hover{border-bottom-color:var(--ink)}.tp-sidebar nav>a>span,.tp-nav-locked>span{font:10px 'Courier New',monospace}.tp-nav-locked{opacity:.55;flex-wrap:wrap}.tp-nav-locked small{margin-left:auto;font-size:9px}.tp-sidebar details{margin-top:28px;border-top:1px solid var(--ink);padding-top:18px;font-size:12px}.tp-admin-links{display:grid;gap:12px;margin-top:15px}.tp-work-content{padding:35px 4%;min-width:0}.tp-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);padding-bottom:25px;margin-bottom:28px}.tp-page-heading h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:8px 0 0}.tp-status-label{font:10px 'Courier New',monospace;white-space:nowrap}.tp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px;border-left:1px solid var(--ink)}.tp-metrics article{padding:20px;border:1px solid var(--ink);border-left:0;min-width:0}.tp-metrics span{font-size:11px}.tp-metrics strong{display:block;font:32px 'Courier New',monospace;margin-top:20px}.tp-dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.tp-panel{padding:24px;border:1px solid var(--ink);margin-bottom:24px;min-width:0}.tp-panel h2{font-size:18px;margin:0 0 20px}.tp-panel summary{font-weight:600;cursor:pointer}.tp-panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.tp-panel-title h2{margin:0}.tp-panel-title>span{font:11px 'Courier New',monospace}.tp-panel-title>button{border:0;background:var(--cloud);width:35px;height:35px;font-size:23px}.tp-recommendation{display:block;border-top:1px solid var(--ink);padding:18px 0}.tp-recommendation strong{font-size:14px}.tp-recommendation p{margin:7px 0 0;font-size:12px;overflow-wrap:anywhere}.tp-empty{padding:30px 0}.tp-empty h2,.tp-empty h3{font-size:21px}.tp-empty p{font-size:14px;max-width:560px}.tp-facts{margin:0}.tp-facts>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ink);padding:12px 0}.tp-facts dt{font-size:12px}.tp-facts dd{font:16px 'Courier New',monospace;margin:0}.tp-notice,#tp-message:not(:empty){padding:16px 22px;border:1px solid var(--ink);margin:16px 0;background:var(--cloud);font-size:13px}.tp-error{border-color:var(--danger)!important;color:var(--danger)}.tp-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.tp-toolbar .tp-button{font-size:12px}.tp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.tp-form label{display:grid;gap:7px;font-size:12px}.tp-form .tp-wide{grid-column:1/-1}.tp-form>button{align-self:end}.tp-form small{font-size:11px}.tp-records{display:grid;gap:14px}.tp-record{padding:20px;border:1px solid var(--ink);overflow-wrap:anywhere}.tp-record h3{font-size:17px;margin:0 0 8px}.tp-record dl{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:12px}.tp-record dt{font-size:10px;text-transform:uppercase}.tp-record dd{margin:4px 0 0;font-family:'Courier New',monospace;white-space:pre-wrap}.tp-record .tp-button{font-size:12px;margin-top:14px}.tp-badge{display:inline-block;font:10px 'Courier New',monospace;padding:4px 7px;border:1px solid var(--ink)}.tp-risk-critical{border-left:4px solid var(--danger)}.tp-auth{max-width:560px;margin:55px auto;padding:30px;border:1px solid var(--ink)}.tp-auth form{display:grid;gap:18px}.tp-auth label{display:grid;gap:8px}.tp-auth input{margin-top:6px}
@media(max-width:1100px){.tp-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-dashboard-grid{grid-template-columns:1fr}.tp-workspace{grid-template-columns:215px minmax(0,1fr)}.tp-hero h1{letter-spacing:-3px}}
@media(max-width:760px){.tp-header{padding:15px 5%;gap:15px;flex-wrap:wrap}.tp-brand img{width:180px;height:55px}.tp-header nav{gap:15px;font-size:12px;flex-wrap:wrap}.tp-header .tp-button{padding:9px 12px;min-height:40px}.tp-hero{padding:30px 5% 0}.tp-hero-grid{grid-template-columns:1fr;gap:35px;padding:30px 0}.tp-hero h1{font-size:clamp(47px,12vw,75px);letter-spacing:-2.5px}.tp-hero-bottom{flex-direction:column}.tp-section{padding:45px 5%}.tp-section-title{flex-direction:column;gap:20px}.tp-grid-three{grid-template-columns:1fr}.tp-services{grid-template-columns:1fr}.tp-plan-grid{grid-template-columns:1fr 1fr}.tp-closing{flex-direction:column;align-items:flex-start;padding:40px 5%}.tp-workspace{display:block}.tp-sidebar{border-right:0;border-bottom:1px solid var(--ink);padding:20px 5%}.tp-sidebar nav{display:flex;overflow-x:auto;gap:8px;margin-top:15px;padding-bottom:10px}.tp-sidebar nav>a,.tp-nav-locked{flex-shrink:0;max-width:200px;white-space:nowrap;border:1px solid var(--ink)}.tp-nav-locked small{display:none}.tp-sidebar .tp-kicker,.tp-sidebar label,.tp-plan-label{display:none}.tp-sidebar select{max-width:100%}.tp-sidebar details{margin-top:5px;padding-top:10px}.tp-work-content{padding:28px 5%}.tp-page-heading{align-items:flex-start;flex-direction:column;gap:10px}.tp-page-heading h1{font-size:29px}.tp-metrics article{padding:16px}.tp-metrics strong{font-size:27px}.tp-form{grid-template-columns:1fr}.tp-form .tp-wide{grid-column:auto}.tp-panel{padding:18px}.tp-auth{margin:30px 5%;padding:22px}.tp-footer{padding:24px 5%}.tp-status-label{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Integración de prototipos GSST, 18-10-2026: edición y revisión accesibles. */
.suite-tools{margin-block:1rem}.suite-filters{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 1fr;gap:1rem;align-items:end}.suite-filters label{display:grid;gap:.4rem;min-width:0}.suite-filters input,.suite-filters select{width:100%;min-width:0;padding:.7rem;border:1px solid #cbd5df;border-radius:.5rem;background:white;font:inherit}.suite-dialog{width:min(940px,calc(100vw - 2rem));max-height:90vh;overflow:auto;border:1px solid #c3d1df;border-radius:1rem;padding:1.5rem;color:#18334b;background:#fff;box-shadow:0 24px 80px #19354b45}.suite-dialog::backdrop{background:#102f4d85;backdrop-filter:blur(4px)}.suite-dialog .tp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.suite-dialog .tp-form>div,.suite-dialog .tp-form>article,.suite-dialog .tp-form>h3,.suite-dialog .tp-form>p,.suite-dialog .tp-form>fieldset,.suite-dialog .tp-form>details{grid-column:1/-1}.suite-dialog .suite-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.suite-dialog .suite-field:has(textarea){grid-column:1/-1}.suite-dialog input,.suite-dialog textarea,.suite-dialog select{box-sizing:border-box;max-width:100%;min-width:0;font:inherit}.suite-dialog textarea{min-height:100px;resize:vertical}.suite-dialog input[type=checkbox]{width:1.2rem;height:1.2rem;align-self:flex-start}.suite-dialog fieldset{padding:1rem;border:1px solid #cdd9e4;border-radius:.65rem;min-width:0}.suite-dialog legend{font-weight:700}.suite-dialog [hidden]{display:none!important}.suite-dialog [role=alert]{color:#b51638}.suite-builder{display:grid;gap:1rem}.suite-builder-field{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#f4f7fa;cursor:grab}.suite-builder-field .tp-toolbar{grid-column:1/-1}.suite-builder-preview{padding:1rem;border:1px dashed #9eb7cb;border-radius:.5rem}.suite-values{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:.5rem 1rem}.suite-values dt{font-weight:600}.suite-values dd{margin:0;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.suite-values dl{grid-template-columns:1fr 2fr}.suite-values ul{padding-left:1rem}.suite-hash{overflow-wrap:anywhere;font-size:.85rem}.suite-prewrap{white-space:pre-wrap}.suite-matrix{width:100%;border-collapse:collapse;margin-block:1rem}.suite-matrix th,.suite-matrix td{padding:.8rem;border:1px solid #c9d8e4;text-align:center}.suite-matrix td{background:#e6f0f7}.suite-matrix td[data-count='0']{background:#f4f7fa;color:#607486}.suite-agenda{display:grid;gap:.7rem}.suite-agenda li{display:flex;gap:1rem;flex-wrap:wrap;padding:.8rem;background:#f2f6fa;border-radius:.5rem}.suite-print-values dd{white-space:pre-wrap;overflow-wrap:anywhere}.suite-print h2{font-size:1.3rem}.tp-sidebar nav{max-height:65vh;overflow-y:auto}.suite-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.suite-dialog .tp-button{margin:.15rem}.suite-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem}#suite-auxiliary:empty{display:none}#suite-signature-requests{margin-bottom:2rem}
@media(max-width:760px){.suite-filters,.suite-dialog .tp-form,.suite-builder-field{grid-template-columns:minmax(0,1fr)}.suite-dialog{padding:1rem}.suite-values,.suite-values dl{grid-template-columns:minmax(0,1fr)}.suite-values dd{margin-bottom:.7rem}.tp-sidebar nav{max-height:none}.suite-print{padding:1rem}.suite-filters>span{grid-column:1/-1}}
@media print{.tp-site-header,.tp-site-footer,.tp-assistant,.suite-no-print,.tp-cookie-banner{display:none!important}.suite-print{max-width:none;padding:0}.suite-print .tp-panel{box-shadow:none;break-inside:avoid;border:1px solid #aaa}.suite-print button{display:none}.suite-print-values{font-size:10pt}}

/* Estado de sincronización 360 */
.tp-live-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.tp-live-bar [data-connected="false"]{color:#a51d20;font-weight:700}.tp-live-bar [data-connected="true"]{color:#205c44}