.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand-panel{background:linear-gradient(160deg,#0b2d4ded,#0e6ba8cc),url(/banner-toyota-corolla-cross.jpg) center / cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;color:#fff}.auth-brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.auth-brand-logo .brand-mark{width:44px;height:44px;border-radius:14px;background:var(--naranja);display:grid;place-items:center;font-weight:900;font-size:1.1rem}.auth-brand-logo span:last-child{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.auth-brand-copy{padding-bottom:24px}.auth-brand-copy h2{font-size:2rem;font-weight:800;line-height:1.2;letter-spacing:-.03em;margin:0 0 16px}.auth-brand-copy h2 span{color:var(--naranja)}.auth-brand-copy p{opacity:.82;font-size:1rem;line-height:1.6;margin:0}.auth-brand-stats{display:flex;gap:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.18)}.auth-stat strong{display:block;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.auth-stat span{font-size:.82rem;opacity:.72}.auth-form-panel{background:var(--fondo);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;overflow-y:auto}.auth-form-wrap{width:100%;max-width:400px}.auth-form-header{margin-bottom:28px;text-align:center}.auth-form-header h1{margin:0 0 6px;font-size:1.75rem;letter-spacing:-.025em}.auth-form-header p{margin:0;color:var(--texto-secundario);font-size:.95rem}.auth-form-header a{color:var(--azul-digital);font-weight:600}.auth-form-header a:hover{text-decoration:underline}.social-providers{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.btn-social{width:100%;display:flex;align-items:center;gap:14px;padding:13px 18px;background:var(--superficie);border:1.5px solid var(--borde);border-radius:var(--radio-md);color:var(--texto);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;text-decoration:none}.btn-social:hover{border-color:color-mix(in srgb,var(--azul-digital) 45%,var(--borde));box-shadow:0 2px 8px rgba(var(--color-text-rgb),.08)}.btn-social-icon{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center}.btn-social-text{flex:1;text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:6px 0 22px;color:var(--texto-secundario);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--borde)}.auth-form{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.86rem;font-weight:600;color:var(--texto)}.form-field input{padding:12px 14px;border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--superficie);color:var(--texto);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.form-field input:focus{outline:none;border-color:var(--azul-digital);box-shadow:0 0 0 3px #0e6ba81f}.form-field input::placeholder{color:var(--texto-secundario);opacity:.7}.form-field-row{display:flex;align-items:center;justify-content:space-between}.form-forgot{font-size:.84rem;color:var(--azul-digital);font-weight:600}.form-forgot:hover{text-decoration:underline}.form-field-password{position:relative}.form-field-password input{width:100%;padding-right:46px}.form-password-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--texto-secundario);cursor:pointer;padding:4px;display:grid;place-items:center}.form-password-toggle svg{width:18px;height:18px}.form-remember{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--texto-secundario);cursor:pointer}.form-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--azul-digital);cursor:pointer}.btn-submit{width:100%;padding:14px;background:var(--naranja);color:#fff;border:none;border-radius:var(--radio-md);font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease;letter-spacing:-.01em;margin-top:4px}.btn-submit:hover{background:var(--naranja-hover)}.btn-submit:active{transform:scale(.99)}.auth-terms{margin-top:18px;text-align:center;font-size:.78rem;color:var(--texto-secundario);line-height:1.5}.auth-terms a{color:var(--azul-digital)}.auth-terms a:hover{text-decoration:underline}@media(max-width:768px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{padding:28px 24px;min-height:200px;justify-content:flex-start;gap:24px}.auth-brand-copy h2{font-size:1.4rem}.auth-brand-copy p,.auth-brand-stats{display:none}.auth-form-panel{padding:32px 20px}}
