/* MKP Quiz Arquetipos — estilos encapsulados en #aq-app */
#aq-app{
  --aq-bg:#1a1423; --aq-card:#241b30; --aq-card2:#2e2340;
  --aq-text:#f0eaf6; --aq-muted:#a898bf; --aq-gold:#d4a94e;
  --aq-flat:#6d8fb5; --aq-mature:#5fb8a5; --aq-inflated:#e0607e;
  font-family:Georgia,'Times New Roman',serif;
  background:var(--aq-bg); color:var(--aq-text);
  max-width:720px; margin:0 auto; padding:28px 18px;
  border-radius:20px; line-height:1.4;
}
#aq-app *, #aq-app *::before, #aq-app *::after{box-sizing:border-box; margin:0; padding:0;}
#aq-app .aq-h1{font-size:1.9rem; text-align:center; letter-spacing:.5px; font-weight:bold;}
#aq-app .aq-subtitle{text-align:center; color:var(--aq-muted); margin:8px 0 22px; font-style:italic;}
#aq-app .aq-card{
  background:var(--aq-card); border:1px solid #3a2d4e; border-radius:16px;
  padding:28px; box-shadow:0 8px 24px rgba(0,0,0,.35);
}
#aq-app .aq-hidden{display:none;}
#aq-app .aq-btn{
  display:inline-block; background:#9b7fd4; color:#fff; border:none;
  font-family:inherit; font-size:1.05rem; padding:12px 28px; border-radius:10px;
  cursor:pointer; transition:transform .1s, background .2s; text-transform:none; letter-spacing:normal;
}
#aq-app .aq-btn:hover{background:#8a6cc7; transform:translateY(-1px); color:#fff;}
#aq-app .aq-btn.aq-secondary{background:transparent; border:1px solid var(--aq-muted); color:var(--aq-muted);}
#aq-app .aq-btn.aq-secondary:hover{color:var(--aq-text); border-color:var(--aq-text); background:transparent;}
#aq-app .aq-center{text-align:center;}
#aq-app .aq-arch-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
@media (max-width:540px){#aq-app .aq-arch-grid{grid-template-columns:1fr;}}
#aq-app .aq-arch-card{
  background:var(--aq-card); border:1px solid #3a2d4e; border-radius:14px;
  padding:20px; cursor:pointer; transition:all .15s; position:relative;
}
#aq-app .aq-arch-card:hover{transform:translateY(-2px); border-color:var(--aq-accent,#9b7fd4);}
#aq-app .aq-arch-card.aq-locked{cursor:default; opacity:.55;}
#aq-app .aq-arch-card.aq-locked:hover{transform:none; border-color:#3a2d4e;}
#aq-app .aq-arch-icon{font-size:1.7rem; margin-bottom:6px;}
#aq-app .aq-arch-name{font-size:1.25rem; margin-bottom:4px; font-weight:bold;}
#aq-app .aq-arch-trait{color:var(--aq-muted); font-size:.85rem; line-height:1.4; font-style:italic; min-height:2.4em;}
#aq-app .aq-arch-status{font-family:sans-serif; font-size:.75rem; margin-top:12px; color:var(--aq-muted);}
#aq-app .aq-arch-status .aq-go{color:var(--aq-accent,#9b7fd4);}
#aq-app .aq-mini-bars{display:flex; gap:4px; margin-top:10px; height:8px;}
#aq-app .aq-mini-bars div{border-radius:4px;}
#aq-app .aq-soon-badge{
  position:absolute; top:14px; right:14px; font-family:sans-serif; font-size:.65rem;
  text-transform:uppercase; letter-spacing:1px; color:var(--aq-gold);
  border:1px solid var(--aq-gold); border-radius:20px; padding:3px 9px;
}
#aq-app .aq-panorama{margin-top:18px;}
#aq-app .aq-panorama .aq-h2{font-size:1.1rem; color:var(--aq-gold); margin-bottom:4px; text-align:center; font-weight:bold;}
#aq-app .aq-hint{color:var(--aq-muted); font-size:.82rem; text-align:center; font-family:sans-serif; margin-bottom:14px;}
#aq-app table.aq-hist{width:100%; border-collapse:collapse; font-family:sans-serif; font-size:.85rem;}
#aq-app table.aq-hist th, #aq-app table.aq-hist td{padding:8px 6px; text-align:center; border-bottom:1px solid #3a2d4e; border-left:none; border-right:none; border-top:none;}
#aq-app table.aq-hist th{color:var(--aq-muted); font-weight:normal;}
#aq-app table.aq-hist td:first-child, #aq-app table.aq-hist th:first-child{text-align:left;}
#aq-app tr.aq-histrow{cursor:pointer;}
#aq-app tr.aq-histrow:hover td{background:#2e2340;}
#aq-app .aq-dot{display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px;}
#aq-app .aq-quiz-arch-name{text-align:center; font-size:1.3rem; margin-bottom:2px; font-weight:bold;}
#aq-app .aq-quiz-arch-trait{text-align:center; color:var(--aq-gold); font-size:.85rem; margin-bottom:18px;}
#aq-app .aq-progress-track{height:6px; background:var(--aq-card2); border-radius:3px; margin-bottom:20px; overflow:hidden;}
#aq-app .aq-progress-fill{height:100%; width:0%; transition:width .3s; background:linear-gradient(90deg,#9b7fd4,#e0607e);}
#aq-app .aq-qcount{color:var(--aq-muted); font-size:.85rem; text-align:center; margin-bottom:16px; font-family:sans-serif;}
#aq-app .aq-statement{font-size:1.3rem; line-height:1.5; text-align:center; min-height:100px; display:flex; align-items:center; justify-content:center;}
#aq-app .aq-scale{display:flex; gap:10px; margin:26px 0 10px; justify-content:center; flex-wrap:wrap;}
#aq-app .aq-scale button{
  flex:1; min-width:88px; max-width:118px; background:var(--aq-card2); color:var(--aq-text);
  border:1px solid #453560; border-radius:10px; padding:12px 6px; cursor:pointer;
  font-family:sans-serif; font-size:.8rem; line-height:1.3; transition:all .15s;
}
#aq-app .aq-scale button b{display:block; font-size:1.2rem; margin-bottom:4px;}
#aq-app .aq-scale button:hover{border-color:#9b7fd4; background:#382952; transform:translateY(-2px);}
#aq-app .aq-scale button.aq-selected{border-color:var(--aq-inflated); background:#4a2a3d;}
#aq-app .aq-nav{display:flex; justify-content:space-between; margin-top:18px;}
#aq-app .aq-nav button{background:none; border:none; color:var(--aq-muted); font-family:inherit; font-size:.95rem; cursor:pointer;}
#aq-app .aq-nav button:hover{color:var(--aq-text); background:none;}
#aq-app .aq-result-title{text-align:center; font-size:1.5rem; margin-bottom:6px; font-weight:bold;}
#aq-app .aq-result-date{text-align:center; color:var(--aq-muted); font-size:.85rem; margin-bottom:22px; font-family:sans-serif;}
#aq-app .aq-bar-row{margin-bottom:18px;}
#aq-app .aq-bar-label{display:flex; justify-content:space-between; font-family:sans-serif; font-size:.9rem; margin-bottom:6px;}
#aq-app .aq-bar-label .aq-pct{font-weight:bold;}
#aq-app .aq-bar-track{height:14px; background:var(--aq-card2); border-radius:7px; overflow:hidden;}
#aq-app .aq-bar-fill{height:100%; border-radius:7px; width:0%; transition:width .8s ease;}
#aq-app .aq-interpretation{
  background:var(--aq-card2); border-left:3px solid var(--aq-gold); border-radius:8px;
  padding:16px 18px; margin:22px 0; line-height:1.6; color:#ddd2ea; font-size:.98rem;
}
#aq-app .aq-top-items{margin-top:20px;}
#aq-app .aq-top-items .aq-h3{font-size:1rem; color:var(--aq-gold); margin-bottom:10px; font-weight:bold;}
#aq-app .aq-top-items li{color:var(--aq-muted); margin:6px 0 6px 20px; line-height:1.4; font-size:.92rem; list-style:disc;}
#aq-app details.aq-det{margin-top:22px; font-family:sans-serif;}
#aq-app details.aq-det summary{cursor:pointer; color:var(--aq-gold); font-size:.95rem; outline:none;}
#aq-app details.aq-det .aq-det-cat{color:var(--aq-text); font-size:.88rem; margin:14px 0 6px; font-weight:bold;}
#aq-app details.aq-det .aq-det-item{color:var(--aq-muted); font-size:.85rem; margin:3px 0 3px 8px; line-height:1.4;}
#aq-app .aq-lore{margin-top:22px;}
#aq-app .aq-lore .aq-h3{font-size:1rem; color:var(--aq-gold); margin-bottom:10px; font-weight:bold;}
#aq-app .aq-lore-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
@media (max-width:540px){#aq-app .aq-lore-grid{grid-template-columns:1fr;}}
#aq-app .aq-lore-card{background:var(--aq-card2); border-radius:10px; padding:14px 16px; font-family:sans-serif; font-size:.85rem; line-height:1.5;}
#aq-app .aq-lore-card p{margin:0 0 8px; color:#ddd2ea;}
#aq-app .aq-lore-title{color:var(--aq-gold); font-weight:bold; margin-bottom:8px; font-size:.9rem;}
#aq-app .aq-lore-small{color:var(--aq-muted); font-size:.78rem; font-style:italic;}
#aq-app .aq-actions{display:flex; gap:12px; justify-content:center; margin-top:26px; flex-wrap:wrap;}
#aq-app .aq-history{margin-top:26px;}
#aq-app .aq-history .aq-h3{font-size:1rem; color:var(--aq-muted); margin-bottom:10px; font-family:sans-serif; font-weight:bold;}
#aq-app .aq-footer{text-align:center; color:#6d5f80; font-size:.78rem; margin-top:22px; font-family:sans-serif; line-height:1.5;}