.perception-recall{max-width:1040px;margin:0 auto;padding:24px 32px 28px;border:1px solid #a3b98055;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#4c715333,transparent 65%),#0c3027;box-shadow:inset 0 0 0 6px #25453666,0 24px 45px #001b1633}.recall-topline{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.13em;color:#bdceac;padding:3px 0 20px;border-bottom:1px solid #a0b97b33}.recall-topline>span:last-child{color:#d6e6b4}.recall-heading{text-align:center;margin:25px auto 30px;max-width:750px}.recall-steps{display:flex;justify-content:center;gap:24px;margin-bottom:25px}.recall-steps>span{position:relative;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #7b9662;color:#b5c6a2;font-size:10px}.recall-steps>span:not(:last-child):after{content:"";position:absolute;left:36px;width:17px;height:1px;background:#7b966266}.recall-steps .current{color:#153e2d;background:#c4e76a;border-color:#c4e76a;box-shadow:0 0 0 5px #c4e76a12}.recall-steps .complete{background:#35583b;color:#e2edc8}.recall-heading .eyebrow{font-size:9px;color:#bfd49d}.recall-heading h1{font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.045em;margin:12px 0}.recall-heading p{font-size:14px;color:#c5d2b9;line-height:1.6;margin:12px 0}
[data-visual="percepcion"] .answer-board.perception-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;border:0;background:none;box-shadow:none}
[data-visual="percepcion"] .perception-choices .perception-choice{display:flex;flex-direction:column;gap:0;position:relative;min-height:225px;padding:16px 14px 18px;border:1px solid #9caf7f66;border-radius:18px;color:#f4f0dc;background:linear-gradient(135deg,#385a4522,#183d31);box-shadow:inset 0 1px 0 #d5e5af22,0 6px 0 #061e18;transition:transform .18s,background .18s,box-shadow .18s;overflow:hidden}
.choice-corner{width:100%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#bfd0ac;margin-bottom:15px}.choice-corner>span{font-size:16px;line-height:1}
[data-visual="percepcion"] .perception-choice .choice-number{font-size:58px;line-height:1;font-weight:800;letter-spacing:-.05em;text-shadow:0 3px 0 #001d18}
.choice-unit{font-size:12px;margin-top:6px;color:#d1dec4}
[data-visual="percepcion"] .perception-choice .people-count{margin:16px 0;gap:4px;min-height:24px;max-width:100%;flex-wrap:nowrap}
[data-visual="percepcion"] .perception-choice .people-count svg{width:13px;height:24px;fill:#acc685}
[data-visual="percepcion"] .perception-choice>small{margin-top:auto;padding-top:12px;border-top:1px solid #b8cd8d33;width:100%;font-size:10px;color:#c5d9ac}
[data-visual="percepcion"] .perception-choices .perception-choice[aria-pressed=true]{background:linear-gradient(135deg,#dbf49f,#b8da67);color:#173d2d;border-color:#e6ffb2;outline:2px solid #c4e76a;outline-offset:3px;box-shadow:0 6px 0 #729141,0 0 24px #c4e76a17;transform:translateY(-3px)}
[data-visual="percepcion"] .perception-choice[aria-pressed=true] .choice-number{text-shadow:none}
[data-visual="percepcion"] .perception-choice[aria-pressed=true] :is(.choice-corner,.choice-unit,small){color:#31512f}
[data-visual="percepcion"] .perception-choice[aria-pressed=true] svg{fill:#426834}
.choice-detail{display:grid;place-items:center;width:60px;height:60px;border:1px solid #aec68655;border-radius:50%;font-size:25px;color:#c4e76a;margin:5px 0 18px;background:#082d2344}
[data-visual="percepcion"] .perception-choice .choice-name{font-size:23px;margin:0 0 20px;line-height:1.2}
.recall-confirm{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 0;margin-top:27px;border-top:1px solid #9db47d44}.recall-confirm>div{display:flex;flex-direction:column;gap:6px}.recall-confirm .eyebrow{font-size:8px;color:#aebf98}.recall-confirm strong{font-size:17px;font-weight:650}.recall-confirm small{font-size:11px;color:#bfcead}.recall-confirm .primary{font-size:12px;min-height:52px}.recall-confirm .primary:disabled{opacity:1;background:#304b37;color:#b5c49f;box-shadow:none}
@media(max-width:700px){.perception-recall{padding:20px 16px;border-radius:20px}.recall-topline{font-size:8px;letter-spacing:.05em;gap:10px;line-height:1.5}.recall-topline span:last-child{text-align:right}.recall-heading{margin:22px 0}.recall-heading h1{font-size:30px}.recall-heading p{font-size:12px}.recall-steps{margin-bottom:22px}[data-visual="percepcion"] .answer-board.perception-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}[data-visual="percepcion"] .perception-choices .perception-choice{min-height:180px;padding:12px 10px}.choice-corner{margin-bottom:10px}[data-visual="percepcion"] .perception-choice .choice-number{font-size:44px}[data-visual="percepcion"] .perception-choice .people-count{gap:2px;margin:10px 0}[data-visual="percepcion"] .perception-choice .people-count svg{width:10px;height:18px}.recall-confirm{flex-direction:column;align-items:stretch;gap:18px}.recall-confirm .primary{width:100%;font-size:11px}.choice-detail{width:44px;height:44px;margin:0 0 12px;font-size:20px}[data-visual="percepcion"] .perception-choice .choice-name{font-size:19px}}