/* Experiencia móvil: controles grandes, una sola columna y sin desbordamiento lateral. */
@media(max-width:700px){body{min-height:100dvh}.header{position:relative;height:62px;padding:0 1rem}.brand{font-size:1rem;white-space:nowrap}.brand b{width:30px!important;height:30px!important;font-size:.85rem!important}.admin-link{font-size:.78rem}.student-nav{gap:.55rem!important}.student-profile b{width:31px;height:31px;font-size:.68rem}.student-profile span{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.student-logout{font-size:.72rem;padding-left:.55rem}.hero-reference{padding:2.25rem 1rem 2.6rem;gap:1.8rem}.hero-reference:before{width:180px;height:180px;right:-100px;top:35px}.hero-reference:after{width:75px;height:120px;bottom:50px;background-size:14px 14px}.hero-tag{margin-bottom:1rem;font-size:.62rem}.hero-reference h1{font-size:clamp(2.6rem,12vw,3.35rem);line-height:1.08}.hero-reference .lead{font-size:.9rem;line-height:1.55}.hero-benefits{gap:.35rem;margin-top:1.45rem}.hero-benefits>div{flex:1;align-items:flex-start}.hero-benefits b{width:34px;height:34px;font-size:1rem;flex:none}.hero-benefits p{font-size:.65rem}.hero-benefits span{font-size:.58rem}.privacy-box{font-size:.68rem;padding:.7rem .75rem}.privacy-box b{min-width:28px;height:28px;font-size:1rem}.hero-reference .login-card{border-radius:16px;padding:1.45rem 1rem 1.2rem}.student-icon{width:60px;height:60px;font-size:1.75rem;box-shadow:inset 0 0 0 6px #f7faff}.hero-reference .login-card h2{font-size:1.6rem}.hero-reference .login-card>p:not(.eyebrow){font-size:.84rem;margin-bottom:1rem}.hero-reference .login-card input{height:50px;font-size:16px}.hero-reference .login-card .primary{height:55px;font-size:.92rem}.form-privacy{font-size:.69rem!important;line-height:1.55}.test-reference{padding:1.35rem .85rem 2rem}.test-reference .test-nav{margin-bottom:1.25rem}.test-reference .progress-label{font-size:.86rem}.test-reference .progress-label span{font-size:.86rem}.test-reference .progress{height:9px;margin:.55rem 0 1.35rem}.test-reference .question{padding:1.5rem .8rem;border-radius:17px}.test-reference .friendly-greeting{margin-bottom:1rem}.test-reference .friendly-greeting>p:first-child{font-size:.92rem}.test-reference .student-name{font-size:1.3rem}.test-reference .greeting-message{font-size:.78rem}.test-reference .question h1{font-size:clamp(1.55rem,7vw,2rem);line-height:1.24}.question-line{margin:.85rem auto}.test-reference .question>.muted{font-size:.92rem;margin-bottom:1rem}.test-reference .scale{grid-template-columns:1fr;gap:.55rem;margin-bottom:1.1rem;overflow:visible}.test-reference .choice-card{min-height:72px;display:grid!important;grid-template-columns:52px 1fr 30px;justify-content:stretch;text-align:left;padding:.55rem .75rem;gap:.75rem;border-radius:13px!important}.test-reference .choice-card i{width:46px;height:46px;font-size:1.65rem;grid-column:1;grid-row:1}.test-reference .choice-card strong{min-height:0;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-size:.87rem;grid-column:2;grid-row:1}.test-reference .choice-card b{width:27px;height:27px;align-self:center;grid-column:3;grid-row:1}.score-choice input:checked+.choice-card b{border-width:8px}.test-reference .test-actions{display:flex;margin-top:1rem!important}.test-reference .test-actions .button{width:100%;height:55px;min-width:0;font-size:.9rem}.test-reference .test-actions .secondary{display:none}.results-fun{padding:2rem 1rem 2.5rem}.results-celebration{padding:.25rem 0 1.35rem}.celebration-icon{width:60px;height:60px;font-size:1.9rem}.results-celebration h1{font-size:2.05rem}.results-fun .profile-intro{padding:1.25rem 1rem}.results-fun .profile-intro h2{font-size:1.35rem}.recommendation-fun{padding:1.3rem 1rem;border-radius:17px}.recommendation-fun h2{font-size:1.45rem}.areas-grid{grid-template-columns:1fr 1fr;gap:.65rem}.area-card{padding:.9rem}.area-card strong{font-size:.9rem}.area-card p{font-size:.7rem}.fun-callout{padding:1rem}.result-home{width:100%;justify-content:center}.admin-page,.form-page,.auth{padding:1.6rem 1rem 2.5rem}.page-heading h1{font-size:2rem}.page-heading{margin-bottom:1.2rem}.tabs{overflow-x:auto;gap:1rem;white-space:nowrap}.toolbar{display:block}.toolbar form{width:100%;margin:.65rem 0}.toolbar form:first-child{display:flex}.toolbar form:first-child input{min-width:0}.toolbar .plain-link{display:inline-block;margin-top:.55rem}.table-wrap table{min-width:0}.table-wrap th,.table-wrap td{padding:.75rem .55rem;font-size:.78rem}.table-wrap th:nth-child(2),.table-wrap td:nth-child(2),.table-wrap th:nth-child(3),.table-wrap td:nth-child(3){display:none}.table-wrap td:last-child{white-space:nowrap}.grid-form{grid-template-columns:1fr}.auth{padding-top:2.4rem}.auth .card{padding:1.4rem 1rem}footer{font-size:.7rem;padding:1.1rem 1rem;text-align:center}}
@media(max-width:390px){.student-profile span{display:none}.hero-benefits p{display:none}.hero-benefits{gap:1rem;justify-content:flex-start}.hero-benefits>div{flex:initial}.areas-grid{grid-template-columns:1fr}.test-reference .choice-card{grid-template-columns:44px 1fr 26px;padding:.5rem}.test-reference .choice-card i{width:40px;height:40px;font-size:1.45rem}}
.header{position:sticky;top:0;z-index:1000}.toolbar{align-items:center;flex-wrap:wrap}.toolbar form{align-items:center}.toolbar form:first-child{min-width:min(100%,430px)}.toolbar .file-button,.toolbar .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.toolbar .plain-link{padding:.7rem 0;white-space:nowrap}.pagination{display:flex;justify-content:center;gap:.4rem;margin:1.3rem 0}.pagination a{display:grid;place-items:center;min-width:35px;height:35px;border:1px solid #d4dcf0;border-radius:8px;color:#314477;text-decoration:none;font-weight:800;font-size:.85rem}.pagination a.active{background:#5130d5;border-color:#5130d5;color:#fff}body:has(.admin-page) .header{position:fixed;top:0;left:0;width:100%;z-index:1000}body:has(.admin-page) main{padding-top:76px}@media(max-width:700px){.header{position:sticky}.toolbar form:first-child{min-width:0}.toolbar .file-button,.toolbar .button{min-height:44px}body:has(.admin-page) main{padding-top:65px}}