.perfil-page{background:var(--color-neutral-50);min-height:70vh;padding:60px 0 100px}.perfil-empty{text-align:center;background:#fff;border-radius:16px;max-width:500px;margin:0 auto;padding:80px 20px}.perfil-empty svg{color:var(--color-neutral-300)}.perfil-empty h1{color:var(--color-neutral-700);margin:1.5rem 0 .5rem;font-size:1.75rem}.perfil-empty p{color:var(--color-neutral-500);margin-bottom:2rem}.login-container{grid-template-columns:1fr 300px;gap:2rem;max-width:800px;margin:0 auto;display:grid}.login-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.login-tabs{background:var(--color-neutral-100);border-radius:10px;gap:.5rem;margin-bottom:2rem;padding:4px;display:flex}.login-tab{color:var(--color-neutral-600);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.login-tab:hover{color:var(--color-neutral-800)}.login-tab.active{color:var(--color-primary-600);background:#fff;box-shadow:0 2px 4px #00000014}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h1{color:var(--color-neutral-800);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.login-header p{color:var(--color-neutral-500);margin:0;font-size:.938rem}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.login-card .form-group{margin-bottom:1rem}.login-card .form-group label{color:var(--color-neutral-700);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.login-card .form-group input{border:1px solid var(--color-neutral-200);border-radius:10px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.login-card .form-group input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #22c55e1a}.login-card .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.login-btn{background:var(--color-primary-600);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.login-btn:hover:not(:disabled){background:var(--color-primary-700)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid var(--color-neutral-100);margin-top:1.5rem;padding-top:1.5rem}.login-toggle{color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:color .2s}.login-toggle:hover{color:var(--color-primary-700);text-decoration:underline}.login-info{background:var(--color-primary-50);border-radius:16px;height:fit-content;padding:2rem}.login-info h3{color:var(--color-neutral-800);margin:0 0 1.5rem;font-size:1rem;font-weight:600}.login-info ul{margin:0;padding:0;list-style:none}.login-info li{color:var(--color-neutral-700);border-bottom:1px solid #22c55e1a;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.938rem;display:flex}.login-info li:last-child{border-bottom:none}.login-info li svg{color:var(--color-primary-600)}@media (max-width:768px){.login-container{grid-template-columns:1fr}.login-info{order:-1}.login-card .form-row{grid-template-columns:1fr}}.perfil-grid{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.perfil-sidebar{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.user-card{text-align:center;border-bottom:1px solid var(--color-neutral-100);padding:2rem 1.5rem}.user-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;display:flex}.user-card h2{color:var(--color-neutral-800);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.user-card p{color:var(--color-neutral-500);margin:0;font-size:.875rem}.perfil-nav{padding:1rem 0}.nav-item{width:100%;color:var(--color-neutral-600);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:1rem 1.5rem;font-size:.938rem;transition:all .2s;display:flex}.nav-item:hover{background:var(--color-neutral-50);color:var(--color-neutral-800)}.nav-item.active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:500}.nav-item svg:last-child{opacity:.5;margin-left:auto}.nav-item.logout{color:#dc2626;border-top:1px solid var(--color-neutral-100);margin-top:.5rem}.nav-item.logout:hover{background:#fef2f2}.perfil-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px #0000000f}.perfil-content h1{color:var(--color-neutral-800);margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.no-orders{text-align:center;color:var(--color-neutral-400);padding:60px 20px}.no-orders p{color:var(--color-neutral-600);margin:1rem 0 2rem}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{border:1px solid var(--color-neutral-100);border-radius:12px;overflow:hidden}.order-header{background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.order-info{flex-direction:column;gap:.25rem;display:flex}.order-id{color:var(--color-neutral-800);font-weight:600}.order-date{color:var(--color-neutral-500);font-size:.813rem}.order-status{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.813rem;font-weight:500;display:flex}.order-status.status-pending{color:#b45309;background:#fef3c7}.order-status.status-confirmed{color:#1d4ed8;background:#dbeafe}.order-status.status-shipped{color:#4338ca;background:#e0e7ff}.order-status.status-delivered{color:#16a34a;background:#dcfce7}.order-items{padding:1rem 1.25rem}.order-item{border-bottom:1px solid var(--color-neutral-100);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.order-item:last-child{border-bottom:none}.item-image{background:var(--color-neutral-50);border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%}.item-placeholder{background:var(--color-neutral-100);width:100%;height:100%}.item-details{flex-direction:column;flex:1;gap:.125rem;display:flex}.item-name{color:var(--color-neutral-800);font-weight:500}.item-variant,.item-qty{color:var(--color-neutral-500);font-size:.813rem}.item-price{color:var(--color-neutral-800);font-weight:600}.order-footer{border-top:1px solid var(--color-neutral-100);background:var(--color-neutral-50);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.order-address{color:var(--color-neutral-600);align-items:center;gap:6px;font-size:.875rem;display:flex}.order-total{color:var(--color-neutral-600);font-size:.938rem}.order-total strong{color:var(--color-neutral-800);font-size:1.125rem}.profile-card{flex-direction:column;gap:2rem;display:flex}.profile-section h3{color:var(--color-neutral-600);border-bottom:1px solid var(--color-neutral-100);margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.profile-fields{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.field{flex-direction:column;gap:.375rem;display:flex}.field label{color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;font-size:.813rem;font-weight:500}.field span{color:var(--color-neutral-800);font-size:1rem}.profile-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat{background:var(--color-primary-50);text-align:center;border-radius:12px;padding:1.5rem}.stat-value{color:var(--color-primary-600);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;display:block}.stat-label{color:var(--color-neutral-600);font-size:.875rem}.btn-primary{background:var(--color-primary-500);color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--color-primary-600)}.btn-secondary{border:1px solid var(--color-neutral-200);color:var(--color-neutral-600);background:0 0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}@media (max-width:768px){.perfil-grid,.profile-fields{grid-template-columns:1fr}.order-header{flex-direction:column;align-items:flex-start;gap:.75rem}}