:root{--primary-color:#0060a9;--primary-dark:#004a87;--secondary-color:#212529;--bg-color:#F4F4F4;--text-color:#333333;--white:#ffffff;--gray-light:#e0e0e0;--shadow:0 4px 6px rgba(0,0,0,0.1);--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(rgba(7,73,125,.8),rgba(0,0,0,.8)),url(assets/fondo_np.webp);background-size:cover;background-position:center;background-attachment:scroll;color:var(--text-color);line-height:1.6;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{width:100%;max-width:480px;background-color:rgba(255,255,255,.95);padding:20px;display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeIn .8s forwards;border-radius:12px}@keyframes fadeIn{to{opacity:1}}header{text-align:center;margin-bottom:30px;margin-top:20px}.logo-img{max-width:260px;height:auto;display:block;margin:0 auto 30px auto}.brand-subtitle{font-size:.9rem;color:#666;font-weight:500;letter-spacing:1px;text-transform:uppercase}.btn-container{width:100%;display:flex;flex-direction:column;gap:16px}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 20px;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:var(--transition);position:relative;box-shadow:var(--shadow);cursor:pointer;border:2px solid transparent}.btn svg{width:24px;height:24px;margin-right:12px;fill:currentColor}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:active,.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-outline{background-color:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:active,.btn-outline:hover{background-color:#f0f8ff;transform:translateY(-2px)}.btn-b2b{background-color:var(--secondary-color);color:var(--white);border:2px solid var(--secondary-color);font-weight:700}.btn-b2b:active,.btn-b2b:hover{background-color:#00c5d3;border-color:#00c5d3;transform:scale(1.02)}.btn svg,.social-link svg{pointer-events:none}.separator{width:100%;text-align:center;margin:35px 0 15px 0;position:relative}.separator span{background-color:var(--bg-color);padding:0 15px;color:#777;font-size:.85rem;font-weight:600;position:relative;z-index:1}.separator::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#ccc;z-index:0}footer{margin-top:40px;text-align:center;font-size:.8rem;color:#888;padding-bottom:20px}.footer-logo{font-weight:700;color:var(--primary-color)}.social-icons{margin-top:15px;display:flex;justify-content:center;gap:20px}.social-link svg{width:24px;height:24px;fill:#777;transition:var(--transition)}.social-link:hover svg{fill:var(--primary-color)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;display:none;justify-content:center;align-items:center;padding:20px}.modal-content{background:#fff;width:100%;max-width:400px;padding:25px;border-radius:10px;position:relative;color:#333}.close-btn{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;background:0 0;border:none;color:#666}.form-field{margin-bottom:15px}.form-field label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:700}.form-field input,.form-field select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}