html,body{height:100%;margin:0;font-family:Poppins,sans-serif;background-color:#fff}.enlace-redes{text-decoration:none;color:unset;border:none;outline:none;padding:0}.container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;box-sizing:border-box}.card{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;padding:20px 50px;border-radius:20px}.profile-img{width:130px;height:130px;margin-bottom:15px}.img-centrada{display:flex;justify-content:center;align-items:center}.title{font-size:1.8rem;font-weight:700;color:#006847;margin-bottom:25px;text-align:center}.redes{color:#006847;display:flex;justify-content:center;align-items:center;margin:20px 0}.links-container{width:100%;max-width:400px;display:flex;margin:0 auto;flex-direction:column;gap:15px}.link-btn{display:block;padding:15px 20px;color:#111;text-decoration:none;font-weight:700;text-align:center;border-radius:10px;position:relative;overflow:hidden;border:2px solid transparent;transition:transform .3s ease,border .3s ease;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.link-btn:hover{transform:scale(1.05);border:2px solid #006847}.link-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0068474d,#ffffff4d,#ce11264d);transform:translate(-100%);transition:transform .5s ease}.link-btn:hover:before{transform:translate(0)}.cursor-pointer{cursor:pointer}.link-item{display:flex;justify-content:center;align-items:center;margin-bottom:15px;position:relative}.link-btn{flex:1;padding:12px 20px;color:#006847;text-decoration:none;border-radius:8px;text-align:center;font-weight:500;transition:background-color .3s;border:1px solid #006847}.text-small{font-size:12px}.text-redlight{color:#f54927}.share-container{position:relative;margin-left:8px}.share-toggle{background:#eef2ff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#006847;transition:all .3s}.share-toggle:hover{background:#e0e7ff;transform:rotate(90deg)}.share-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:8px;display:flex;gap:12px;margin-top:8px;z-index:10}.share-menu a{color:#006847;font-size:18px;transition:transform .3s}.share-menu a:hover{transform:translateY(-2px)}.img-links{margin:0 10px}.text-center{text-align:center}.links-manager{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #eee}th{background-color:#f8f9fa;font-weight:600}.url-link{color:#007bff;text-decoration:none;word-break:break-all}.url-link:hover{text-decoration:underline}.link-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.no-image{color:#6c757d;font-style:italic}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-edit{background-color:#28a745;color:#fff;border:1px solid white;font-size:12px}.btn-edit:hover{background-color:#fff;border:1px solid #28a745}.btn-delete{background-color:#dc3545;border:1px solid white;color:#fff}.btn-delete:hover{background-color:#fff;border:1px solid #dc3545}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-remove{background-color:#ffc107;color:#212529}.btn-remove:hover{background-color:#e0a800}.btn:disabled{opacity:.6;cursor:not-allowed}.link-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input[type=file]{width:100%}.checkbox-group label{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{margin:0}.form-actions{display:flex;gap:10px;margin-top:30px}.image-preview{margin-top:20px;text-align:center}.image-preview img{max-width:200px;max-height:200px;border-radius:8px;margin-bottom:10px}.loading{text-align:center;padding:40px;color:#6c757d}.error,.error-message{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:20px}.no-links{text-align:center;padding:40px;color:#6c757d;font-style:italic}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-background{width:100%;max-width:400px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:30px}.login-title{font-size:28px;font-weight:700;background:#006847;margin:0 0 8px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:#718096;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;color:#4a5568;margin-bottom:8px;font-size:14px}.form-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#006847;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#a0aec0}.password-input-container{position:relative;display:flex;align-items:center}.password-input{padding-right:50px;width:100%}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#667eea;background:#667eea1a}.login-button{background:#57c785;background:linear-gradient(90deg,#57c785,#eddd53);color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;border:1px solid #feb2b2;font-size:14px;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-footer{margin-top:30px;text-align:center}.help-text{color:#718096;font-size:12px;margin:0;padding:0}@media (max-width: 480px){.login-card{padding:30px 20px;margin:10px}.login-title{font-size:24px}}.btn-green{background-color:#006847;color:#fff}.btn-green:hover{background-color:#fff;border:1px solid #006847;color:#006847}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;width:90%;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px 0;border-bottom:none}.modal-header h3{margin:0;color:#2d3748;font-size:20px;font-weight:600}.modal-body{padding:20px 24px}.modal-body p{margin:0 0 12px;color:#4a5568;line-height:1.5}.modal-body .text-warning{color:#e53e3e;font-weight:500;font-size:14px}.modal-actions{padding:0 24px 20px;display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.modal-actions .btn-secondary{background:#e2e8f0;color:#4a5568}.modal-actions .btn-secondary:hover:not(:disabled){background:#cbd5e0}.modal-actions .btn-danger{background:#e53e3e;color:#fff}.modal-actions .btn-danger:hover:not(:disabled){background:#c53030}.modal-actions .btn:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-content{width:95%;margin:20px}.modal-actions{flex-direction:column}.modal-actions .btn{justify-content:center}}