/* ═══════════════════════════════════════════
   De Niro Extranjería — Quiz + Asistente CSS
   Mobile-first • Card-based options • Progress bar
   ═══════════════════════════════════════════ */

.te-qa-app{max-width:var(--max-w,1180px);margin:0 auto 2rem;font-family:inherit}

/* Progress bar */
.te-qa-progress{height:6px;background:var(--border-light,#E2E8F0);border-radius:99px;margin-bottom:1.75rem;overflow:hidden}
.te-qa-bar{height:100%;background:linear-gradient(90deg,var(--primary,#0C4B8E),#2563EB);border-radius:99px;transition:width .4s ease}
.te-qa-stepn{font-size:.75rem;color:var(--text-3,#94A3B8);text-align:center;margin-bottom:.5rem}

/* Question */
.te-qa-question{font-size:1.15rem;font-weight:700;text-align:center;color:var(--text-1,#0C1929);margin-bottom:.35rem;line-height:1.4}
.te-qa-subdesc{font-size:.85rem;color:var(--text-3,#64748B);text-align:center;margin-bottom:1.25rem}

/* Option cards grid */
.te-qa-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%;margin-bottom:1rem}
@media(max-width:480px){.te-qa-opts{grid-template-columns:1fr}}
.te-qa-opts.single-col{grid-template-columns:1fr}

.te-qa-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.85rem .75rem;background:#F8FAFC;border:2px solid #CBD5E1;border-radius:12px;cursor:pointer;transition:all .22s;text-align:center;min-height:70px}
.te-qa-opt:hover{border-color:var(--primary,#0C4B8E);background:#EFF6FF;transform:translateY(-2px);box-shadow:0 4px 12px rgba(12,75,142,.08)}
.te-qa-opt.selected{border-color:var(--primary,#0C4B8E);background:#DBEAFE;transform:scale(.97)}
.te-qa-opt-icon{font-size:1.65rem;line-height:1}
.te-qa-opt-text{font-weight:700;font-size:.88rem;color:var(--text-1,#0C1929)}
.te-qa-opt-sub{font-size:.72rem;color:var(--text-3,#94A3B8);line-height:1.3}

/* City autocomplete */
.te-qa-input{width:100%;padding:.75rem 1rem;border:2px solid #CBD5E1;border-radius:10px;font-size:.95rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}
.te-qa-input:focus{outline:none;border-color:var(--primary,#0C4B8E);box-shadow:0 0 0 3px rgba(12,75,142,.1)}
.te-qa-city-list{max-height:200px;overflow-y:auto;border:1px solid #E2E8F0;border-radius:8px;margin-top:.35rem;display:none}
.te-qa-city-list.open{display:block}
.te-qa-city-item{padding:.6rem .85rem;cursor:pointer;font-size:.9rem;transition:background .15s}
.te-qa-city-item:hover{background:#EFF6FF}
.te-qa-city-item.selected{background:#DBEAFE;font-weight:600}

/* Back button */
.te-qa-back{display:inline-flex;align-items:center;gap:.25rem;font-size:.82rem;color:var(--text-3,#94A3B8);cursor:pointer;margin-bottom:1rem;border:none;background:none;padding:.35rem 0;font-family:inherit;transition:color .2s}
.te-qa-back:hover{color:var(--primary,#0C4B8E)}

/* Slide animation */
.te-qa-step{animation:teQaSlideIn .3s ease}
@keyframes teQaSlideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}

/* ═══════════════════════════════════════════
   RESULT SCREEN
   ═══════════════════════════════════════════ */

.te-qa-result{animation:teQaFadeIn .5s ease}
@keyframes teQaFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}

.te-qa-result-header{text-align:center;margin-bottom:1.5rem}
.te-qa-result-label{font-size:.8rem;color:var(--text-3,#64748B);margin-bottom:.25rem}
.te-qa-result-icon{font-size:2.5rem;margin-bottom:.5rem}
.te-qa-result-name{font-size:1.5rem;font-weight:800;color:var(--primary,#0C4B8E);margin:.25rem 0}
.te-qa-result-desc{font-size:.9rem;color:var(--text-2,#4A5568);line-height:1.6;max-width:520px;margin:0 auto}

/* Quick info cards */
.te-qa-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.25rem 0}
@media(max-width:480px){.te-qa-result-stats{grid-template-columns:1fr}}
.te-qa-result-stat{background:var(--bg-soft,#F7FAFC);border:1px solid var(--border-light,#E2E8F0);border-radius:10px;padding:.75rem;text-align:center}
.te-qa-result-stat-val{font-size:1rem;font-weight:700;color:var(--primary,#0C4B8E)}
.te-qa-result-stat-label{font-size:.72rem;color:var(--text-3,#94A3B8);margin-top:.15rem}

/* CTA button */
.te-qa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.8rem 2rem;font-size:1rem;font-weight:700;border-radius:12px;background:var(--primary,#0C4B8E);color:#fff;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .1s;font-family:inherit}
.te-qa-btn:hover{background:#093a6e;color:#fff}
.te-qa-btn:active{transform:scale(.97)}
.te-qa-btn-secondary{background:transparent;border:2px solid var(--primary,#0C4B8E);color:var(--primary,#0C4B8E)}
.te-qa-btn-secondary:hover{background:var(--primary,#0C4B8E);color:#fff}
.te-qa-btn-accent{background:var(--accent,#1B8F5A)}
.te-qa-btn-accent:hover{background:#157a4a}

/* Cross-links */
.te-qa-crosslinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin:1.25rem 0}
.te-qa-crosslink{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:var(--bg-soft,#F7FAFC);border:1px solid var(--border-light,#E2E8F0);border-radius:8px;text-decoration:none;color:var(--text-1,#1a1a2e);font-size:.82rem;font-weight:500;transition:border-color .2s}
.te-qa-crosslink:hover{border-color:var(--primary,#0C4B8E)}

/* Lead capture box */
.te-qa-lead{background:var(--bg-soft,#F7FAFC);border:1px solid var(--border-light,#E2E8F0);border-radius:12px;padding:1.25rem;margin-top:1.5rem}
.te-qa-lead-title{font-weight:700;font-size:.95rem;display:block;margin-bottom:.15rem;color:var(--text-1,#0C1929)}
.te-qa-lead-sub{font-size:.82rem;color:var(--text-3,#64748B);margin-bottom:.75rem}
.te-qa-lead input[type=text],.te-qa-lead input[type=email],.te-qa-lead input[type=tel]{width:100%;padding:.6rem .8rem;border:1.5px solid #CBD5E1;border-radius:8px;font-size:.9rem;margin-bottom:.4rem;box-sizing:border-box;font-family:inherit}
.te-qa-lead-gdpr{font-size:.73rem;color:var(--text-3,#718096);margin:.25rem 0;display:flex;align-items:start;gap:.35rem}
.te-qa-lead-gdpr input{margin-top:3px}
.te-qa-lead button{width:100%;padding:.7rem;background:var(--primary,#0C4B8E);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem;margin-top:.5rem;font-family:inherit}
.te-qa-lead button:disabled{opacity:.5;cursor:default}
.te-qa-lead-msg{margin-top:.5rem;font-size:.85rem;text-align:center}

/* Upsell to asistente */
.te-qa-upsell{border:2px dashed var(--border-light,#CBD5E1);border-radius:12px;padding:1.25rem;text-align:center;margin-top:1.25rem}
.te-qa-upsell p{font-size:.88rem;color:var(--text-2,#4A5568);margin:0 0 .65rem}

/* Asistente: sidebar summary (desktop) */
.te-qa-asist-wrap{display:grid;grid-template-columns:1fr 240px;gap:1.5rem}
@media(max-width:700px){.te-qa-asist-wrap{grid-template-columns:1fr} .te-qa-asist-sidebar{display:none}}
.te-qa-asist-sidebar{background:var(--bg-soft,#F7FAFC);border:1px solid var(--border-light,#E2E8F0);border-radius:12px;padding:1rem;align-self:start;position:sticky;top:1rem}
.te-qa-asist-sidebar h4{font-size:.8rem;color:var(--text-3,#94A3B8);margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.05em}
.te-qa-sidebar-item{display:flex;gap:.4rem;font-size:.8rem;margin-bottom:.4rem;color:var(--text-2,#4A5568)}
.te-qa-sidebar-item .label{color:var(--text-3,#94A3B8);min-width:60px}
.te-qa-sidebar-item .value{font-weight:600;color:var(--text-1,#0C1929)}

/* Urgency alert */
.te-qa-alert{background:#FEF2F2;border:2px solid #FCA5A5;border-radius:10px;padding:1rem;margin:1rem 0;display:flex;align-items:start;gap:.65rem}
.te-qa-alert-icon{font-size:1.4rem;flex-shrink:0}
.te-qa-alert-text{font-size:.85rem;color:#991B1B;line-height:1.5}

/* Diagnosis probability badge */
.te-qa-prob{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;margin:.75rem 0}
.te-qa-prob.alta{background:#F0FDF4;color:#166534;border:1.5px solid #86EFAC}
.te-qa-prob.media{background:#FFFBEB;color:#92400E;border:1.5px solid #FDE68A}
.te-qa-prob.baja{background:#FEF2F2;color:#991B1B;border:1.5px solid #FCA5A5}