:root{color-scheme:dark;--black:#0B0B0F;--coal:#15151B;--line:#2C2C34;--gold:#EBB446;--gold-light:#FDF0B2;--teal:#00E1E9;--grey:#A1A1AA;--sans:'Jost',Arial,sans-serif;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--black);color:#fff;font:400 16px/1.6 var(--sans)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain}.brand b{display:block;font:400 32px/1 var(--serif);letter-spacing:.18em}.brand small{display:block;margin-top:8px;font-size:11px;color:var(--grey);letter-spacing:.06em}.preview-label{font-size:10px;letter-spacing:.18em;color:var(--grey)}main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:calc(100svh - 103px)}.visual{align-self:start;position:sticky;top:0;background:#000;min-height:calc(100svh - 103px);display:flex;flex-direction:column;justify-content:center}.visual>img{display:block;width:100%;height:auto}.visual-copy{padding:20px 60px 45px}.visual h2{font:300 clamp(34px,4vw,62px)/1.1 var(--serif);margin:18px 0}.visual em{color:var(--gold-light);font-weight:300}.workspace{padding:58px clamp(26px,5vw,88px) 30px;border-left:1px solid var(--line);min-width:0}.screen{width:100%;max-width:430px;margin:auto}.screen h1{font:400 clamp(40px,4vw,54px)/1.05 var(--serif);margin:0 0 28px;letter-spacing:-.02em}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);margin:0 0 20px}.intro{color:var(--grey);margin:-8px 0 28px}label{display:block;font-size:13px;margin:20px 0 8px;color:#dedee3}input,textarea,select{width:100%;font:inherit;font-size:16px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--coal);color:white;min-width:0}textarea{resize:vertical}a{color:var(--teal)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}.screen h1:focus{outline:none}input[aria-invalid=true]{border-color:var(--gold)}.password{position:relative}.password input{padding-right:80px}.show{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:5px!important;width:auto!important;border:0!important;font-size:11px!important;color:var(--teal)!important}.handle{position:relative}.handle>span{position:absolute;top:13px;left:15px;color:var(--grey)}.handle input{padding-left:35px}button,.button-link{width:100%;display:block;text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:999px;background:transparent;color:#ddd;padding:13px 20px;font:400 14px/1.5 var(--sans);cursor:pointer}button:disabled{cursor:not-allowed;color:#777781}.primary{margin-top:26px;border-color:var(--gold);color:var(--gold-light)}.primary:disabled{border-color:#705a30;color:#b8a36e}.right-link{display:block;text-align:right;margin:16px 0;font-size:12px}.divider{display:flex;gap:16px;align-items:center;color:#6E6E78;font-size:12px;margin:25px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.hint,.field-help{font-size:12px;line-height:1.5;color:var(--grey)}.field-help{display:block;margin-top:8px;min-height:18px}.switch{font-size:14px;text-align:center;margin:25px 0}.pending{font-size:12px;line-height:1.65;color:#aaaab5;padding:16px 0;margin-top:25px;border-top:1px solid var(--line)}.legal{display:flex;gap:10px;align-items:flex-start;margin-top:24px}.legal input{width:17px;flex:0 0 17px;margin-top:5px;accent-color:var(--gold)}.legal label{font-size:12px;margin:0;line-height:1.7}.legal-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px}meter{display:block;width:100%;height:6px;margin-top:12px}meter::-webkit-meter-bar{background:var(--line);border:0}meter::-webkit-meter-optimum-value{background:var(--gold)}.otp{font-size:28px;letter-spacing:.35em;text-align:center}.plain{border:0;color:var(--teal);margin-top:12px}.avatar{width:86px;height:86px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-light);font:38px var(--serif);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.file-label{display:inline-block;cursor:pointer;color:var(--teal);border:1px solid var(--teal);border-radius:999px;padding:9px 20px;margin-top:22px;font-size:14px}.file-label:has(+input:focus-visible){border-color:var(--gold);color:var(--gold-light)}input[type=file]{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}.skip{display:block;text-align:center;margin:18px 0;font-size:13px}.explain{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--coal);touch-action:pan-y}.slide-number{font-size:11px;color:var(--gold);letter-spacing:.18em}.explain h2{font:400 37px/1.15 var(--serif);min-height:150px;margin:24px 0}.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.slide-controls button{width:42px;height:42px;padding:0}.slide-controls span{color:var(--gold);font-size:10px;letter-spacing:.35em}.review{max-width:430px;margin:38px auto 0;border-top:1px solid var(--line);padding:20px 0;color:var(--grey);font-size:12px}.review summary{cursor:pointer}.review nav{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px}.review a{font-size:12px}.screen.is-entering{animation:enter .35s ease-out}@keyframes enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){header{padding:18px 22px}.brand img{width:45px;height:45px}.brand b{font-size:27px}.preview-label{font-size:8px;max-width:80px;text-align:right}main{display:block}.visual{position:static;min-height:0}.visual-copy{display:none}.visual>img{max-height:230px;object-fit:contain}.workspace{padding:34px 24px 24px;border-left:0}.screen{max-width:480px}.screen h1{font-size:44px}body:not([data-screen=entrar]) .visual{display:none}.explain h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.screen.is-entering{animation:none}}

/* Legibilidad: conservar la tipografía y los tamaños de los títulos. */
:root{--grey:#BFC0CA}label,button,.button-link,.switch{font-size:16px}.hint,.field-help,.pending,.legal label,.legal-links,.right-link,.skip,.review,.review a,input[type=file]{font-size:15px;line-height:1.65}.brand small,.preview-label,.eyebrow,.slide-number{font-size:13px}.preview-label{letter-spacing:.1em}.show{font-size:14px!important}.password input{padding-right:90px}.legal input{min-height:20px}.legal a{text-underline-offset:3px}.field-help:empty{min-height:0}.pending{color:#C2C2CC}@media(max-width:760px){.preview-label{font-size:12px;max-width:110px}.brand small{font-size:12px}.workspace{padding:32px 20px}}