/* ---------- Franja de encuentros (portada) ---------- */
.strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 32px;text-decoration:none;color:var(--text);padding:24px 28px;border-color:var(--line-strong);transition:border-color .2s ease}
.strip:hover{color:var(--text);border-color:rgba(0,156,222,.6)}
.strip-copy{display:grid;gap:6px;min-width:0}
.strip-kicker{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.strip-kicker .flag-mini{display:flex;width:26px;height:4px;border-radius:1px;overflow:hidden}
.strip-kicker .flag-mini i{display:block;height:100%;flex:1}
.strip-kicker .flag-mini i:nth-child(1){background:#006847}
.strip-kicker .flag-mini i:nth-child(2){background:#fff}
.strip-kicker .flag-mini i:nth-child(3){background:#CE1126}
.strip-title{font:800 clamp(24px,2.6vw,34px)/1.05 var(--display);letter-spacing:-.02em}
.strip .ticket-meta{margin-top:2px}
.strip-side{display:grid;justify-items:end;gap:12px}
.strip-days{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.strip-days b{font:500 clamp(34px,3.4vw,48px)/1 var(--display);letter-spacing:-.02em;color:var(--blue)}
.strip-days span{font:600 12px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);max-width:13ch}
.strip-go{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:999px;background:var(--text);color:var(--blue-ink);font:700 15px/1 var(--display);white-space:nowrap;transition:transform .16s var(--ease-out),background-color .2s ease}
.strip:active .strip-go{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.strip:hover .strip-go{background:#fff}.strip:hover .strip-go .ico{transform:translateX(3px)}}
.strip-go .ico{transition:transform .2s var(--ease-out)}
@media (max-width:860px){.strip{grid-template-columns:1fr}.strip-side{justify-items:start;grid-auto-flow:column;align-items:center;justify-content:space-between}}
@media (max-width:640px){.strip{padding:20px 18px}.strip-side{grid-auto-flow:row}.strip-go{width:100%;justify-content:center}}

/* ---------- Cuestionario ---------- */
.quiz-card{position:relative;min-height:540px;display:flex;flex-direction:column}
.q-progress{display:grid;gap:10px;margin-bottom:28px}
.q-count{font:600 13px/1 var(--body);letter-spacing:.04em;color:var(--faint);font-variant-numeric:tabular-nums}
.q-bar{display:block;height:4px;border-radius:2px;background:rgba(214,232,244,.08);overflow:hidden}
.q-bar i{display:block;height:100%;width:100%;background:var(--blue);border-radius:2px;transform-origin:left;transform:scaleX(.125);transition:transform .35s var(--ease-out)}
.q-stage{flex:1}
.q-step{border:0;margin:0;padding:0;min-width:0}
.q-step.is-entering{opacity:0;transform:translateY(8px)}
.q-step{transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}
.q-title{font:700 clamp(22px,2.2vw,28px)/1.18 var(--display);letter-spacing:-.015em;margin:0 0 8px;padding:0;text-wrap:balance}
.q-help{color:var(--muted);font-size:15px;margin:0 0 20px;max-width:52ch}
.q-help b{color:var(--text);font-weight:600}
.q-step .choices{margin-top:18px}
.q-step .choice{grid-template-columns:auto 1fr}
.q-sub{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:var(--r-field);background:rgba(6,16,25,.5)}
.q-sub:not([hidden]){animation:refIn .24s var(--ease-out)}
.q-sub .label{display:block;margin-bottom:10px}
.q-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}
.q-nav [hidden]{display:none}
.q-nav #qBack[disabled]{visibility:hidden}

.q-result{outline:none}
.q-result:not([hidden]){animation:refIn .3s var(--ease-out)}
.verdict{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:20px}
.v-ico{width:44px;height:44px;margin-bottom:16px;color:var(--green-soft)}
.verdict.is-warn .v-ico{color:#F1BF00}
.verdict.is-no .v-ico{color:var(--danger)}
.verdict h3{font:800 clamp(28px,3vw,40px)/1.05 var(--display);letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}
.verdict p{margin:0;color:var(--muted);max-width:50ch}
.v-items{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-items li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:15px;color:#D5E1E9}
.v-items li::before{content:"";width:8px;height:8px;border-radius:50%;margin-top:8px;background:var(--green-soft)}
.v-items li.warn::before{background:#F1BF00}
.v-items li.no::before{background:var(--danger)}
.v-note{margin:18px 0 30px;font-size:13px;color:var(--faint)}
#leadForm .legend{margin-bottom:16px}
.q-wa{font:600 14px/1.3 var(--body);color:var(--muted)}
.q-wa:hover{color:#3BE077}
.q-restart{margin-top:22px;background:none;border:0;padding:6px 0;font:500 14px/1 var(--body);color:var(--faint);text-decoration:underline;text-underline-offset:.22em;cursor:pointer}
.q-restart:hover{color:var(--text)}
.quiz .done{margin-top:6px}
.quiz-card.is-sent #leadForm{display:none}
.quiz-card.is-sent .done{display:block}
@media (prefers-reduced-motion:reduce){
  .q-step,.q-bar i{transition:opacity .2s ease}
  .q-step.is-entering{transform:none}
  .q-result:not([hidden]),.q-sub:not([hidden]){animation:none}
}
@media (max-width:640px){.quiz-card{min-height:0}.submit-row{flex-direction:column-reverse;align-items:stretch;text-align:center}}