.hidden{display:none}.change-pass{font-size:smaller;font-weight:100}.change-pass:hover{color:#ff9000}.modal{z-index:1000;visibility:hidden;opacity:0;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:visibility,opacity .5s linear;display:flex;position:fixed;top:0;left:0}.modal:not(.hidden){visibility:visible;opacity:1}.modal-content{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 0 10px #00000080}.close-button{cursor:pointer;float:right;color:#aaa;font-size:24px}.close-button:hover{color:#000}.profile-main{margin-top:120px;padding:0 16px 40px}.profile-page{flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;display:flex}.profile-section{background:#fff;border-radius:12px;padding:28px;box-shadow:0 5px 15px #0000001f}.profile-section h2,.profile-section-header h2{color:#222;text-align:left;margin:0 0 18px;font-size:1.35rem;font-weight:600}.profile-section-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.profile-section-header h2{margin-bottom:12px}.profile-section-link{color:#ff9000;white-space:nowrap;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.profile-section-link:hover{color:#ff5700;text-decoration:underline}.user-info-container{text-align:center;background:#fff;border-radius:12px;width:80%;max-width:600px;margin:50px auto;padding:30px;box-shadow:0 5px 15px #00000026}.user-details{background:#f7f7f7;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.user-item{color:#444;background:#fff;border-radius:6px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.95rem;display:flex;box-shadow:0 1px 4px #0000000f}.user-item strong{color:#222}.user-row{gap:12px;display:flex}.user-row .user-item{flex:1}.profile-actions{flex-wrap:wrap;gap:10px 18px;margin-top:20px;padding-top:4px;display:flex}.profile-action-link{color:#555;cursor:pointer;border-bottom:1px solid #0000;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.profile-action-link:hover{color:#ff9000;border-bottom-color:#ff9000}.btn-profile{color:#fff;background:linear-gradient(45deg,#ff9000,#ff5700);border-radius:6px;width:100%;max-width:300px;margin-top:20px;padding:12px;font-size:16px;font-weight:700;text-decoration:none;transition:background .3s;display:inline-block}.btn-profile:hover{background:linear-gradient(45deg,#ff5700,#ff9000)}.membership-summary-content{min-height:72px}.membership-summary-card{background:linear-gradient(135deg,#fffaf4 0%,#fff 55%);border:1px solid #eee;border-radius:10px;flex-direction:column;gap:16px;padding:18px;display:flex}.membership-summary-card--empty{background:#fafafa}.membership-summary-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.membership-summary-title{color:#222;margin:0 0 6px;font-size:1.05rem;font-weight:700}.membership-summary-meta,.membership-summary-days{color:#666;margin:0;font-size:.9rem}.membership-summary-days{color:#444;margin-top:4px;font-weight:600}.membership-summary-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.membership-summary-cta{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff9000,#ff5700);border-radius:6px;justify-content:center;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,opacity .2s;display:inline-flex}.membership-summary-cta:hover{background:linear-gradient(45deg,#ff5700,#ff9000)}.membership-summary-secondary{color:#666;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.membership-summary-secondary:hover{color:#ff9000}.profile-status-chip{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.profile-status-chip--active{color:#1b5e20;background:#e8f5e9}.profile-status-chip--expiring{color:#e65100;background:#fff3e0}.profile-status-chip--lifetime{color:#374151;background:#f3f4f6}.profile-status-chip--inactive{color:#6b7280;background:#f3f4f6}.purchased-courses-list{flex-direction:column;gap:10px;display:flex}.purchased-course-row{background:#fff;border:1px solid #eee;border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:12px;transition:border-color .2s,box-shadow .2s;display:grid}.purchased-course-row:hover{border-color:#ff900073;box-shadow:0 4px 14px #ff90001f}.purchased-course-media{cursor:pointer;background:#f0f0f0;border-radius:6px;width:72px;height:48px;display:block;overflow:hidden}.purchased-course-media img{object-fit:cover;width:100%;height:100%;display:block}.purchased-course-body{min-width:0}.purchased-course-name{color:#222;margin:0 0 4px;font-size:.98rem;font-weight:700;line-height:1.3}.purchased-course-name a{color:inherit;cursor:pointer;text-decoration:none}.purchased-course-name a:hover{color:#ff9000}.purchased-course-meta{color:#666;margin:0;font-size:.85rem}.purchased-course-aside{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.purchased-course-action{color:#ff9000;cursor:pointer;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s}.purchased-course-action:hover{color:#ff5700}.purchased-course-action--renew{color:#e65100}.purchased-courses-empty{text-align:center;color:#666;padding:28px 16px}.purchased-courses-empty p{margin:0 0 14px}.profile-skeleton{flex-direction:column;gap:10px;display:flex}.skeleton-line,.skeleton-row{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite profile-skeleton-shine}.skeleton-line{width:70%;height:14px}.skeleton-line--lg{width:45%;height:18px}.skeleton-line--sm{width:35%}.skeleton-row{width:100%;height:64px}@keyframes profile-skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-line,.skeleton-row{animation:none}.purchased-course-row,.membership-summary-cta,.profile-action-link,.profile-section-link,.purchased-course-action{transition:none}}.div-toggle{justify-content:center;align-items:center;display:flex}#toggle-form-btn{color:#fff;cursor:pointer;background-color:#ff9000;border-radius:4px;padding:10px}#toggle-form-btn:hover{background-color:#d87f0b}#update-user-form{opacity:0;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;flex-direction:column;max-width:400px;margin:20px auto;padding:20px;transition:opacity .4s,transform .4s;display:none;transform:translateY(-20px)}#update-user-form.visible{opacity:1;display:flex;transform:translateY(0)}#update-user-form input{border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:15px;padding:10px;font-size:16px}#update-user-form button{color:#fff;cursor:pointer;background-color:#ff9000;border:none;border-radius:4px;padding:10px;font-size:16px;transition:background-color .3s}#update-user-form button:hover{background-color:#d87f0b}@media (width<=700px){.profile-section{padding:20px 16px}.user-row{flex-direction:column}.purchased-course-row{grid-template-rows:auto auto;grid-template-columns:64px 1fr}.purchased-course-aside{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.profile-section-header{flex-direction:column;align-items:flex-start;gap:4px}.membership-summary-top{flex-direction:column;align-items:flex-start}}@media (width<=600px){#update-user-form{padding:15px}#update-user-form input,#update-user-form button{font-size:14px}}.dark-mode header nav{background-color:#181818}.dark-mode .btn-insc-nav:hover{color:#ff9000;background-color:#181818;border-color:#ff9000}.dark-mode .perfil-font{color:#121212}.modal{transition:visibility,opacity .5s linear,background-color .8s}.modal-content{transition:background-color .8s,color .8s}.dark-mode{color:#fff;background-color:#1e1e1e;transition:background-color .8s,color .8s}.dark-mode .modal-content{color:#e0e0e0;background-color:#333;box-shadow:0 0 10px #fff3}.dark-mode .close-button{color:#ccc}.dark-mode .close-button:hover{color:#fff}.dark-mode .user-info-container,.dark-mode .profile-section{color:#e0e0e0;background-color:#1f1f1f;box-shadow:0 4px 20px #ffffff14}.dark-mode .profile-section h2,.dark-mode .profile-section-header h2,.dark-mode .user-info-container h2{color:#e0e0e0}.dark-mode .user-details{background:#2a2a2a}.dark-mode .user-item{color:#ccc;box-shadow:none;background:#333}.dark-mode .user-item strong{color:#fff}.dark-mode .profile-action-link{color:#bbb}.dark-mode .profile-action-link:hover{color:#ff9000;border-bottom-color:#ff9000}.dark-mode .membership-summary-card{background:#2a2a2a;border-color:#444}.dark-mode .membership-summary-card--empty{background:#262626}.dark-mode .membership-summary-title,.dark-mode .purchased-course-name{color:#f3f3f3}.dark-mode .membership-summary-meta,.dark-mode .membership-summary-days,.dark-mode .purchased-course-meta,.dark-mode .purchased-courses-empty,.dark-mode .membership-summary-secondary{color:#bbb}.dark-mode .membership-summary-secondary:hover{color:#ff9000}.dark-mode .purchased-course-row{background:#2a2a2a;border-color:#444}.dark-mode .purchased-course-row:hover{border-color:#ff90008c;box-shadow:0 4px 14px #ff900033}.dark-mode .purchased-course-media{background:#333}.dark-mode .profile-status-chip--active{color:#81c784;background:#2e7d3240}.dark-mode .profile-status-chip--expiring{color:#ffb74d;background:#e6510040}.dark-mode .profile-status-chip--lifetime,.dark-mode .profile-status-chip--inactive{color:#ddd;background:#3a3a3a}.dark-mode .skeleton-line,.dark-mode .skeleton-row{background:linear-gradient(90deg,#333 25%,#3d3d3d 50%,#333 75%) 0 0/200% 100%}.dark-mode #update-user-form{background-color:#2a2a2a;border-color:#555}.dark-mode #update-user-form input{color:#e0e0e0;background-color:#333;border-color:#555}
