/* App ligera 10.2: instalación, retos y accesibilidad táctil. */
.install-switch{min-width:65px;min-height:40px;border:1px solid #638b7d;color:#c9f5d9;background:#183a36;font-size:12px;font-weight:850}
.app-promo{display:flex;align-items:center;gap:17px;padding:16px 19px;margin-bottom:20px;border:1px solid #508e85;border-radius:17px;background:linear-gradient(105deg,#153b37,#102b35);box-shadow:0 13px 25px #0002}
.app-promo-mark,.app-icon-large{flex:none;display:grid;place-items:center;color:#b8f4ac;background:radial-gradient(circle at 35% 25%,#296e65,#12312f 75%);border:1px solid #6cb5a1;font-weight:900;box-shadow:0 0 0 6px #77e3c40a}
.app-promo-mark{width:46px;height:46px;border-radius:13px;font-size:29px}.app-icon-large{width:94px;height:94px;border-radius:25px;font-size:61px}
.app-promo>div:nth-child(2){flex:1;min-width:0}.app-promo strong{font-size:15px}.app-promo p{font-size:12px;color:var(--muted);margin:3px 0 0}.app-promo>.btn{flex:none}
.app-install-head{margin-bottom:28px}.app-hero-card{border:1px solid #3b8b7a;border-radius:22px;padding:34px;display:flex;align-items:center;gap:26px;background:linear-gradient(120deg,#173f3a,#112d3a);margin-bottom:18px}
.app-hero-card h2{font-size:clamp(21px,2.8vw,32px);line-height:1.2;margin:6px 0 12px}.app-hero-card .note{line-height:1.8;max-width:730px}.app-hero-card .actions{margin-top:18px}
.app-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.app-benefits .card{display:flex;flex-direction:column;gap:10px}.app-benefits .card h2{font-size:19px;margin:0}.app-benefits .card p{font-size:12px;line-height:1.6;margin:0;flex:1}.app-benefits .chip{align-self:flex-start;margin-top:8px;white-space:normal}.app-stat-icon{font-size:26px;color:var(--mint)}
.app-storage,.app-study-ideas{margin-top:18px}.app-store-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.app-store-row strong,.app-store-row small{display:block}.app-store-row small{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px;max-width:650px}.app-store-buttons{display:flex;gap:8px;flex-wrap:wrap}.app-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-study-grid>div{border:1px solid #43625f;border-radius:14px;padding:17px;background:#122e34;display:flex;flex-direction:column}.app-study-grid strong{font-size:15px}.app-study-grid p{font-size:12px;line-height:1.6;flex:1}.app-study-grid button{align-self:flex-start}
.install-dialog{border:1px solid #65a992;border-radius:21px;background:#102630;color:var(--white);width:min(530px,calc(100vw - 26px));padding:25px;box-shadow:0 24px 90px #000b}.install-dialog::backdrop{background:#031017d9;backdrop-filter:blur(4px)}.install-dialog-top{display:flex;align-items:center;gap:16px}.install-dialog-top .app-icon-large{width:58px;height:58px;border-radius:17px;font-size:37px}.install-dialog-top h2{font-size:22px;line-height:1.3;margin:5px 0}.install-dialog-top button{margin-left:auto}.install-dialog p{line-height:1.75}.install-dialog .actions{display:flex;gap:10px;flex-wrap:wrap}
.quick-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 13px}.quick-clock{font-size:30px;font-variant-numeric:tabular-nums;color:var(--mint)}.quick-progress{height:7px;background:#304b52;border-radius:6px;overflow:hidden;margin-bottom:20px}.quick-progress>span{display:block;height:100%;background:var(--mint);transition:width .2s ease}.quick-question{padding:25px 27px 0;margin:0;font-size:clamp(19px,2.6vw,28px);line-height:1.45}.quick-footer{padding:0 28px 24px;display:flex;justify-content:flex-end}.quick-summary{text-align:center;max-width:680px}.quick-summary strong{display:block;font-size:68px;line-height:1.3;color:var(--mint)}.quick-summary .actions{justify-content:center}
@media(max-width:970px){.app-benefits{grid-template-columns:1fr 1fr}.app-study-grid{grid-template-columns:1fr}.app-promo{align-items:flex-start}.app-hero-card{padding:24px}}
@media(max-width:650px){.app-promo{gap:12px;flex-wrap:wrap}.app-promo>.btn{width:100%}.app-benefits{grid-template-columns:1fr}.app-hero-card{display:block}.app-hero-card>.app-icon-large{margin-bottom:23px}.app-store-row{align-items:stretch;flex-direction:column}.app-store-buttons button{flex:1}.install-switch{min-width:53px;font-size:11px;padding:7px}.quick-question{padding:19px 20px 0}}
@media(max-width:380px){.install-switch{min-width:45px;padding:6px}.install-dialog{padding:19px}.app-hero-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.quick-progress>span{transition:none}}

/* Cabecera compacta: no forzar un ancho mayor que 320px. */
@media(max-width:375px){.top-location{display:none}.topbar{justify-content:flex-end;padding:0 10px}.top-controls{margin-left:auto;gap:4px}.install-switch{padding:6px;min-width:46px}.app-promo-mark{width:38px;height:38px}.quick-top{gap:7px}.quick-top .chip{font-size:9px}}