.header{background-color:white;position:fixed;top:0;left:0;width:100%;z-index:100}.header-scrolled{background-color:transparent}.mobile-user-info{text-align:center;padding:0}.mobile-user-links{list-style:none;padding:0}.mobile-user-links li{margin-bottom:10px}.mobile-user-links a,.mobile-user-links button{font-size:1rem;background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:none}.header-wrapper{padding:15px 20px;transition:background .3s ease}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.logo-container{position:absolute;display:flex;align-items:center;z-index:2}.logo{display:flex;align-items:end;gap:8px;margin-left:20px}.logo-text{color:var(--text-primary)}.hogar,.logo-text{font-size:1.5rem;font-weight:700}.hogar{color:var(--primary)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:50px;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid var(--text-secondary);border-radius:18px;transition:all .3s ease;margin-left:auto}.nav-expanded{margin-left:0;width:100%;transition:all .3s ease}.main-nav{flex:1 1;display:flex;justify-content:end}.nav-list{display:flex;list-style:none;gap:25px}.nav-list li a{font-size:1rem;color:var(--text-primary);transition:color .2s}.nav-list li a:hover{color:var(--primary)}.login-button{background:linear-gradient(90deg,#7462e0,#6495ed);color:white;border:none;border-radius:15px;padding:10px 30px;font-size:.9rem;font-weight:500;transition:all .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(116,98,224,.4)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transition:left .7s ease}.login-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(116,98,224,.4)}.login-button:hover:before{left:100%}.hamburger-button{display:none!important;background:none;border:none;z-index:999;position:relative;cursor:pointer;margin-left:auto;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#555}.hamburger-button:hover{background-color:rgba(116,98,224,.1);color:#7462e0}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;margin-top:20%;padding:24px;background:rgb(255,255,255);z-index:998;justify-content:start;align-items:start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-menu,.mobile-menu ul{display:flex;flex-direction:column}.mobile-menu ul{list-style:none;gap:10px;text-align:start;padding:0;margin:0}.mobile-menu ul li a{font-size:1rem;font-weight:600;color:#555;text-decoration:none;transition:all .3s ease;background:linear-gradient(90deg,#7462e0,#6495ed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;opacity:.8}.mobile-menu ul li a:hover{opacity:1;transform:scale(1.05)}.profile-info-mobile{display:flex;flex-direction:column}@media (max-width:768px){.header{margin:10px;width:calc(100% - 20px);background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid var(--text-secondary);border-radius:18px}.header-wrapper{padding:10px 20px}.hamburger-button svg{color:var(--primary)}.hamburger-button{display:flex!important}.nav-container{display:none}.mobile-menu .login-button{margin-top:20px;padding:12px 40px;font-size:1rem}.logo{margin-left:0}.logo-text{font-size:1.3rem}}.mobile-menu ul li{animation:fadeIn .5s forwards;opacity:0}.mobile-menu ul li:first-child{animation-delay:.1s}.mobile-menu ul li:nth-child(2){animation-delay:.2s}.mobile-menu ul li:nth-child(3){animation-delay:.3s}.mobile-menu ul li:nth-child(4){animation-delay:.4s}.mobile-menu ul li:nth-child(5){animation-delay:.5s}.mobile-menu ul li:nth-child(6){animation-delay:.6s}.mobile-menu ul li:nth-child(7){animation-delay:.7s}.profile-dropdown{position:relative}.profile-button{display:flex;align-items:center;background:none;border:1px solid #e0e0e0;border-radius:24px;padding:6px 12px;cursor:pointer;transition:all .2s ease}.profile-button:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.avatar{width:32px;height:32px;border-radius:50%;background-color:#ff385c;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;margin-right:8px}.profile-text{margin:0 8px;font-weight:500}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:240px;z-index:1000;overflow:hidden;animation:fadeIn .2s ease}.avatar-wrapper-mobile{display:flex;align-items:center;justify-content:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu ul{list-style:none;padding:0;margin:0}.profile-menu li{margin:0}.profile-menu li a{display:flex;align-items:center;padding:12px 16px;color:#333;text-decoration:none;transition:background-color .2s ease}.profile-menu li a:hover{background-color:#f5f5f5}.profile-menu li a svg{margin-right:12px}.profile-menu li.divider{height:1px;background-color:#e0e0e0;margin:8px 0}.profile-header{padding:16px;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.profile-info{margin-left:12px}.profile-name{font-weight:600;margin:0}.profile-email{font-size:.85rem;color:#666;margin:0}.logout-link{color:#ff385c!important}.logout-link svg{stroke:#ff385c}