@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap";:root{--surface:#efe9e4;--surface-low:#e4dcd3;--surface-lowest:#fff;--primary:#ff914d;--primary-dim:#e67a38;--on-primary:#fff;--accent:#eeba89;--on-accent:#373d3b;--on-surface:#373d3b;--on-surface-variant:#5e5343;--app-bg:#f5efeb;--app-surface:#ffffffb3;--app-surface-solid:#fff;--app-accent:#ff914d;--app-on-surface:#373d3b;--app-on-surface-variant:#7d7365;--shape-xl:36px;--shape-lg:20px;--shape-md:12px;--font-display:"Playfair Display", serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--on-surface);letter-spacing:-.01em;font-weight:500}.btn-primary{background-color:var(--primary);color:var(--on-primary);border-radius:var(--shape-xl);font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:.75rem;padding:1.1rem 2.8rem;font-size:.95rem;font-weight:500;transition:all .4s cubic-bezier(.165,.84,.44,1);display:inline-flex;box-shadow:0 10px 25px #ff914d4d}.btn-primary:hover{background-color:var(--primary-dim);transform:translateY(-3px);box-shadow:0 15px 35px #ff914d66}.btn-outline{color:var(--on-surface);border-radius:var(--shape-xl);font-family:var(--font-body);cursor:pointer;background-color:#0000;border:1px solid #373d3b33;padding:1.1rem 2.8rem;font-size:.95rem;font-weight:500;transition:all .4s}.btn-outline:hover{background-color:var(--on-surface);color:var(--surface-lowest)}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:1px solid #fff9;box-shadow:0 8px 32px #373d3b0d}.warm-glass-card{-webkit-backdrop-filter:blur(24px);background:#ffffffa6;border:1px solid #fffc;border-radius:24px;box-shadow:0 10px 40px #373d3b0a}.glass-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-surface);font-family:var(--font-body);cursor:pointer;background:#fff6;border:1px solid #ffffff80;border-radius:30px;align-items:center;gap:10px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.glass-button:hover{background:#ffffffb3;transform:translateY(-2px);box-shadow:0 6px 30px #373d3b14}.glass-button-dark{background:var(--on-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--on-surface-variant);color:var(--surface-lowest);cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:1rem 2rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.glass-button-dark:hover{background:var(--black);transform:scale(1.02)}.premium-input-group{margin-bottom:1.5rem;position:relative}.premium-input-group label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.premium-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--on-surface);background:#fffc;border:1px solid #373d3b1a;border-radius:16px;outline:none;padding:1.2rem 1rem 1.2rem 3rem;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #373d3b05}.premium-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #ff914d26}.premium-input-icon{color:var(--on-surface-variant);opacity:.7;position:absolute;top:42px;left:1rem}.glass-nav{-webkit-backdrop-filter:blur(25px);z-index:1000;background:#efe9e4d9;border-bottom:1px solid #ffffff80;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;display:flex;position:fixed;top:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:1s cubic-bezier(.165,.84,.44,1) forwards fadeUp}.badge-peach{background-color:var(--surface-lowest);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;border:1px solid #ff914d4d;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;display:inline-block;box-shadow:0 4px 15px #ff914d1a}.card-discipline{background:var(--surface-lowest);border-radius:var(--shape-lg);border:1px solid #373d3b0d;flex-direction:column;justify-content:space-between;min-height:280px;padding:3rem 2rem;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.card-discipline:hover{border-color:#ff914d33;transform:translateY(-10px);box-shadow:0 30px 60px #373d3b14}.portal-container{background-color:var(--surface);flex-direction:row;min-height:100vh;display:flex}.portal-sidebar{background:var(--surface-lowest);border-right:1px solid #373d3b0d;flex-direction:column;width:280px;padding:2.5rem 2rem;display:flex}.portal-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.portal-main{flex:1;padding:4rem 6%}@media (width<=768px){.portal-container{flex-direction:column}.portal-mobile-header{display:flex!important}.desktop-logo,.desktop-logout{display:none!important}.portal-sidebar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-top:1px solid #fffc;border-right:none;flex-direction:row;width:100%;padding:1rem;position:fixed;bottom:0;left:0;box-shadow:0 -4px 30px #373d3b14}.portal-nav{white-space:nowrap;flex-direction:row;justify-content:space-around;gap:.5rem;width:100%;padding-bottom:5px;overflow:auto hidden}.portal-nav::-webkit-scrollbar{display:none}.portal-nav-item{min-width:60px;color:var(--on-surface-variant);flex-direction:column!important;gap:6px!important;padding:.5rem!important}.portal-nav-item.active{color:var(--primary)}.portal-nav-item span{font-size:.65rem;font-weight:500}.portal-main{padding:0 0 120px!important}}.mobile-toggle{color:var(--on-surface);cursor:pointer;z-index:1001;background:0 0;border:none;display:none;position:relative}.mobile-menu-overlay{background:var(--surface);z-index:1000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-overlay a{color:var(--on-surface);font-size:1.8rem;font-family:var(--font-display);margin:1rem 0;font-weight:500;text-decoration:none;transition:color .2s}.mobile-menu-overlay a:active{color:var(--primary)}.hero-buttons{gap:1rem;display:flex}@media (width<=768px){.glass-nav .desktop-links,.glass-nav .desktop-actions{display:none!important}.mobile-toggle{display:block!important}.glass-nav{padding:1rem 5%}.hero-text-container{max-width:100%!important}.hero-buttons{flex-direction:column;gap:.8rem}.hero-buttons button{justify-content:center;width:100%}#agenda-info,#evolucion-info,#nutricion-info{padding:4rem 5%!important}#agenda-info h2,#evolucion-info h2,#nutricion-info h2{font-size:2rem!important}.card-discipline{min-height:220px;padding:2rem 1.5rem}}@media (width<=480px){.glass-nav{padding:.8rem 4%}.hero-text-container h1{font-size:2.5rem!important}.hero-text-container p{font-size:1rem!important}}.class-card{background:var(--surface-lowest);border-radius:var(--shape-lg);border:1px solid #fffc;justify-content:space-between;align-items:center;padding:2rem;transition:all .3s;display:flex;box-shadow:0 5px 20px #373d3b0a}.class-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #373d3b14}.class-card.disabled{opacity:.6;background:var(--surface-low)}.class-card-info{align-items:center;gap:20px;display:flex}.class-card-action{flex-direction:column;align-items:center;gap:.5rem;display:flex}.btn-agenda-disabled{background:var(--surface);color:var(--on-surface-variant);border-radius:var(--shape-xl);cursor:not-allowed;border:none;width:100%;padding:.8rem 2rem;font-size:.9rem;font-weight:500}@media (width<=650px){.class-card{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.class-card-info{gap:1rem;width:100%}.class-card-action{border-top:1px dashed #373d3b1a;align-items:stretch;width:100%;padding-top:1.2rem}.class-card-action button{justify-content:center;width:100%}}.app-shell{background-color:var(--app-bg);min-height:100vh;color:var(--app-on-surface);background-image:radial-gradient(circle at 100% 0,#fffc,#0000 40%),radial-gradient(circle at 0 100%,#fff9,#0000 40%);position:relative;overflow-x:hidden}.bottom-nav{-webkit-backdrop-filter:blur(25px);z-index:2000;background:#ffffffd9;border:1px solid #fffc;border-radius:40px;justify-content:space-between;align-items:center;width:92%;max-width:440px;padding:8px 10px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #373d3b1a}.nav-item{color:var(--on-surface-variant);flex-direction:column;flex:1;align-items:center;gap:5px;padding:10px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item span{letter-spacing:.03em;font-size:.65rem;font-weight:600}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.nav-central-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 10px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 25px #ff914d66}.nav-central-btn:hover{transform:scale(1.05)translateY(-5px);box-shadow:0 15px 30px #ff914d80}.midnight-gradient-btn,.app-gradient-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:20px;padding:1rem 2rem;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #ff914d40}.midnight-gradient-btn:hover,.app-gradient-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ff914d59}@media (width<=650px){.bottom-nav{width:94%;bottom:15px}}.mobile-app-container{background-color:var(--app-bg);background-image:radial-gradient(circle at 100% 0,#ffffffe6,#0000 50%),radial-gradient(circle at 0 100%,#eeba8933,#0000 50%);max-width:100%;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.dashboard-main{flex-direction:column;gap:24px;padding:0 20px 120px;display:flex}.dashboard-sidebar,.dashboard-content{flex-direction:column;gap:24px;display:flex}.ios-header{z-index:100;background:linear-gradient(#f5efeb 40%,#f5efeb00);padding:40px 20px 20px;position:sticky;top:0}@media (width>=768px){.mobile-app-container{max-width:1200px;padding:0 40px}.ios-header{padding:40px 0 20px}.dashboard-main{grid-template-columns:350px 1fr;align-items:start;gap:40px;padding:0 0 120px;display:grid}.ios-bottom-nav{border-radius:40px;gap:40px;left:50%;transform:translate(-50%);border:1px solid #fffc!important;width:auto!important;height:80px!important;padding:0 40px!important;bottom:30px!important}}.ios-glass-card{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #fffc;border-radius:24px;box-shadow:0 8px 32px #373d3b0a}.ios-glass-btn{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fff9;border:1px solid #fffc;border-radius:20px;align-items:center;gap:12px;padding:16px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #373d3b08}.ios-glass-btn:active{transform:scale(.96)}.ios-glass-btn .icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wallet-card{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:#fff;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 15px 35px #ff914d40}.wallet-header{background:#ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.wallet-body{background-blend-mode:overlay;background:url(/noise.png);justify-content:center;padding:30px;display:flex}.wallet-footer{background:#0000000d;justify-content:space-between;padding:20px;display:flex}.ios-bottom-nav{-webkit-backdrop-filter:blur(30px);z-index:2000;background:#fffc;border-top:1px solid #ffffffe6;justify-content:space-around;align-items:center;width:100%;height:90px;padding-bottom:20px;display:flex;position:fixed;bottom:0}.ios-bottom-nav .nav-item{color:var(--on-surface-variant);opacity:.6;transition:all .2s}.ios-bottom-nav .nav-item.active{color:var(--primary);opacity:1}.nav-central-action{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;transform:translateY(-20px);box-shadow:0 10px 20px #ff914d4d}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-drawer{-webkit-backdrop-filter:blur(25px);z-index:9999;background:#ffffffd9;border-radius:30px 30px 0 0;width:100vw;max-height:90vh;padding:30px 20px 40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;bottom:0;left:0;overflow-y:auto;box-shadow:0 -10px 40px #373d3b26}.glass-modal{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffffd9;border:1px solid #ffffffe6;border-radius:28px;width:100%;max-width:400px;padding:30px;animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleUp;box-shadow:0 20px 50px #373d3b26}.modal-close-pill{background:#373d3b33;border-radius:10px;width:50px;height:5px;margin:0 auto 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-dropdown{-webkit-backdrop-filter:blur(20px);z-index:100;background:#ffffffe6;border:1px solid #ffffffe6;border-radius:20px;min-width:200px;padding:10px;animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleUp;position:absolute;top:70px;right:20px;box-shadow:0 10px 30px #373d3b1a}.profile-dropdown-item{cursor:pointer;color:var(--on-surface);border-radius:12px;align-items:center;gap:10px;padding:12px 15px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.profile-dropdown-item:hover{background:#373d3b0d}.profile-dropdown-item.danger{color:#ff4d4d}.profile-dropdown-item.danger:hover{background:#ff4d4d1a}