/* VÍNCULOS · Experiencia de una pregunta por pantalla · v2.2 */
.page-home .start-screen{min-height:min(730px,calc(100dvh - 155px));padding:clamp(26px,5vw,68px) 0 35px;background:radial-gradient(ellipse at 12% 10%,#E7F8F5 0,transparent 44%),radial-gradient(ellipse at 89% 79%,#FDECE7 0,transparent 39%),#F6F9FA;display:flex;align-items:center}
.page-home .start-shell{max-width:990px;width:100%}
.welcome-card{background:#fff;border:1px solid #DFEBEE;border-radius:26px;max-width:910px;margin:0 auto;box-shadow:0 19px 70px rgba(22,59,84,.075);padding:clamp(30px,5.4vw,68px) clamp(23px,6.5vw,76px) 0;position:relative;overflow:hidden;text-align:center}
.welcome-corner{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--teal) 0 49%,var(--coral) 49% 100%)}
.welcome-kicker{display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.13em;font-size:clamp(10px,1.1vw,12px);text-transform:uppercase;font-weight:900;color:#316980;margin:0}
.page-home .start-screen h1{max-width:710px;margin:19px auto 19px;font-size:clamp(35px,5vw,64px);line-height:1.13;letter-spacing:-.05em}
.page-home .start-lede{font-size:clamp(14px,1.6vw,17px);font-weight:500;line-height:1.65;max-width:640px}
.page-home .start-actions{margin:26px auto 34px;gap:8px}.page-home .start-actions .btn{min-height:56px;min-width:270px;box-shadow:0 12px 22px rgba(255,124,96,.15)}
.page-home .start-actions .quiet{font-weight:700;font-size:12px}.page-home .start-actions .quiet span{color:#0A8C75}
.page-home .start-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#F4FAF9;border-top:1px solid #E0EDEA;margin:0 calc(-1 * clamp(23px,6.5vw,76px));padding:20px 24px}
.page-home .start-stats .stat{display:flex;justify-content:center;align-items:center;gap:11px;padding:5px 13px;border-right:1px solid #CEE3E2;text-align:left}
.page-home .start-stats .stat:last-child{border-right:0}
.page-home .start-stats .stat b{font-size:clamp(18px,2vw,26px);letter-spacing:-.04em;color:var(--navy);white-space:nowrap}
.page-home .start-stats .stat span{font-size:11px;line-height:1.5;font-weight:700;color:#557181}
.home-outcome{font-size:12px;text-align:center;margin:21px auto 6px;line-height:1.6;max-width:760px;color:#4B6579}
.home-outcome strong{color:var(--navy)}.home-legal{font-size:10px;text-align:center;color:#738795;line-height:1.65;max-width:780px;margin:0 auto}
.page-survey{background:linear-gradient(160deg,#F6FAFA,#EFF5F7 70%,#F7FAFA);min-height:100vh}
.page-survey .survey-layout.survey-focus{display:block;width:100%;max-width:860px;padding-top:clamp(27px,5vw,58px);padding-bottom:38px}
.page-survey .survey-panel{min-height:unset;border:1px solid #DCE8ED;border-radius:23px;padding:clamp(24px,4.6vw,48px);box-shadow:0 16px 54px rgba(25,55,76,.055)}
.page-survey .survey-top{align-items:center;gap:10px;flex-wrap:wrap}
.page-survey .survey-stage{letter-spacing:.14em;color:#287987;font-size:11px}
.page-survey .survey-count{font-size:12px;color:#456579}
.page-survey .survey-panel .bar{margin:14px 0 clamp(27px,4vw,42px);height:6px;background:#E8F0F1}
.page-survey .bar>span{background:linear-gradient(90deg,var(--teal),#64BACB)}
.page-survey .survey-chapter{display:inline-flex;background:#E6F7F3;border-radius:50px;padding:6px 13px;font-size:11px;font-weight:800;color:#266D6E;margin:0 0 18px}
.page-survey .survey-chapter[hidden]{display:none!important}
.page-survey .survey-panel h1{font-size:clamp(25px,3.5vw,38px);line-height:1.25;letter-spacing:-.035em;font-weight:900;margin:0 0 13px;max-width:700px}
.page-survey .survey-panel h1.is-question{font-size:clamp(25px,3.4vw,37px)}
.page-survey .survey-intro{max-width:570px;font-size:13px;line-height:1.65;color:#5A7281;margin:0 0 clamp(22px,3vw,32px)}
.page-survey .survey-body{min-height:235px}
.page-survey .rating-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:700px;padding:4px 0}
.page-survey .rating-point{min-height:106px;background:#FAFCFC;border:1.5px solid #D6E4E8;border-radius:17px;color:var(--navy);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:11px 4px;transition:background .14s,border-color .14s,transform .14s}
.page-survey .rating-point:hover{background:#F1FAF8;border-color:#77B7AD}
.page-survey .rating-point.selected{background:#E4F8F3;border-color:#109D88;box-shadow:inset 0 0 0 1px #109D88}
.page-survey .rating-number{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:20px;font-weight:900;background:#EAF0F2;color:var(--navy);line-height:1}
.page-survey .rating-point.selected .rating-number{background:var(--navy);color:#fff}
.page-survey .rating-label{font-size:11px;font-weight:800;line-height:1.25;text-align:center;color:#4B6676;min-height:27px;display:flex;align-items:center;justify-content:center}
.page-survey .rating-point.selected .rating-label{color:var(--navy)}
.page-survey .rating-help{font-size:11px;text-align:center;max-width:700px;margin:12px 0 0;color:#65808D}
.page-survey .rating-help span{margin:0 7px;color:var(--teal)}
.page-survey .survey-actions{margin-top:clamp(23px,3.4vw,39px);padding-top:23px;border-top:1px solid #E6ECEF}
.page-survey .survey-actions .btn{min-height:50px}
.page-survey .survey-actions #back{color:#43617A;background:#fff}
.page-survey .survey-actions #next{min-width:165px}
.page-survey .survey-hint{font-size:10px;color:#8295A0;margin:12px 0 0;text-align:right;line-height:1.6}
.page-survey .survey-calm{text-align:center;margin:17px 0 0;color:#607A89;font-size:11px;line-height:1.55}
.page-survey .survey-calm span{color:#169787;margin-right:5px}
.page-survey .survey-panel .choicegroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:730px}
.page-survey .survey-panel .choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:13px 15px;text-align:left;border-radius:13px;line-height:1.4;background:#FAFCFC;font-size:13px}
.page-survey .survey-panel .choice.selected{background:#E7F8F3}
.page-survey .choice-tick{display:grid;place-items:center;color:#fff;background:#188E7D;border-radius:50%;width:23px;height:23px;flex:0 0 23px;font-size:13px;opacity:0}
.page-survey .choice.selected .choice-tick{opacity:1}
.page-survey .survey-panel .field{max-width:520px}
.page-survey .survey-panel select{font-size:16px;min-height:56px;border-radius:13px}
.page-survey .field-help{margin:-11px 0 14px;font-size:12px!important}
.page-survey .survey-panel .error{margin-top:20px}
@media(max-width:600px){
 .page-home .start-screen{min-height:auto;padding:27px 0 26px}
 .page-home .wrap,.page-survey .wrap{padding-left:16px;padding-right:16px}
 .welcome-card{border-radius:20px;padding:37px 22px 0}
 .page-home .start-screen h1{font-size:clamp(34px,9vw,47px);margin:16px auto 14px}
 .page-home .start-lede{font-size:14px}
 .page-home .start-actions{margin:22px auto 29px}
 .page-home .start-actions .btn{min-width:0;width:100%;max-width:370px}
 .page-home .start-stats{margin:0 -22px;padding:17px 8px;gap:0}
 .page-home .start-stats .stat{flex-direction:column;gap:3px;padding:5px 4px;text-align:center;justify-content:flex-start}
 .page-home .start-stats .stat b{font-size:clamp(17px,5vw,22px);line-height:1.2}
 .page-home .start-stats .stat span{font-size:9px;line-height:1.4}
 .home-outcome{font-size:11px;margin-top:18px}.home-legal{font-size:10px}
 .page-survey .survey-layout.survey-focus{padding-top:22px;padding-bottom:26px}
 .page-survey .survey-panel{border-radius:18px;padding:22px 18px}
 .page-survey .survey-panel .bar{margin:13px 0 27px}
 .page-survey .survey-chapter{margin-bottom:16px}
 .page-survey .survey-panel h1.is-question,.page-survey .survey-panel h1{font-size:clamp(23px,6.5vw,30px)}
 .page-survey .survey-intro{font-size:12px;margin-bottom:22px}
 .page-survey .rating-scale{gap:5px}
 .page-survey .rating-point{min-height:99px;padding:11px 2px;border-radius:11px;gap:8px}
 .page-survey .rating-number{width:37px;height:37px;font-size:17px}
 .page-survey .rating-label{font-size:10px;min-height:27px;overflow-wrap:anywhere}
 .page-survey .survey-actions{gap:10px;margin-top:22px;padding-top:19px}
 .page-survey .survey-actions #next{min-width:0;flex:1}
 .page-survey .survey-actions .btn{font-size:11px;min-height:48px;padding:10px 11px}
 .page-survey .survey-panel .choicegroup{grid-template-columns:1fr;gap:9px}
 .page-survey .survey-panel .choice{min-height:51px;font-size:12px;padding:11px 14px}
 .page-survey .survey-calm{font-size:10px}
}
@media(max-width:355px){.page-survey .rating-number{width:34px;height:34px}.page-survey .rating-point{min-height:95px}.page-survey .rating-label{font-size:9px}.page-home .welcome-card{padding-left:17px;padding-right:17px}.page-home .start-stats{margin:0 -17px}}
@media(prefers-reduced-motion:reduce){.page-survey .rating-point{transition:none}}