*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#fdfbf7;--surface:#fff;--surface-2:#f7f4ee;--primary:#e07a5f;--primary-hover:#d0694e;--secondary:#3d5a80;--secondary-hover:#2e4563;--text-main:#2d3142;--text-muted:#6c757d;--text-dim:#adb5bd;--border:#eae5dd;--border-light:#f2efe9;--shadow-sm:0 2px 8px #2d31420a;--shadow-md:0 8px 24px #2d314214;--shadow-lg:0 16px 40px #2d31421f;--radius:16px;--radius-sm:10px;--radius-full:9999px;--ambar:#e07a5f;--tinta:#2d3142;--papel:#fdfbf7;--dur:.6s;--ease:cubic-bezier(.77, 0, .18, 1)}.auth-body{background:radial-gradient(circle at 85% 15%, #e07a5f2e, transparent 45%), radial-gradient(circle at 15% 85%, #3d5a8026, transparent 45%), linear-gradient(to bottom, #fdfbf733 0%, #fdfbf7b3 65%, var(--bg-main) 100%), url(https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1800&q=80) no-repeat center center / cover;min-height:100vh;color:var(--text-main);background-attachment:fixed;justify-content:center;align-items:center;padding:2rem 1rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.container-auth{z-index:10;width:900px;min-height:600px;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:var(--surface);opacity:0;border-radius:28px;animation:.8s cubic-bezier(.16,1,.3,1) .1s forwards entrada;display:flex;position:relative;overflow:hidden}.container-wide{width:1000px}@keyframes entrada{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.panel-imagen{z-index:20;width:calc(45% - 14px);height:calc(100% - 28px);transition:left var(--dur) var(--ease), width var(--dur) var(--ease), border-radius var(--dur) var(--ease);background:url(https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1000&q=80) 50%/cover no-repeat;border-radius:20px;position:absolute;top:14px;left:14px;overflow:hidden}.modo-register .panel-imagen{left:63%}.container-wide .panel-imagen{width:calc(37% - 14px)}.panel-imagen:before{content:"";z-index:1;background:linear-gradient(#1a1d2940 0%,#1a1d2980 45%,#1a1d29f0 100%);position:absolute;inset:0}.panel-imagen:after{content:"";filter:blur(45px);z-index:1;background:radial-gradient(circle,#e07a5f59 0%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:8s ease-in-out infinite pulsar;position:absolute;top:-80px;left:-60px}@keyframes pulsar{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(1.25)}}.panel-contenido{z-index:5;flex-direction:column;justify-content:space-between;padding:2.2rem;display:flex;position:absolute;inset:0}.top-bar{justify-content:space-between;align-items:center;display:flex}.top-bar-label{letter-spacing:.05em;color:#fff;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.panel-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.panel-titulo{color:#fff;letter-spacing:-.01em;margin-bottom:.8rem;font-family:Playfair Display,serif;font-size:2.25rem;font-weight:700;line-height:1.15}.panel-titulo em{color:var(--primary);font-style:italic}.panel-profile{border-top:1px solid #ffffff26;align-items:center;gap:.85rem;margin-top:1.2rem;padding-top:1.2rem;display:flex}.panel-avatar{color:#fff;background:#e07a5f40;border:1px solid #e07a5f80;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.panel-nombre{color:#fff;font-size:.92rem;font-weight:700}.panel-rol{color:#ffffffa6;margin-top:.1rem;font-size:.76rem}.panel-floating-badge{z-index:3;-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);color:#fff;pointer-events:none;background:#ffffff26;border:1px solid #ffffff40;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.72rem;font-weight:600;animation:12s ease-in-out infinite flotarBadge;display:flex;position:absolute;box-shadow:0 8px 20px #0003}.panel-floating-badge:first-child{animation-delay:0s;top:22%;left:10%}.panel-floating-badge:nth-child(2){animation-delay:4s;top:40%;right:8%}.panel-floating-badge:nth-child(3){animation-delay:8s;top:60%;left:15%}@keyframes flotarBadge{0%,to{opacity:.85;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-10px)rotate(2deg)}}.form-section{background:var(--surface);width:55%;min-height:100%;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);justify-content:center;align-items:center;padding:2.5rem 3.5rem;display:flex}.container-wide .form-section{width:63%;padding:1.6rem 2.2rem}.form-login-section{margin-left:auto}.modo-register .form-register-section{margin-right:45%}.form-inner{width:100%;max-width:360px}.modo-register .form-inner{max-width:100%}.logo{align-items:center;gap:.7rem;margin-bottom:2rem;text-decoration:none;display:flex}.logo-icono{background:var(--primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #e07a5f40}.logo-nombre{color:var(--text-main);letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700}.logo-nombre span{color:var(--primary)}.form-titulo{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.4rem;font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.form-sub{color:var(--text-muted);margin-bottom:1.6rem;font-size:.9rem}.alerta-error{border-radius:var(--radius-sm);color:#c1121f;background:#c1121f14;border-left:3px solid #c1121f;margin-bottom:1.4rem;padding:.9rem 1.1rem;font-size:.85rem;font-weight:500}.campo{margin-bottom:1.1rem}.campo label{color:var(--text-main);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;font-size:.75rem;font-weight:700;display:block}.campo input,.campo select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text-main);outline:none;padding:.8rem 1.1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;transition:all .25s}.campo input:focus,.campo select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #e07a5f1f}.campo-error{color:#c1121f;margin-top:.35rem;font-size:.78rem;font-weight:600}.btn-submit{border-radius:var(--radius-full);background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.04em;border:none;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.6rem;padding:.9rem 1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 8px 24px #e07a5f4d}.btn-submit:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 32px #e07a5f6b}.form-footer{color:var(--text-muted);text-align:center;margin-top:1.8rem;font-size:.92rem}.form-footer a{color:var(--primary);font-weight:700;text-decoration:none;transition:color .2s}.form-footer a:hover{color:var(--primary-hover);text-decoration:underline}.grid-registro-secciones{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.seccion-caja{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:1.2rem 1.3rem;transition:border-color .3s}.seccion-caja .campo{margin-bottom:.8rem}.seccion-caja .campo input{padding:.65rem .95rem;font-size:.85rem}.seccion-caja .campo label{margin-bottom:.35rem;font-size:.72rem}.seccion-caja:hover{border-color:var(--border)}.grid-contrasenas{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}@media (width<=900px){.auth-body{background-attachment:scroll;padding:1rem}.container-auth,.container-wide{flex-direction:column;width:100%;max-width:640px;height:auto;min-height:auto;margin:1rem auto}.panel-imagen,.container-wide .panel-imagen{border-radius:28px 28px 0 0;width:100%;height:200px;position:relative;top:0;left:0!important}.form-section,.container-wide .form-section{width:100%;padding:2.2rem 1.8rem;margin:0!important}.form-inner,.modo-register .form-inner{max-width:100%}.grid-registro-secciones{grid-template-columns:1fr;gap:1.4rem}}@media (width<=500px){.auth-body{padding:.75rem}.container-auth,.container-wide{border-radius:22px;width:100%;margin:.5rem auto}.panel-imagen,.container-wide .panel-imagen{border-radius:22px 22px 0 0;height:160px}.panel-contenido{padding:1.4rem}.panel-eyebrow{margin-bottom:.2rem;font-size:.65rem}.panel-titulo{margin-bottom:.6rem;font-size:1.5rem;line-height:1.15}.panel-profile{gap:.6rem;margin-top:.8rem;padding-top:.8rem}.panel-avatar{width:36px;height:36px}.panel-nombre{font-size:.85rem}.panel-rol{font-size:.7rem}.form-section,.container-wide .form-section{padding:1.8rem 1.4rem}.logo{margin-bottom:1.4rem}.form-titulo{font-size:1.65rem}.form-sub{margin-bottom:1.2rem;font-size:.82rem}.seccion-caja{border-radius:16px;padding:1.4rem 1.2rem}.grid-contrasenas{grid-template-columns:1fr;gap:.8rem}.btn-submit{padding:.88rem;font-size:.88rem}}