.tpis-standalone{background:#f3f5f8;margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.tpis-standalone main{padding:35px 12px}.tpis-form-root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#172638;line-height:1.5}.tpis-form-card{max-width:760px;margin:24px auto;padding:clamp(20px,5vw,40px);border-radius:18px;border:1px solid #e3e8ef;box-shadow:0 9px 30px #142a4910;background:#fff}.tpis-form-card h1{font-size:clamp(22px,3vw,34px);margin:8px 0 7px}.tpis-logo{max-height:76px;max-width:230px;object-fit:contain}.tpis-brand{font-weight:700;color:var(--tpis-accent)}.tpis-description{color:#657587;margin:0 0 26px}.tpis-field{padding:21px 0;border-bottom:1px solid #edf0f4}.tpis-question-label{display:block;font-size:16px;font-weight:650;margin-bottom:13px}.tpis-field input[type=text],.tpis-field input[type=tel],.tpis-field input[type=email],.tpis-field textarea,.tpis-field select{box-sizing:border-box;display:block;width:100%;max-width:100%;border:1px solid #c8d3df;background:white;color:#172638;border-radius:9px;padding:11px 13px;font-size:16px}.tpis-choice-grid{display:flex;gap:6px;flex-wrap:wrap}.tpis-choice{cursor:pointer;flex:1 1 38px;min-width:32px}.tpis-choice input{position:absolute;opacity:0;width:1px;height:1px}.tpis-choice-face{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:9px;border:1px solid #cad4df;background:#f8fafc;font-weight:650;font-size:14px;transition:background .16s,border .16s}.tpis-choice input:checked+.tpis-choice-face{border:2px solid var(--tpis-accent);background:#e2eafa;color:#12385f}.tpis-choice input:focus-visible+.tpis-choice-face{outline:3px solid #f0c03c;outline-offset:2px}.tpis-choice-grid.stars .tpis-choice-face{font-size:36px;color:#d1d6dd}.tpis-choice-grid.stars .tpis-choice input:checked+.tpis-choice-face{color:#f5ae00;background:#fff6de}.tpis-choice-grid.faces3 .tpis-choice-face,.tpis-choice-grid.faces5 .tpis-choice-face{font-size:31px}.tpis-legend{display:flex;justify-content:space-between;color:#6b7b8b;margin-top:5px}.tpis-options{display:grid;gap:10px}.tpis-option{display:flex;align-items:center;gap:9px;cursor:pointer}.tpis-option input{accent-color:var(--tpis-accent)}.tpis-submit{cursor:pointer;margin:24px 0 5px;border:0;border-radius:10px;background:var(--tpis-accent);color:#fff;padding:14px 26px;font-size:16px;font-weight:700}.tpis-submit:disabled{opacity:.65;cursor:wait}.tpis-error{color:#b31c35;background:#fff0f2;padding:12px;border-radius:8px}.tpis-confirm{text-align:center;padding:25px 0}.tpis-checkmark{margin:auto;background:#e6f8ee;color:#15803d;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:47px;font-weight:700}.tpis-confirm h2{font-size:27px}.tpis-confirm p{white-space:pre-line;color:#617184;font-size:17px}.tpis-form-root [hidden]{display:none!important}@media(max-width:480px){.tpis-form-card{margin:5px auto;padding:20px 14px}.tpis-choice-grid{gap:3px}.tpis-choice{flex-basis:24px;min-width:24px}.tpis-choice-face{min-height:38px;font-size:12px}.tpis-choice-grid.stars .tpis-choice-face,.tpis-choice-grid.faces5 .tpis-choice-face{font-size:26px}}

/* 1.0.1 — Minimalist standalone survey page (portable, uses configured brand/logo) */
.tpis-standalone{background:#f7f7f5;color:#111;font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;margin:0}
.tpis-page-header{background:#fff;border-bottom:1px solid #e9e9e5}
.tpis-page-inner{box-sizing:border-box;max-width:1040px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tpis-page-brand{display:flex;align-items:center;text-decoration:none;color:#142c4a;font-weight:800;font-size:19px}
.tpis-page-brand img{max-height:56px;max-width:170px;width:auto;object-fit:contain}
.tpis-back-link{color:#232323;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #dedfda;border-radius:10px;padding:10px 14px;white-space:nowrap}
.tpis-back-link:hover{border-color:#777}
.tpis-standalone .tpis-page-main{box-sizing:border-box;max-width:920px;margin:auto;padding:34px 20px 30px}
.tpis-page-intro{max-width:760px;margin:0 auto 14px;padding:0 14px}
.tpis-page-rule{display:block;width:52px;height:5px;border-radius:2px;background:#ffd400;margin-bottom:15px}
.tpis-page-eyebrow{color:#8c7600;letter-spacing:.7px;font-size:11px;font-weight:800}
.tpis-page-intro p{color:#555752;line-height:1.7;font-size:15px;margin:12px 0 0}
.tpis-standalone .tpis-form-card{margin:12px auto 0;max-width:760px;padding:clamp(22px,4vw,36px);background:#fff;border:1px solid #e5e5e0;border-radius:18px;box-shadow:none}
.tpis-standalone .tpis-form-root{color:#111;font-family:inherit}
.tpis-standalone .tpis-form-card h1{font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.2;color:#111}
.tpis-standalone .tpis-description{color:#555752}
.tpis-standalone .tpis-field{border-bottom-color:#ededeb}
.tpis-standalone .tpis-submit{background:var(--tpis-accent);border-radius:10px}
.tpis-page-footer{text-align:center;color:#777873;font-size:12px;padding:8px 20px 34px}
@media(max-width:600px){.tpis-page-inner{padding:12px 14px}.tpis-page-brand img{max-width:130px;max-height:43px}.tpis-back-link{font-size:12px;padding:9px 10px}.tpis-standalone .tpis-page-main{padding:24px 14px 22px}.tpis-page-intro{padding:0 4px}.tpis-standalone .tpis-form-card{padding:22px 17px;margin-top:10px}.tpis-page-intro p{font-size:14px}}

/* 1.0.2 — Logo only in header; compact stars; accessible submit contrast. */
/* Shortcode relies on hosting site's header. The standalone survey prints the configured logo in its own header. */
.tpis-form-root .tpis-logo,.tpis-form-root .tpis-brand{display:none!important}
.tpis-form-root .tpis-choice-grid.stars{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:3px;width:max-content;max-width:100%}
.tpis-form-root .tpis-choice-grid.stars .tpis-choice{flex:0 0 auto;min-width:0;width:42px;max-width:42px}
.tpis-form-root .tpis-choice-grid.stars .tpis-choice-face{box-sizing:border-box;min-height:44px;height:44px;width:42px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;font-size:35px;line-height:1;color:#c6cbd2}
.tpis-form-root .tpis-choice-grid.stars .tpis-choice input:checked+.tpis-choice-face{background:#fff7da;border-color:#e1b44e;color:#f2b400}
.tpis-form-root button.tpis-submit,.tpis-standalone .tpis-form-root button.tpis-submit{background:#173b65!important;color:#fff!important;border:2px solid #173b65!important;font-weight:750!important;line-height:1.3;opacity:1;text-shadow:none;box-shadow:none}
.tpis-form-root button.tpis-submit:hover,.tpis-form-root button.tpis-submit:focus-visible{background:#0b274a!important;color:#fff!important;border-color:#0b274a!important}
.tpis-form-root button.tpis-submit:focus-visible{outline:3px solid #f2b900;outline-offset:3px}
.tpis-form-root button.tpis-submit:disabled{opacity:.65}
@media(max-width:480px){.tpis-form-root .tpis-choice-grid.stars{gap:2px}.tpis-form-root .tpis-choice-grid.stars .tpis-choice{width:39px;max-width:39px}.tpis-form-root .tpis-choice-grid.stars .tpis-choice-face{width:39px;height:41px;min-height:41px;font-size:32px}}

/* 1.0.3 — Todas las estrellas hasta la calificación seleccionada se iluminan. */
.tpis-form-root .tpis-choice-grid.stars .tpis-choice.tpis-star-filled .tpis-choice-face{color:#f2b400;background:transparent;border-color:transparent}
.tpis-form-root .tpis-choice-grid.stars .tpis-choice input:checked+.tpis-choice-face{color:#f2b400;background:transparent;border-color:transparent}

/* 1.0.5: escala personalizada con círculos y etiquetas editables. No afecta NPS/CES. */
.tpis-form-root .tpis-scale-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}
.tpis-form-root .tpis-choice-grid.scale.tpis-scale-circles{display:flex;flex-wrap:nowrap;gap:6px;grid-row:1;min-width:0}
.tpis-form-root .tpis-scale-circles .tpis-choice{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:12px;position:relative;padding:4px 0 8px}
.tpis-form-root .tpis-scale-circles .tpis-choice-face{min-height:0;height:auto;width:auto;display:block;padding:0;border:0!important;background:transparent!important;color:inherit!important;font-size:16px;line-height:1.4;font-weight:650}
.tpis-form-root .tpis-scale-radio{width:22px;height:22px;box-sizing:border-box;border:2px solid #75808b;border-radius:50%;background:#fff;display:block;transition:border-color .15s,background .15s}
.tpis-form-root .tpis-scale-circles input:checked~.tpis-scale-radio{border:6px solid var(--tpis-accent,#173b65)}
.tpis-form-root .tpis-scale-circles input:focus-visible~.tpis-scale-radio{outline:3px solid #eebd32;outline-offset:3px}
.tpis-form-root .tpis-scale-endpoints{display:flex;justify-content:space-between;align-items:start;gap:12px;grid-row:2;margin-top:0;color:#586778}
.tpis-form-root .tpis-scale-endpoints small{font-size:13px;line-height:1.35;max-width:43%;overflow-wrap:anywhere}
.tpis-form-root .tpis-scale-end{text-align:right}
@media(max-width:480px){.tpis-form-root .tpis-choice-grid.scale.tpis-scale-circles{gap:1px}.tpis-form-root .tpis-scale-circles .tpis-choice-face{font-size:12px}.tpis-form-root .tpis-scale-radio{width:18px;height:18px}.tpis-form-root .tpis-scale-circles input:checked~.tpis-scale-radio{border-width:5px}}

/* 1.0.6: el NPS conserva 0-10, mostrando números y selectores circulares. */
.tpis-form-root .tpis-choice-grid.nps.tpis-scale-circles{display:flex;gap:3px;flex-wrap:nowrap}
.tpis-form-root .tpis-choice-grid.nps.tpis-scale-circles .tpis-choice{padding:4px 0 8px;gap:11px}
@media(max-width:560px){.tpis-form-root .tpis-choice-grid.nps.tpis-scale-circles{gap:0}.tpis-form-root .tpis-choice-grid.nps.tpis-scale-circles .tpis-choice-face{font-size:11px}.tpis-form-root .tpis-choice-grid.nps.tpis-scale-circles .tpis-scale-radio{width:16px;height:16px}}
