.trial{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--surface-card)}.trial__aside{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-7);padding:var(--space-9) var(--space-10);background:var(--gradient-hero);color:var(--vzino-white);isolation:isolate}.trial__aside:after,.trial__aside:before{content:"";position:absolute;border-radius:var(--radius-pill);filter:blur(8px);z-index:-1;opacity:.55}.trial__aside:before{width:420px;height:420px;top:-140px;right:-120px;background:radial-gradient(circle at 30% 30%,rgba(91,100,234,.55),transparent 70%)}.trial__aside:after{width:380px;height:380px;bottom:-120px;left:-100px;background:radial-gradient(circle at 50% 50%,rgba(40,214,149,.32),transparent 70%)}.trial__brand{display:flex;align-items:center;gap:var(--space-3)}.trial__logo{height:34px;width:auto}.trial__aside-body{max-width:460px}.trial__headline{font:var(--fw-bold) clamp(2rem,1.3rem + 2.2vw,3rem)/1.1 var(--font-sans);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4)}.trial__sub{font:var(--fw-regular) var(--type-h3-size)/1.55 var(--font-sans);color:rgba(255,255,255,.74);margin:0 0 var(--space-8)}.trial__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.trial__point{display:flex;align-items:center;gap:var(--space-3);font:var(--fw-medium) var(--type-body1-size)/1.4 var(--font-sans);color:rgba(255,255,255,.92)}.trial__point-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:var(--radius-sm);background:rgba(255,255,255,.12);color:var(--vzino-mint);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trial__aside-foot{margin-top:auto;font:var(--fw-regular) var(--type-body2-size)/1.4 var(--font-sans);color:rgba(255,255,255,.55)}.trial__panel{display:flex;align-items:center;justify-content:center;padding:max(var(--space-9),calc(var(--safe-top) + var(--space-4))) calc(var(--space-6) + var(--safe-right)) max(var(--space-9),calc(var(--safe-bottom) + var(--space-4))) calc(var(--space-6) + var(--safe-left))}.trial__card{width:100%;max-width:420px}.trial__back{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font:var(--fw-medium) var(--type-body2-size)/1 var(--font-sans);color:var(--text-muted);text-decoration:none;transition:color var(--dur-base) var(--ease-out)}.trial__back svg{transform:rotate(180deg)}.trial__back:hover{color:var(--text-brand)}.trial__logo-mobile{display:none}.trial__eyebrow{font:var(--fw-semibold) var(--type-overline-size)/1 var(--font-sans);letter-spacing:var(--type-overline-spacing);text-transform:uppercase;color:var(--text-brand);margin:0 0 var(--space-3)}.trial__title{font:var(--fw-bold) var(--type-h1-size)/var(--type-h1-line) var(--font-sans);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0 0 var(--space-2)}.trial__lead{font:var(--fw-regular) var(--type-body1-size)/1.5 var(--font-sans);color:var(--text-muted);margin:0 0 var(--space-7)}.trial__form{gap:var(--space-5)}.field,.trial__form{display:flex;flex-direction:column}.field{gap:var(--space-2)}.field__label{font:var(--fw-medium) var(--type-body2-size)/1.2 var(--font-sans);color:var(--text-strong)}.field__control{display:flex;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.field__control:focus-within{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.field__ic,.field__icon{color:var(--text-muted);display:inline-flex;flex:0 0 auto}.field__input{flex:1 1;min-width:0;height:100%;border:none;outline:none;background:transparent;font:var(--fw-regular) var(--type-body1-size)/1.4 var(--font-sans);color:var(--text-body)}.field__input::placeholder{color:var(--text-disabled)}.field__msg{font:var(--fw-regular) var(--type-caption-size)/1.3 var(--font-sans);color:var(--text-muted)}.field__msg[data-invalid]{color:var(--error-text)}.combo{position:relative}.combo__list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;margin:0;padding:var(--space-2);list-style:none;max-height:232px;overflow-y:auto;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.combo__opt{padding:10px 12px;border-radius:var(--radius-sm);font:var(--fw-regular) var(--type-body1-size)/1.2 var(--font-sans);color:var(--text-body);cursor:pointer}.combo__opt[data-active]{background:var(--surface-sunken)}.combo__opt[aria-selected=true]{color:var(--text-strong);font-weight:var(--fw-medium)}.combo__empty{padding:10px 12px;font:var(--fw-regular) var(--type-body2-size)/1.2 var(--font-sans);color:var(--text-muted)}.trial__roles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-md)}.trial__role{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;height:42px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:var(--fw-medium) var(--type-body2-size)/1 var(--font-sans);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.trial__role svg{width:18px;height:18px;flex:0 0 auto}.trial__role[aria-pressed=true]{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-xs)}.trial__role[data-role=administrador][aria-pressed=true]{color:var(--role-concierge)}.trial__role[data-role=residente][aria-pressed=true]{color:var(--role-resident)}.trial__role[data-role=comite][aria-pressed=true]{color:var(--role-committee)}.trial__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:54px;margin-top:var(--space-1);border:1px solid transparent;border-radius:var(--radius-md);background:var(--action-primary);color:var(--text-on-brand);box-shadow:var(--shadow-brand);font:var(--fw-semibold) var(--type-body1-size)/1 var(--font-sans);letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}.trial__submit svg{width:20px;height:20px}.trial__submit:hover{background:var(--action-primary-hover)}.trial__submit:active{transform:scale(var(--press-scale))}.trial__submit:disabled{opacity:.65;cursor:progress;box-shadow:none;filter:none}.trial__error{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error-text);font:var(--fw-medium) var(--type-body2-size)/1.4 var(--font-sans)}.trial__error svg{flex:0 0 auto;color:var(--error)}.trial__foot{text-align:center;margin:var(--space-6) 0 0;font:var(--fw-regular) var(--type-body2-size)/1.5 var(--font-sans);color:var(--text-muted)}.trial__foot a{color:var(--text-brand);font-weight:var(--fw-semibold);text-decoration:none}.trial__foot a:hover{text-decoration:underline}.trial__done{text-align:center;padding-top:var(--space-4)}.trial__done-ic{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto var(--space-5);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--role-concierge) 16%,transparent);color:var(--role-concierge)}.trial__done .trial__lead{margin-bottom:var(--space-7)}.trial__submit--link{max-width:280px;margin-inline:auto}@media (max-width:900px){.trial{grid-template-columns:minmax(0,1fr)}.trial__aside{display:none}.trial__panel{align-items:flex-start;padding-top:max(var(--space-9),calc(var(--safe-top) + var(--space-4)))}.trial__logo-mobile{display:block;width:max-content;margin:0 0 var(--space-7)}.trial__logo-mobile img{display:block;height:32px;width:auto}}@media (max-width:480px){.trial__panel{padding-left:calc(var(--space-5) + var(--safe-left));padding-right:calc(var(--space-5) + var(--safe-right))}.trial__role{gap:0;padding-inline:var(--space-1)}.trial__role svg{display:none}}@media (pointer:coarse){.trial__role{height:var(--tap-min)}.trial__back,.trial__foot a,.trial__logo-mobile{position:relative}.trial__back:after,.trial__foot a:after,.trial__logo-mobile:after{content:"";position:absolute;inset:-13px -10px;min-height:var(--tap-min)}}