﻿:root{--bt-navy:#12243a;--bt-blue:#3157e8;--bt-green:#1f9d78;--bt-amber:#f2b93b;--bt-red:#d95757;--bt-bg:#f3f6fa}.bt-survey{max-width:840px;margin:40px auto;background:#fff;border-radius:24px;box-shadow:0 18px 55px #17304a20;overflow:hidden;color:var(--bt-navy);font-family:Inter,system-ui,sans-serif}.bt-survey header{padding:34px 42px 24px;background:linear-gradient(135deg,#142b46,#284a70);color:#fff}.bt-survey header>span,.bt-step-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#54c9ab}.bt-survey h1{font-size:30px;margin:8px 0 20px;color:#fff}.bt-progress{height:6px;background:#ffffff2b;border-radius:9px;overflow:hidden}.bt-progress i{display:block;width:20%;height:100%;background:#f2be3f;transition:.3s}.bt-progress-label{font-size:12px;margin:8px 0 0}.bt-survey form,.bt-result section{padding:36px 42px}.bt-step{display:none;animation:btFade .25s ease}.bt-step.is-active{display:block}.bt-step h2{font-size:25px;margin:8px 0}.bt-step>p{color:#66758a}.bt-step label{display:grid;gap:7px;font-weight:700;font-size:14px;margin:18px 0}.bt-step input,.bt-step select{width:100%;box-sizing:border-box;border:1px solid #cfd8e5;border-radius:10px;padding:12px;background:#fff;font:inherit;color:#16263a}.bt-step input:focus,.bt-step select:focus{border-color:var(--bt-blue);outline:3px solid #3157e817}.bt-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.bt-wide{grid-column:1/-1}.bt-check{display:flex!important;align-items:center;gap:10px!important}.bt-check input{width:auto}.bt-return.is-hidden{display:none}.bt-leg{border:1px solid #dbe3ec;border-radius:14px;margin:18px 0;padding:8px 18px}.bt-leg legend{font-weight:800;padding:0 8px}.bt-occupancy{display:none!important}.bt-occupancy.is-visible{display:grid!important}.bt-privacy{background:#eef8f5;border-left:4px solid var(--bt-green);padding:14px 16px;border-radius:8px;margin-top:22px}.bt-privacy p{margin:4px 0}.bt-survey footer{display:flex;justify-content:space-between;border-top:1px solid #e6ebf1;padding-top:24px;margin-top:28px}.bt-survey button,.bt-survey-button{border:0;border-radius:10px;padding:12px 20px;font-weight:800;text-decoration:none;cursor:pointer}.bt-prev{background:#edf1f6;color:#33455a}.bt-next,.bt-submit,.bt-survey-button{background:var(--bt-blue);color:#fff}.bt-submit{display:none}.bt-inline-error{background:#fff0f0;color:#9f2929;padding:12px;border-radius:8px}.bt-result{text-align:center}.bt-result-icon{width:85px;height:85px;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;font-weight:900;color:#fff;background:var(--bt-amber)}.bt-result-icon.is-baja{background:var(--bt-green)}.bt-result-icon.is-alta{background:var(--bt-red)}.bt-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.bt-result-grid article{background:var(--bt-bg);padding:18px;border-radius:12px}.bt-result-grid strong,.bt-result-grid span{display:block}.bt-result-grid strong{font-size:23px}.bt-survey-access{padding:24px;border-radius:16px;background:#f3f6fa}.bt-url{font-size:12px;word-break:break-all}.bt-report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}.bt-report-card,.bt-recommend{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:20px}.bt-bar{display:grid;grid-template-columns:110px 1fr 24px;gap:8px;align-items:center;margin:12px 0;font-size:13px}.bt-bar i{height:9px;background:#e8edf3;border-radius:9px;overflow:hidden}.bt-bar b{display:block;height:100%;background:linear-gradient(90deg,#3157e8,#22a580)}@keyframes btFade{from{opacity:0;transform:translateY(5px)}}@media(max-width:650px){.bt-survey{margin:10px;border-radius:14px}.bt-survey header,.bt-survey form,.bt-result section{padding:25px 20px}.bt-fields,.bt-result-grid,.bt-report-grid{grid-template-columns:1fr}.bt-bar{grid-template-columns:90px 1fr 20px}}
.bt-survey-access{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px 28px;align-items:center;margin:24px 0}.bt-survey-access h3,.bt-survey-access>p,.bt-survey-access>.bt-survey-button,.bt-survey-access>.bt-url{grid-column:1}.bt-survey-access .bt-qr{grid-column:2;grid-row:1/5;background:#fff;padding:5px;border-radius:10px;justify-self:end}.bt-survey-access .bt-qr img,.bt-survey-access .bt-qr canvas{display:block;max-width:100%;height:auto!important}@media(max-width:650px){.bt-survey-access{grid-template-columns:1fr}.bt-survey-access .bt-qr{grid-column:1;grid-row:auto;justify-self:start}}
