.login-wrapper{box-sizing:border-box;background-color:#dce7e1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border:1px solid #21362d1a;border-radius:12px;width:100%;max-width:440px;padding:40px;box-shadow:0 20px 25px -5px #1f30280d,0 10px 10px -5px #1f30280a}.error-box{color:#9b1c1c;text-align:center;background-color:#fdf2f2;border:1px solid #f59e9e;border-radius:6px;margin-bottom:20px;padding:12px;font-size:.85rem;font-weight:500}.login-header{text-align:center;margin-bottom:32px}.brand-subtitle{color:#291ec2;text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px;font-size:.75rem;font-weight:700}.brand-title{color:#1d2520;margin:0 0 10px;font-size:1.75rem;font-weight:600;line-height:1.2}.brand-description{color:#667269;margin:0;font-size:.875rem;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#607064;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:#2d6f8f;font-size:.75rem;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.form-group input{color:#1d2520;box-sizing:border-box;background-color:#fff;border:1px solid #253a3126;border-radius:6px;outline:none;height:44px;padding:0 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#277c59;box-shadow:0 0 0 3px #277c591a}.form-group input::placeholder{color:#8c978f}.btn-login{color:#fff;cursor:pointer;background-color:#1f3028;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:8px;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.btn-login:active{transform:scale(.98)}.login-footer{text-align:center;border-top:1px solid #21362d14;margin-top:28px;padding-top:20px}.login-footer p{color:#667269;margin:0;font-size:.85rem}.login-footer a{color:#277c59;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.container{max-width:800px;margin:2rem auto;padding:0 1rem}.alert-banner{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.alert-success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-left:5px solid #16a34a}.alert-success svg{color:#16a34a;flex-shrink:0}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-title-group{flex-direction:column;display:flex}h1{color:#1e293b;margin:0}.welcome-msg{color:#64748b;margin:.25rem 0 0;font-size:.95rem;font-weight:500}.header-actions{align-items:center;gap:.75rem;display:flex}.btn-crear{color:#fff;background-color:#1f3028;border-radius:6px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .2s}.btn-crear:hover{background-color:#294338}.form-logout{margin:0}.btn-salir{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:background .2s}.btn-salir:hover{background:#fef2f2;border-color:#dc2626}.card-avatar-wrapper{background-color:#f1f5f9;border:3px solid #1f3028;border-radius:50%;flex-shrink:0;width:90px;min-width:90px;height:90px;min-height:90px;overflow:hidden}.card-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.card-footer-row{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.card-actions{gap:.5rem;margin-top:0;display:flex}.btn-action{cursor:pointer;border:none;border-radius:4px;padding:.35rem .85rem;font-size:.85rem;font-weight:600;transition:background-color .2s}.btn-editar{color:#334155;background-color:#e2e8f0;text-decoration:none}.btn-editar:hover{background-color:#cbd5e1}.btn-eliminar{color:#991b1b;background-color:#fee2e2}.btn-eliminar:hover{background-color:#fca5a5}.error-msg{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:1rem;padding:.75rem}.modal{border:none;border-radius:12px;width:90%;max-width:400px;padding:0;box-shadow:0 10px 25px #0003}.modal::backdrop{background:#00000080}.modal-box{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal-box h3{color:#0f172a;margin:0}.modal-box p{color:#334155;margin:0}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.btn-cancelar{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.btn-confirmar-eliminar{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.container-form{max-width:650px;margin:2rem auto;padding:0 1rem}.form-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a}.form-group{flex-direction:column;margin-bottom:1.25rem;display:flex}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.form-group label{margin-bottom:.4rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;padding:.6rem;font-size:1rem}.btn-submit{color:#fff;cursor:pointer;background-color:#1f3028;border:none;border-radius:4px;width:100%;padding:.8rem 1.5rem;font-size:1rem;transition:background-color .2s}.btn-submit:hover{background-color:#294338}.alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.alert.error{color:#991b1b;background-color:#fee2e2}.alert.success{color:#166534;background-color:#dcfce7}.edit-form{flex-direction:column;gap:1.25rem;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.image-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;padding:.5rem;display:flex}.img-wrapper{border-radius:4px;width:100%;height:80px;margin-bottom:.5rem;overflow:hidden}.img-wrapper img{object-fit:cover;width:100%;height:100%}.checkbox-label{color:#dc2626;cursor:pointer;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.help-text,.no-img-text{color:#64748b;font-size:.8rem}.no-img-text{font-style:italic}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.btn-cancelar{color:#334155;background-color:#e2e8f0;border-radius:6px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn-guardar{color:#fff;cursor:pointer;background-color:#1f3028;border:none;border-radius:6px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-guardar:hover{background-color:#294338}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-header h1{color:#1f3028;margin:0;font-size:2rem}.btn-login{color:#fff;white-space:nowrap;background-color:#1f3028;border-radius:6px;justify-content:center;align-items:center;width:auto;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-login:hover{background-color:#294338}.lista-mascotas{flex-direction:column;gap:1.25rem;display:flex}.card-mascota{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1.25rem;padding:1.25rem;transition:background-color .2s;display:flex;box-shadow:0 2px 4px #0000000d}.card-mascota:hover{background:#d9eedd}.card-content{flex-direction:column;flex:1;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.card-header h2{color:#0f172a;margin:0;font-size:1.2rem}.badge-tipo{color:#0369a1;background-color:#e0f2fe;border-radius:9999px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.card-body p{color:#334155;margin:.25rem 0;font-size:.95rem}.empty-msg{color:#64748b;font-style:italic}html,body{color:#333;background-color:#c3cfc8;margin:0;padding:0}