:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background-color:var(--teal);border-bottom:2px solid var(--teal)}.header_logo{font-weight:700;font-size:18px;line-height:1.2;color:var(--beige)}.header_nav{display:flex;gap:24px}.header_link{background:none;border:none;color:var(--beige);font-weight:600;cursor:pointer;font-size:14px;padding:8px 16px}.header_link:hover{background-color:#3d7a801a;border-radius:4px}.header_actions{display:flex;gap:12px}.header_btn{padding:10px 16px;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.header_btn--outline{background:transparent;border:2.5px solid var(--beige);color:var(--beige)}.header_btn--outline:hover{background-color:var(--beige);color:var(--teal)}.header_btn--solid{background-color:var(--beige);border:2.5px solid var(--teal);color:var(--teal)}.header_btn--solid:hover{background-color:var(--teal);border-color:var(--beige);color:var(--beige)}.footer{background-color:#5b9999;padding:0;margin-top:auto}.footer_border{height:.25rem;background-color:#f5f0e8}.footer_content{display:flex;justify-content:space-around;align-items:flex-start;padding:2rem 1.5rem;gap:2rem;flex-wrap:wrap}.footer_block{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:200px}.footer_logo{font-size:2rem;font-weight:700;color:#f5f0e8;line-height:1.1;text-align:center;font-family:Courier New,monospace;letter-spacing:.05em}.footer_title{font-size:1.25rem;font-weight:700;color:#2d5555;margin:0 0 1rem}.footer_text{font-size:.938rem;color:#f5f0e8;line-height:1.6;margin:0}.footer_socials{display:flex;gap:1.5rem;align-items:center}.footer_social_link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:transparent;border-radius:.5rem;transition:all .3s ease;text-decoration:none}.footer_social_link:hover{transform:translateY(-3px);filter:brightness(1.2)}.footer_social_link:active{transform:translateY(0)}.footer_social_icon{width:100%;height:100%;object-fit:contain}.footer_copy{text-align:center;font-size:.875rem;color:#f5f0e8;padding:1.5rem 1rem;margin:0;border-top:1px solid rgba(245,240,232,.2)}@media(max-width:768px){.footer_content{flex-direction:column;align-items:center;gap:2.5rem}.footer_block{width:100%}.footer_logo{font-size:1.75rem}.footer_socials{gap:1.25rem}.footer_social_link{width:45px;height:45px}}.hero_section{background:linear-gradient(135deg,#f5f0e8,#e8dcc8);padding:4rem 2rem;min-height:600px;display:flex;align-items:center}.hero_content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero_text{display:flex;flex-direction:column;gap:1.5rem}.hero_badge{display:inline-block;padding:.5rem 1rem;background-color:#5b99991a;color:#5b9999;border-radius:2rem;font-size:.875rem;font-weight:600;width:fit-content}.hero_title{font-size:3.5rem;font-weight:700;color:#2d5555;line-height:1.1;margin:0}.hero_description{font-size:1.125rem;color:#666;line-height:1.7;margin:0}.hero_buttons{display:flex;gap:1rem;margin-top:1rem}.btn_primary{padding:1rem 2rem;background-color:#2d5555;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .3s ease}.btn_primary:hover{background-color:#1f3c3c;transform:translateY(-2px);box-shadow:0 8px 20px #2d55554d}.btn_secondary{padding:1rem 2rem;background-color:transparent;color:#2d5555;text-decoration:none;border:2px solid #2d5555;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .3s ease}.btn_secondary:hover{background-color:#2d5555;color:#fff;transform:translateY(-2px)}.hero_image{position:relative;height:600px;display:flex;align-items:center;justify-content:center}.floating_card{position:absolute;background:#fff;border-radius:1.25rem;padding:.875rem;box-shadow:0 12px 35px #0000002e;animation:float 6s ease-in-out infinite;max-width:220px}.card_1{top:0;right:5%;animation-delay:0s;z-index:3}.card_2{top:50%;left:0;transform:translateY(-50%);animation-delay:2s;z-index:2}.card_3{bottom:0;right:20%;animation-delay:4s;z-index:1}.card_img{width:100%;height:auto;max-width:200px;max-height:200px;border-radius:.875rem;object-fit:cover;display:block}.card_badge{background-color:#ffa500e6;color:#fff;padding:.5rem 1rem;border-radius:1.25rem;font-size:.813rem;font-weight:600;margin-top:.625rem;text-align:center;white-space:nowrap}.center_logo{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);z-index:0}.logo_circle{width:170px;height:170px;background:linear-gradient(135deg,#5b9999,#3d7373);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #5b999966;animation:pulse 3s ease-in-out infinite}.logo_text{font-size:3.5rem;font-weight:700;color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-with-center{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 20px))}}.card_2{animation:float-with-center 6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.courses_section{background-color:#1f3c3c;padding:4rem 2rem;color:#fff}.section_header{max-width:800px;margin:0 auto 3rem;text-align:center}.section_badge{display:inline-block;padding:.5rem 1rem;background-color:#5b99994d;color:#a8d5d5;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1rem}.section_title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.section_description{font-size:1.125rem;line-height:1.7;color:#fffc;margin:0}.courses_showcase{max-width:1200px;margin:0 auto;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #0000004d}.showcase_image{width:100%;height:auto;max-height:600px;display:block;object-fit:contain;background-color:#ffffff0d}.features_section{background-color:#f5f0e8;padding:4rem 2rem}.features_grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature_card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative}.feature_card.featured{background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;transform:scale(1.05)}.feature_card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.feature_badge{position:absolute;top:1rem;right:1rem;background-color:#ffa500e6;color:#fff;padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600}.feature_icon{font-size:3rem;margin-bottom:1.5rem}.feature_title{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.feature_card.featured .feature_title{color:#fff}.feature_description{font-size:1rem;line-height:1.7;color:#666;margin:0 0 1.5rem}.feature_card.featured .feature_description{color:#ffffffe6}.feature_list{list-style:none;padding:0;margin:0 0 1.5rem}.feature_list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666}.feature_card.featured .feature_list li{color:#ffffffe6}.feature_list li:before{content:"✓";position:absolute;left:0;color:#5b9999;font-weight:700}.feature_card.featured .feature_list li:before{color:#fff}.feature_arrow{font-size:1.5rem;color:#5b9999;font-weight:700}.feature_card.featured .feature_arrow{color:#fff}.benefits_section{background-color:#fff;padding:4rem 2rem}.benefits_container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.benefits_content .section_badge{background-color:#ffa5001a;color:#ff8c00}.benefits_content .section_title,.benefits_content .section_description{text-align:left;color:#2d5555}.benefits_content .section_description{color:#666}.benefits_grid{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.benefit_item{display:flex;gap:1.5rem;align-items:flex-start}.benefit_icon{font-size:2.5rem;flex-shrink:0}.benefit_title{font-size:1.25rem;font-weight:600;color:#2d5555;margin:0 0 .5rem}.benefit_desc{font-size:1rem;color:#666;line-height:1.6;margin:0}.benefits_image{border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #00000026;max-height:500px}.dashboard_img{width:100%;height:100%;max-height:500px;object-fit:cover;display:block}.extra_features_section{background-color:#f5f0e8;padding:4rem 2rem}.extra_features_grid{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.extra_card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #00000014;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:350px}.extra_img{width:100%;height:100%;min-height:350px;max-height:450px;object-fit:cover;display:block}.extra_content{padding:3rem}.extra_title{font-size:1.75rem;font-weight:700;color:#2d5555;margin:0 0 1rem}.extra_description{font-size:1rem;color:#666;line-height:1.7;margin:0 0 1.5rem}.extra_arrow{font-size:1.5rem;color:#5b9999;font-weight:700}.stats_section{background:linear-gradient(135deg,#5b9999,#3d7373);padding:3rem 2rem;text-align:center;color:#fff}.stats_badge{display:inline-block;padding:.5rem 1.5rem;background-color:#fff3;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:2rem}.stats_grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat_item{padding:1.5rem}.stat_number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat_label{font-size:1rem;opacity:.9}.cta_section{background-color:#f5f0e8;padding:5rem 2rem;text-align:center}.cta_content{max-width:800px;margin:0 auto}.cta_title{font-size:2.5rem;font-weight:700;color:#2d5555;margin:0 0 1rem}.cta_description{font-size:1.125rem;color:#666;margin:0 0 2rem}.cta_buttons{display:flex;gap:1rem;justify-content:center}.btn_cta_primary{padding:1.25rem 2.5rem;background-color:#5b9999;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:1.125rem;transition:all .3s ease}.btn_cta_primary:hover{background-color:#4a8080;transform:translateY(-2px);box-shadow:0 10px 30px #5b99994d}.btn_cta_secondary{padding:1.25rem 2.5rem;background-color:transparent;color:#5b9999;text-decoration:none;border:2px solid #5b9999;border-radius:.5rem;font-weight:600;font-size:1.125rem;transition:all .3s ease}.btn_cta_secondary:hover{background-color:#5b9999;color:#fff;transform:translateY(-2px)}@media(max-width:1024px){.hero_section{padding:3rem 1.5rem;min-height:auto}.hero_content{grid-template-columns:1fr;gap:3rem}.hero_text{text-align:center;align-items:center}.hero_title{font-size:2.75rem}.hero_description{font-size:1.063rem}.hero_buttons{justify-content:center;flex-wrap:wrap}.hero_image{order:-1;height:500px}.center_logo{left:50%}.logo_circle{width:150px;height:150px}.logo_text{font-size:3rem}.card_1{top:5%;right:8%}.card_2{top:50%;left:5%}.card_3{bottom:5%;right:22%}.courses_section,.features_section,.benefits_section,.extra_features_section{padding:3rem 1.5rem}.section_title{font-size:2.25rem}.section_description{font-size:1.063rem}.features_grid{grid-template-columns:1fr;gap:1.5rem}.feature_card.featured{transform:scale(1)}.feature_card:hover{transform:translateY(-5px)}.benefits_container{grid-template-columns:1fr;gap:3rem}.benefits_content .section_title,.benefits_content .section_description{text-align:center}.benefits_image{max-height:400px}.extra_card{grid-template-columns:1fr}.extra_img{min-height:250px;max-height:350px}.extra_content{padding:2.5rem}.stats_grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.cta_section{padding:4rem 1.5rem}.cta_title{font-size:2.25rem}}@media(max-width:768px){.hero_section{padding:2.5rem 1rem}.hero_content{gap:2.5rem}.hero_title{font-size:2.25rem;line-height:1.15}.hero_description{font-size:1rem}.hero_badge{font-size:.813rem;padding:.438rem .875rem}.hero_buttons{flex-direction:column;width:100%}.btn_primary,.btn_secondary{width:100%;text-align:center;padding:.938rem 1.5rem}.hero_image{height:420px}.logo_circle{width:120px;height:120px}.logo_text{font-size:2.5rem}.floating_card{max-width:160px;padding:.625rem}.card_img{max-width:140px;max-height:140px}.card_badge{font-size:.75rem;padding:.375rem .75rem}.card_1{top:3%;right:5%}.card_2{top:50%;left:3%}.card_3{bottom:3%;right:28%}.courses_section,.features_section,.benefits_section,.extra_features_section{padding:2.5rem 1rem}.section_header{margin-bottom:2rem}.section_badge{font-size:.813rem;padding:.438rem .875rem}.section_title{font-size:1.875rem}.section_description{font-size:1rem}.feature_card{padding:2rem 1.5rem}.feature_icon{font-size:2.5rem}.feature_title{font-size:1.375rem}.feature_description,.feature_list li{font-size:.938rem}.benefits_grid{gap:1.5rem}.benefit_icon{font-size:2rem}.benefit_title{font-size:1.125rem}.benefit_desc{font-size:.938rem}.extra_content{padding:2rem 1.5rem}.extra_title{font-size:1.5rem}.extra_description{font-size:.938rem}.extra_img{min-height:220px}.stats_section{padding:2.5rem 1rem}.stats_badge{font-size:.813rem;padding:.438rem 1.25rem;margin-bottom:1.5rem}.stats_grid{gap:1.25rem}.stat_number{font-size:2.5rem}.stat_label{font-size:.938rem}.cta_section{padding:3.5rem 1rem}.cta_title{font-size:1.875rem}.cta_description{font-size:1rem}.cta_buttons{flex-direction:column;width:100%}.btn_cta_primary,.btn_cta_secondary{width:100%;text-align:center;padding:1.125rem 2rem;font-size:1.063rem}}@media(max-width:480px){.hero_section{padding:2rem .875rem}.hero_title{font-size:1.875rem}.hero_description{font-size:.938rem}.hero_badge{font-size:.75rem}.btn_primary,.btn_secondary{padding:.875rem 1.25rem;font-size:.938rem}.hero_image{height:360px}.logo_circle{width:100px;height:100px}.logo_text{font-size:2rem}.floating_card{max-width:130px;padding:.5rem}.card_img{max-width:110px;max-height:110px}.card_badge{font-size:.688rem;padding:.313rem .625rem;margin-top:.438rem}.card_1{top:2%;right:3%}.card_2{top:50%;left:2%}.card_3{bottom:2%;right:32%}.courses_section,.features_section,.benefits_section,.extra_features_section{padding:2rem .875rem}.section_badge{font-size:.75rem}.section_title{font-size:1.625rem}.section_description{font-size:.938rem}.feature_card{padding:1.75rem 1.25rem}.feature_icon{font-size:2.25rem;margin-bottom:1.25rem}.feature_title{font-size:1.25rem}.feature_description,.feature_list li{font-size:.875rem}.benefit_icon{font-size:1.875rem}.benefit_title{font-size:1.063rem}.benefit_desc{font-size:.875rem}.extra_content{padding:1.75rem 1.25rem}.extra_title{font-size:1.375rem}.extra_description{font-size:.875rem}.extra_img{min-height:200px}.stats_section{padding:2rem .875rem}.stats_grid{grid-template-columns:1fr;gap:1rem}.stat_item{padding:1rem}.stat_number{font-size:2.25rem}.stat_label{font-size:.875rem}.cta_section{padding:3rem .875rem}.cta_title{font-size:1.625rem}.cta_description{font-size:.938rem}.btn_cta_primary,.btn_cta_secondary{padding:1rem 1.75rem;font-size:1rem}}@media(max-width:375px){.hero_title{font-size:1.625rem}.section_title{font-size:1.5rem}.hero_image{height:320px}.logo_circle{width:90px;height:90px}.logo_text{font-size:1.75rem}.floating_card{max-width:115px}.card_img{max-width:95px;max-height:95px}.stats_grid{gap:.875rem}.stat_number{font-size:2rem}}.login_container{min-height:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;background-color:#f5f0e8}.login_card{background:linear-gradient(180deg,#5b9999,#3d7373);border-radius:2rem;padding:3rem 2.5rem;max-width:540px;width:100%;box-shadow:0 10px 30px #0003}.login_title{font-size:2rem;font-weight:700;color:#2d5555;text-align:center;margin:0 0 1rem;line-height:1.2}.login_subtitle{font-size:1rem;color:#fff;text-align:center;margin:0 0 2.5rem;line-height:1.5}.login_form{display:flex;flex-direction:column;gap:1.5rem}.btn_login{padding:1rem;border:none;border-radius:.5rem;background-color:#fff;color:#5b9999;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn_login:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn_login:active:not(:disabled){transform:translateY(0)}.btn_login:disabled{opacity:.6;cursor:not-allowed}.forgot_pass{text-align:center;font-size:.875rem;color:#fff;margin-top:.5rem}.link_recovery{color:#2d5555;text-decoration:none;font-weight:600;transition:color .3s ease}.link_recovery:hover{color:#1a3333;text-decoration:underline}.social_login{display:flex;justify-content:center;gap:1rem}@media(max-width:640px){.login_card{padding:2rem 1.5rem}.login_title{font-size:1.5rem}.login_subtitle{font-size:.875rem}.btn_social{width:50px;height:50px}}.register_container{min-height:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;background-color:#f5f0e8}.register_card{background:linear-gradient(180deg,#5b9999,#3d7373);border-radius:2rem;padding:3rem 2.5rem;max-width:540px;width:100%;box-shadow:0 10px 30px #0003}.register_title{font-size:2rem;font-weight:700;color:#2d5555;text-align:center;margin:0 0 1rem;line-height:1.2}.register_subtitle{font-size:1rem;color:#fff;text-align:center;margin:0 0 2rem;line-height:1.5}.register_form{display:flex;flex-direction:column;gap:1.25rem}.form_input{padding:.875rem 1rem;border:none;border-radius:.5rem;font-size:1rem;background-color:#ffffffe6;transition:all .3s ease;color:#000}.form_input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 3px #0c474c}.terms_group{display:flex;gap:.75rem;align-items:flex-start;margin-top:.5rem}.terms_checkbox{margin-top:.25rem;width:18px;height:18px;cursor:pointer;flex-shrink:0}.terms_checkbox:disabled{cursor:not-allowed}.terms_label{font-size:.813rem;color:#fff;line-height:1.5}.terms_link{color:#2d5555;text-decoration:underline;font-weight:600;transition:color .3s ease}.terms_link:hover{color:#1a3333}.btn_register{padding:1rem;border:none;border-radius:.5rem;background-color:#fff;color:#5b9999;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn_register:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn_register:active:not(:disabled){transform:translateY(0)}.btn_register:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.5rem}.divider_line{flex:1;height:1px;background-color:#ffffff4d}.divider_text{color:#fff;font-size:.875rem;font-weight:600;white-space:nowrap}.social_register{display:flex;justify-content:center;gap:1rem}.btn_social{width:60px;height:60px;border:none;border-radius:.75rem;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:.5rem}.btn_social:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 16px #0003}.btn_social:active:not(:disabled){transform:translateY(0)}.btn_social:disabled{opacity:.6;cursor:not-allowed}.social_icon{width:100%;height:100%;object-fit:contain}@media(max-width:640px){.register_card{padding:2rem 1.5rem}.register_title{font-size:1.5rem}.register_subtitle{font-size:.875rem}.btn_social{width:50px;height:50px}.terms_label{font-size:.75rem}}.forgot_password_container{min-height:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;background-color:#f5f0e8}.forgot_password_card{background:linear-gradient(180deg,#5b9999,#3d7373);border-radius:2rem;padding:3rem 2.5rem;max-width:540px;width:100%;box-shadow:0 10px 30px #0003}.forgot_password_title{font-size:2rem;font-weight:700;color:#2d5555;text-align:center;margin:0 0 1rem;line-height:1.2}.forgot_password_subtitle{font-size:1rem;color:#fff;text-align:center;margin:0 0 2.5rem;line-height:1.5}.success_message{background-color:#4caf50e6;color:#fff;padding:.875rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center;font-size:.875rem;font-weight:600}.forgot_password_form{display:flex;flex-direction:column;gap:1.5rem}.btn_send{padding:1rem;border:none;border-radius:.5rem;background-color:#fff;color:#5b9999;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn_send:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn_send:active:not(:disabled){transform:translateY(0)}.btn_send:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.forgot_password_card{padding:2rem 1.5rem}.forgot_password_title{font-size:1.5rem}.forgot_password_subtitle{font-size:.875rem}}.reset_password_container{min-height:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;background-color:#f5f0e8}.reset_password_card{background:linear-gradient(180deg,#5b9999,#3d7373);border-radius:2rem;padding:3rem 2.5rem;max-width:540px;width:100%;box-shadow:0 10px 30px #0003}.reset_password_title{font-size:2rem;font-weight:700;color:#2d5555;text-align:center;margin:0 0 1rem;line-height:1.2}.reset_password_subtitle{font-size:1rem;color:#fff;text-align:center;margin:0 0 2.5rem;line-height:1.5}.error_message{background-color:#ff4d4de6;color:#fff;padding:.875rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center;font-size:.875rem;font-weight:600}.reset_password_form{display:flex;flex-direction:column;gap:1.5rem}.form_group{display:flex;flex-direction:column;gap:.5rem}.form_label{font-size:1rem;font-weight:600;color:#fff}.form_input{padding:.875rem 1rem;border:none;border-radius:.5rem;font-size:1rem;background-color:#ffffffe6;transition:all .3s ease}.form_input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.form_input:disabled{opacity:.6;cursor:not-allowed}.btn_reset{padding:1rem;border:none;border-radius:.5rem;background-color:#fff;color:#5b9999;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn_reset:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn_reset:active:not(:disabled){transform:translateY(0)}.btn_reset:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.reset_password_card{padding:2rem 1.5rem}.reset_password_title{font-size:1.5rem}.reset_password_subtitle{font-size:.875rem}}.terms_container{min-height:100%;padding:2rem 1rem;background-color:#f5f0e8}.terms_content{max-width:900px;margin:0 auto;background-color:#fff;padding:3rem 2.5rem;border-radius:1rem;box-shadow:0 4px 20px #0000001a}.terms_main_title{font-size:2.25rem;font-weight:700;color:#2d5555;text-align:center;margin:0 0 .5rem;line-height:1.2}.terms_last_updated{text-align:center;font-size:.875rem;color:#666;margin:0 0 3rem;font-style:italic}.terms_section{margin-bottom:3rem}.terms_section:last-child{margin-bottom:0}.terms_title{font-size:1.75rem;font-weight:700;color:#5b9999;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:3px solid #5b9999}.terms_block{margin-bottom:2rem}.terms_subtitle{font-size:1.25rem;font-weight:600;color:#2d5555;margin:0 0 .75rem}.terms_text{font-size:1rem;color:#333;line-height:1.7;margin:0 0 1rem}.terms_list{margin:.5rem 0 1rem 1.5rem;padding:0}.terms_list li{font-size:1rem;color:#333;line-height:1.7;margin-bottom:.5rem}.terms_list li strong{color:#5b9999;font-weight:600}@media(max-width:768px){.terms_content{padding:2rem 1.5rem}.terms_main_title{font-size:1.75rem}.terms_title{font-size:1.5rem}.terms_subtitle{font-size:1.125rem}.terms_text,.terms_list li{font-size:.938rem}}@media(max-width:480px){.terms_content{padding:1.5rem 1rem}.terms_main_title{font-size:1.5rem}.terms_title{font-size:1.25rem}}.dashboard_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #5b9999}.dashboard_title{font-size:2rem;font-weight:700;color:#2d5555;margin:0 0 .5rem}.dashboard_card{background:linear-gradient(135deg,#5b9999,#4a8080);padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.btn_card{padding:.75rem 1.5rem;background-color:#fff;color:#5b9999;border:none;border-radius:.5rem;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.section_title{font-size:1.5rem;font-weight:700;color:#2d5555;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #f5f0e8}.info_value{font-size:1rem;color:#2d5555;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#5b9999}.dashboard_container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 200px)}.dashboard_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #6b7db5}.dashboard_title{font-size:2rem;font-weight:700;color:#2d4373;margin:0 0 .5rem}.dashboard_card{background:linear-gradient(135deg,#6b7db5,#5564a0);padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.btn_card{padding:.75rem 1.5rem;background-color:#fff;color:#6b7db5;border:none;border-radius:.5rem;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.section_title{font-size:1.5rem;font-weight:700;color:#2d4373;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #f5f0e8}.info_value{font-size:1rem;color:#2d4373;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#6b7db5}.dashboard_container{max-width:1400px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 200px)}.dashboard_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #d32f2f}.welcome_section{flex:1}.dashboard_title{font-size:2rem;font-weight:700;color:#c62828;margin:0 0 .5rem}.dashboard_subtitle{font-size:1rem;color:#666;margin:0}.btn_logout{padding:.75rem 1.5rem;background-color:#d32f2f;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn_logout:hover{background-color:#b71c1c;transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f4d}.dashboard_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.dashboard_card{background:linear-gradient(135deg,#d32f2f,#b71c1c);padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.dashboard_card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card_icon{font-size:3rem;margin-bottom:1rem}.card_title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem}.card_number{font-size:2.5rem;font-weight:700;color:#f5f0e8;margin:0 0 .5rem}.card_description{font-size:.875rem;color:#fffc;margin:0 0 1.5rem}.btn_card{padding:.75rem 1.5rem;background-color:#fff;color:#d32f2f;border:none;border-radius:.5rem;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn_card:hover{background-color:#f5f0e8;transform:scale(1.05)}.user_info_section{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.section_title{font-size:1.5rem;font-weight:700;color:#c62828;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #f5f0e8}.user_info_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info_item{display:flex;flex-direction:column;gap:.5rem}.info_label{font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.info_value{font-size:1rem;color:#c62828;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#d32f2f}@media(max-width:768px){.dashboard_header{flex-direction:column;align-items:flex-start;gap:1rem}.btn_logout{width:100%}.dashboard_title{font-size:1.5rem}.dashboard_grid,.user_info_grid{grid-template-columns:1fr}}.asignaturas-page{min-height:100vh;background-color:#f5f0e8;padding:2rem}.asignaturas-container{max-width:1200px;margin:0 auto}.asignaturas-header{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d}.asignaturas-table{width:100%;border-collapse:collapse}.asignaturas-table thead{background-color:#2d5555;color:#fff}.asignaturas-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;font-size:.938rem;text-transform:uppercase;letter-spacing:.5px}.asignaturas-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.asignaturas-table tbody tr:hover{background-color:#f9f9f9}.asignaturas-table tbody tr:last-child{border-bottom:none}.asignaturas-table td{padding:1.25rem 1.5rem;font-size:.938rem}.description-cell{color:#666;max-width:400px;line-height:1.5}.no-description{color:#999;font-style:italic}.modal-content{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.form-group textarea{resize:vertical;min-height:100px}@media(max-width:1024px){.table-container{overflow-x:auto}.asignaturas-table{min-width:800px}}@media(max-width:768px){.asignaturas-page{padding:1rem}.asignaturas-header{padding:1.5rem}.header-content{flex-direction:column;align-items:stretch}.header-text h1{font-size:1.5rem}.btn-create{width:100%;justify-content:center}.asignaturas-table th,.asignaturas-table td{padding:1rem;font-size:.875rem}.pagination{flex-direction:column;gap:1rem}.modal-header,.modal-form{padding:1.5rem}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media(max-width:480px){.asignaturas-table th,.asignaturas-table td{padding:.75rem;font-size:.813rem}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:3rem}.empty-state h2{font-size:1.5rem}}.profesores-page{min-height:100vh;background-color:#f5f0e8;padding:2rem}.profesores-container{max-width:1400px;margin:0 auto}.profesores-header{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-text h1{font-size:2rem;color:#2d5555;margin:0 0 .5rem}.subtitle{color:#666;margin:0;font-size:1rem}.btn-create{background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap}.btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b99994d}.btn-create .icon{font-size:1.25rem;font-weight:700}.loading-container{background:#fff;border-radius:1rem;padding:4rem 2rem;text-align:center;box-shadow:0 2px 10px #0000000d}.spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #5b9999;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-container p{color:#666;margin:0}.empty-state{background:#fff;border-radius:1rem;padding:4rem 2rem;text-align:center;box-shadow:0 2px 10px #0000000d}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.75rem;color:#2d5555;margin:0 0 .5rem}.empty-state p{color:#666;margin:0 0 2rem}.btn-empty{background:#5b9999;color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-empty:hover{background:#4a8080;transform:translateY(-2px)}.table-container{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem}.profesores-table{width:100%;border-collapse:collapse}.profesores-table thead{background-color:#2d5555;color:#fff}.profesores-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;font-size:.938rem;text-transform:uppercase;letter-spacing:.5px}.profesores-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.profesores-table tbody tr:hover{background-color:#f9f9f9}.profesores-table tbody tr:last-child{border-bottom:none}.profesores-table td{padding:1.25rem 1.5rem;font-size:.938rem}.name-cell strong{color:#2d5555;font-size:1rem}.email-cell,.phone-cell{color:#666}.no-phone{color:#999;font-style:italic}.asignaturas-cell{max-width:300px}.asignaturas-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge-asignatura{background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.813rem;font-weight:500;white-space:nowrap}.date-cell{color:#666;white-space:nowrap}.actions-cell{display:flex;gap:.5rem;justify-content:flex-start}.btn-edit,.btn-delete{background:transparent;border:none;padding:.5rem;cursor:pointer;font-size:1.25rem;transition:transform .2s ease;border-radius:.25rem}.btn-edit:hover{transform:scale(1.2);background-color:#5b99991a}.btn-delete:hover{transform:scale(1.2);background-color:#dc35451a}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0000000d}.pagination-btn{background:#5b9999;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#4a8080;transform:translateY(-2px)}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.pagination-info{color:#2d5555;font-weight:600}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:1rem;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#2d5555;font-size:1.5rem}.btn-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.btn-close:hover{background-color:#f0f0f0;color:#333}.modal-form{padding:2rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:#2d5555;font-weight:600;font-size:.938rem}.required{color:#dc3545}.form-group input,.form-group textarea{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5b9999;box-shadow:0 0 0 3px #5b99991a}.form-group input.input-error,.form-group textarea.input-error{border-color:#dc3545}.form-group input.input-error:focus,.form-group textarea.input-error:focus{box-shadow:0 0 0 3px #dc35451a}.error-message{display:block;color:#dc3545;font-size:.813rem;margin-top:.25rem}.char-count{display:block;text-align:right;color:#999;font-size:.813rem;margin-top:.25rem}.help-text{display:block;color:#666;font-size:.875rem;margin-top:.5rem}.asignaturas-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:1rem;background-color:#f9f9f9;border-radius:.5rem;max-height:250px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease}.checkbox-label:hover{background-color:#5b99991a}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label span{color:#2d5555;font-size:.938rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{background:transparent;color:#666;border:2px solid #e0e0e0;padding:.875rem 1.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background-color:#f0f0f0;border-color:#ccc}.btn-submit{background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #5b99994d}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.credentials-container{padding:3rem 2rem;text-align:center}.credentials-icon{font-size:4rem;margin-bottom:1rem}.credentials-container h3{color:#2d5555;font-size:1.5rem;margin:0 0 1rem}.credentials-intro{color:#666;margin-bottom:2rem}.credentials-box{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.credential-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.credential-item:last-child{border-bottom:none}.credential-item label{font-weight:600;color:#2d5555}.credential-item span{color:#666}.password-container{display:flex;align-items:center;gap:.5rem}.password{font-family:Courier New,monospace;font-weight:700;color:#2d5555;background-color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:1px solid #e0e0e0}.btn-copy{background:#5b9999;color:#fff;border:none;padding:.5rem;border-radius:.25rem;cursor:pointer;font-size:1rem;transition:all .2s ease}.btn-copy:hover{background:#4a8080;transform:scale(1.1)}.credentials-note{color:#dc3545;font-size:.938rem;margin-bottom:2rem}.btn-close-credentials{background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close-credentials:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b99994d}@media(max-width:1024px){.table-container{overflow-x:auto}.profesores-table{min-width:900px}.asignaturas-selector{grid-template-columns:1fr}}@media(max-width:768px){.profesores-page{padding:1rem}.profesores-header{padding:1.5rem}.header-content{flex-direction:column;align-items:stretch}.header-text h1{font-size:1.5rem}.btn-create{width:100%;justify-content:center}.profesores-table th,.profesores-table td{padding:1rem;font-size:.875rem}.pagination{flex-direction:column;gap:1rem}.modal-header,.modal-form,.credentials-container{padding:1.5rem}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.credential-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.profesores-table th,.profesores-table td{padding:.75rem;font-size:.813rem}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:3rem}.empty-state h2{font-size:1.5rem}.credentials-icon{font-size:3rem}}.calendario-semanal{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-top:1rem}.dia-columna{background:#f8f9fa;border-radius:8px;overflow:hidden;border:2px solid #e9ecef;transition:transform .2s,box-shadow .2s}.dia-columna:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dia-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:center}.dia-header h3{margin:0 0 .5rem;font-size:1rem;text-transform:capitalize}.btn-agregar-franja{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .3s;width:100%}.btn-agregar-franja:hover{background:#ffffff4d}.franjas-lista{padding:.75rem;min-height:150px}.franja-item{background:#fff;border-left:4px solid #3498db;padding:.75rem;margin-bottom:.5rem;border-radius:4px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.franja-item:hover{box-shadow:0 2px 8px #00000026;transform:translate(2px)}.franja-horario{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.hora-inicio,.hora-fin{color:#3498db}.separador{color:#95a5a6}.franja-acciones{display:flex;gap:.5rem;justify-content:center}.btn-editar,.btn-eliminar{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.3rem .5rem;border-radius:4px;transition:background .2s}.btn-editar:hover{background:#e8f4f8}.btn-eliminar:hover{background:#ffe8e8}.sin-franjas{text-align:center;color:#95a5a6;padding:2rem 1rem;font-style:italic;font-size:.9rem}@media(max-width:1024px){.calendario-semanal{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.calendario-semanal{grid-template-columns:repeat(2,1fr);gap:.75rem}.dia-header h3{font-size:.9rem}.btn-agregar-franja{font-size:.75rem;padding:.3rem .6rem}.franja-horario{font-size:.85rem}}@media(max-width:480px){.calendario-semanal{grid-template-columns:1fr}}.modal-contenido{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}.error-general{background:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center}@media(max-width:600px){.modal-contenido{width:95%;max-height:95vh}.modal-header h2{font-size:1.2rem}.modal-form{padding:1rem}.modal-acciones{flex-direction:column}}.franjas-horarias-container{padding:2rem;max-width:1400px;margin:0 auto}.franjas-header{text-align:center;margin-bottom:2rem}.franjas-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.franjas-header .subtitulo{color:#7f8c8d;font-size:1rem}.selector-profesor{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.selector-profesor label{font-weight:600;color:#2c3e50;min-width:150px}.selector-profesor select{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s}.selector-profesor select:hover{border-color:#3498db}.selector-profesor select:focus{outline:none;border-color:#2980b9}.selector-profesor select:disabled{opacity:.6;cursor:not-allowed}.profesor-info{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;color:#fff}.profesor-info h2{margin:0;font-size:1.5rem}.calendario-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mensaje-info{background:#f1f2f6;padding:2rem;border-radius:8px;text-align:center;color:#2f3542}.mensaje-info p{margin:0;font-size:1.1rem}@media(max-width:768px){.franjas-horarias-container{padding:1rem}.franjas-header h1{font-size:1.5rem}.selector-profesor{flex-direction:column;align-items:stretch}.selector-profesor label{min-width:auto}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-contenido{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.btn-cerrar{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.mensaje{padding:1rem;border-radius:6px;margin-bottom:1rem;font-weight:500;text-align:center}.form-group select,.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group select:focus,.form-group input:focus{outline:none;border-color:#3498db}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-group .error{display:block;color:#e74c3c;font-size:.85rem;margin-top:.3rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;transition:all .3s;flex:1}.radio-label input[type=radio]{width:auto;margin:0;cursor:pointer}.radio-label input[type=radio]:checked+span{font-weight:600;color:#3498db}.pago-preview{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:2px solid #e9ecef}.modal-acciones{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancelar:disabled,.btn-guardar:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.modal-contenido{width:95%;max-height:95vh}.modal-header h2{font-size:1.2rem}.modal-form{padding:1rem}.radio-group{flex-direction:column;gap:.75rem}.modal-acciones{flex-direction:column}}.clases-admin-container{padding:2rem;max-width:1400px;margin:0 auto}.clases-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.clases-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.clases-header .subtitulo{color:#7f8c8d;font-size:1rem;margin:0}.filtros-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.filtro-asignatura{display:flex;align-items:center;gap:1rem;flex:1}.filtro-asignatura label{font-weight:600;color:#2c3e50;white-space:nowrap}.filtro-asignatura select{flex:1;max-width:400px;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s}.filtro-asignatura select:hover{border-color:#3498db}.filtro-asignatura select:focus{outline:none;border-color:#2980b9}.resultados-info{color:#7f8c8d;font-size:.95rem;white-space:nowrap}.tabla-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:2rem}.tabla-clases{width:100%;border-collapse:collapse}.tabla-clases thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tabla-clases th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.tabla-clases tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.tabla-clases tbody tr:hover{background:#f8f9fa}.tabla-clases td{padding:1rem;font-size:.95rem}.asignatura-cell{display:flex;flex-direction:column;gap:.25rem}.asignatura-cell strong{color:#2c3e50;font-size:1rem}.asignatura-cell small{color:#7f8c8d;font-size:.85rem}.text-center{text-align:center}.text-right{text-align:right}.badge-duracion{background:#e8f4f8;color:#2980b9;padding:.3rem .8rem;border-radius:20px;font-weight:600;font-size:.9rem}.badge-tipo{display:inline-block;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600}.badge-tipo.porcentaje{background:#d4edda;color:#155724}.badge-tipo.monto_fijo{background:#d1ecf1;color:#0c5460}.pago-profesor strong{color:#27ae60}.ganancia strong{color:#e67e22}.acciones-cell{display:flex;gap:.5rem;justify-content:center}.btn-accion{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:.4rem .6rem;border-radius:6px;transition:all .2s}.btn-accion.btn-editar:hover{background:#e8f4f8;transform:scale(1.1)}.btn-accion.btn-eliminar:hover{background:#ffe8e8;transform:scale(1.1)}.btn-crear-grande{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}@media(max-width:1200px){.tabla-clases{font-size:.9rem}.tabla-clases th,.tabla-clases td{padding:.75rem}}@media(max-width:992px){.clases-header{flex-direction:column;align-items:stretch}.btn-crear{width:100%}.filtros-container,.filtro-asignatura{flex-direction:column;align-items:stretch}.filtro-asignatura select{max-width:none}.tabla-container{overflow-x:auto}.tabla-clases{min-width:1000px}}@media(max-width:768px){.clases-admin-container{padding:1rem}.clases-header h1{font-size:1.5rem}.pagination{flex-direction:column;gap:1rem}.btn-page{width:100%}}.modal-contenido{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}.modal-contenido.modal-curso{max-width:900px}.btn-cerrar:hover{background:#fff3}.mensaje{padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-weight:500;text-align:center}.mensaje.exito{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.mensaje.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.mensaje-info{background:#d1ecf1;color:#0c5460;padding:.75rem;border-radius:6px;border-left:4px solid #17a2b8;margin-top:.5rem;font-size:.9rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.form-section:last-of-type{border-bottom:none}.form-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.form-group select,.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group textarea{resize:vertical;min-height:80px}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group .error{display:block;color:#e74c3c;font-size:.85rem;margin-top:.3rem;font-weight:500}.help-text{display:block;color:#7f8c8d;font-size:.85rem;margin-top:.3rem;font-style:italic}.radio-group{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;transition:all .3s;flex:1;min-width:200px}.radio-label:hover{border-color:#3498db;background:#f8f9fa}.radio-label input[type=radio]{width:auto;margin:0;cursor:pointer;accent-color:#3498db}.radio-label input[type=radio]:checked{accent-color:#2980b9}.radio-label span{font-size:.95rem;color:#2c3e50}.radio-label:has(input:checked){border-color:#3498db;background:#e8f4f8}.radio-label:has(input:checked) span{font-weight:600;color:#2980b9}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#f8f9fa;border-radius:6px}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.6rem .75rem;border:1px solid #e0e0e0;border-radius:4px;transition:all .2s;background:#fff}.checkbox-label:hover{border-color:#3498db;background:#f0f8ff}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer;accent-color:#3498db}.checkbox-label span{font-size:.9rem;color:#2c3e50}.checkbox-label:has(input:checked){border-color:#3498db;background:#e8f4f8}.checkbox-label:has(input:checked) span{font-weight:600;color:#2980b9}.pago-preview{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-top:1rem;border:2px solid #e9ecef}.pago-preview h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.pago-detalle{display:flex;flex-direction:column;gap:.75rem}.pago-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px}.pago-item span{color:#7f8c8d;font-size:.95rem}.pago-item strong{font-size:1.1rem;color:#2c3e50}.pago-item strong.pago-profesor{color:#27ae60}.pago-item strong.ganancia{color:#e67e22}.modal-acciones{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0f0f0;position:sticky;bottom:0;background:#fff}.btn-cancelar,.btn-guardar{flex:1;padding:.9rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.modal-contenido::-webkit-scrollbar{width:8px}.modal-contenido::-webkit-scrollbar-track{background:#f1f1f1}.modal-contenido::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-contenido::-webkit-scrollbar-thumb:hover{background:#555}.checkbox-group::-webkit-scrollbar{width:6px}.checkbox-group::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.modal-overlay{padding:.5rem}.modal-contenido{max-height:95vh}.modal-header h2{font-size:1.2rem}.modal-form{padding:1rem}.form-section h3{font-size:1.1rem}.form-row{grid-template-columns:1fr;gap:0}.radio-group{flex-direction:column;gap:.75rem}.radio-label{min-width:auto}.modal-acciones{flex-direction:column;gap:.75rem}.btn-cancelar,.btn-guardar{width:100%}}@media(max-width:480px){.modal-header{padding:1rem}.modal-header h2{font-size:1.1rem}.btn-cerrar{font-size:1.5rem;width:30px;height:30px}.form-group select,.form-group input,.form-group textarea{font-size:.95rem}}.cursos-admin-container{padding:2rem;max-width:1600px;margin:0 auto}.cursos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.cursos-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.cursos-header .subtitulo{color:#7f8c8d;font-size:1rem;margin:0}.btn-crear{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-crear:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.filtros-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filtro-item{display:flex;flex-direction:column;gap:.5rem}.filtro-item label{font-weight:600;color:#2c3e50;font-size:.9rem}.filtro-item select{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s}.filtro-item select:hover{border-color:#3498db}.filtro-item select:focus{outline:none;border-color:#2980b9}.filtros-acciones{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn-limpiar-filtros{padding:.6rem 1.2rem;background:#95a5a6;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-limpiar-filtros:hover:not(:disabled){background:#7f8c8d}.btn-limpiar-filtros:disabled{opacity:.6;cursor:not-allowed}.resultados-info{color:#7f8c8d;font-size:.95rem}.cursos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-bottom:2rem}.curso-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:1rem}.curso-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.curso-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge-grupal{background:#bee3f8;color:#2c5282}.badge-pregrabado{background:#fbd38d;color:#7c2d12}.badge-activo{background:#c6f6d5;color:#22543d}.badge-inactivo{background:#fed7d7;color:#742a2a}.badge-finalizado{background:#e2e8f0;color:#4a5568}.curso-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.curso-header h3{font-size:1.3rem;color:#2d3748;margin:0;flex:1;line-height:1.3}.duracion{background:#edf2f7;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;color:#4a5568;white-space:nowrap;font-weight:600}.curso-descripcion{color:#718096;font-size:.95rem;line-height:1.5;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.curso-info{display:flex;flex-direction:column;gap:.6rem;padding:1rem;background:#f8f9fa;border-radius:8px}.info-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.info-row.full-width{flex-direction:column}.info-label{color:#718096;font-weight:600}.info-value{color:#2d3748;font-weight:500;text-align:right}.franjas-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.franja-badge{background:#fff;border:1px solid #e2e8f0;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;color:#4a5568}.curso-financiero{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f7fafc;border-radius:8px;border:2px solid #e2e8f0}.precio-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.precio-row span{color:#718096}.precio-row strong{font-size:1.1rem}.precio-row .precio{color:#2b6cb0}.precio-row .pago-profesor{color:#27ae60}.precio-row .ganancia{color:#e67e22}.curso-acciones{display:flex;gap:.5rem;margin-top:auto}.btn-editar,.btn-eliminar{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-editar{background:#e8f4f8;color:#2980b9}.btn-editar:hover{background:#d4edda;transform:translateY(-2px)}.btn-eliminar{background:#ffe8e8;color:#c0392b}.btn-eliminar:hover{background:#fed7d7;transform:translateY(-2px)}.mensaje-vacio{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mensaje-vacio h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.mensaje-vacio p{color:#7f8c8d;margin-bottom:2rem}.btn-crear-grande,.btn-limpiar-grande{padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-crear-grande{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-crear-grande:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-limpiar-grande{background:#95a5a6;color:#fff}.btn-limpiar-grande:hover{background:#7f8c8d;transform:translateY(-2px)}.mensaje-error{background:#ff4757;color:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-weight:500}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.btn-page{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.btn-page:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.btn-page:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.page-info{font-size:1rem;color:#2c3e50;font-weight:500}@media(max-width:1200px){.cursos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:992px){.cursos-header{flex-direction:column;align-items:stretch}.btn-crear{width:100%}.filtros-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:768px){.cursos-admin-container{padding:1rem}.cursos-header h1{font-size:1.5rem}.cursos-grid,.filtros-grid{grid-template-columns:1fr}.filtros-acciones{flex-direction:column;align-items:stretch;gap:1rem}.pagination{flex-direction:column;gap:1rem}.btn-page{width:100%}}.cursos-publico-container{max-width:1400px;margin:0 auto;padding:2rem}.cursos-publico-header{text-align:center;margin-bottom:3rem}.cursos-publico-header h1{font-size:2.5rem;color:#1a202c;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cursos-publico-header p{font-size:1.1rem;color:#718096}.filtros-publico{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filtro-btn{padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;color:#4a5568}.filtro-btn:hover{border-color:#3182ce;color:#3182ce;transform:translateY(-2px)}.filtro-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.cursos-publico-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.curso-publico-card{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 16px #00000014;transition:transform .3s,box-shadow .3s;overflow:hidden;display:flex;flex-direction:column}.curso-publico-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px #0000001f}.curso-tipo-badge{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2)}.curso-tipo-badge span{color:#fff;font-weight:600;font-size:.9rem}.curso-publico-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.curso-publico-header h3{font-size:1.4rem;color:#2d3748;margin:0;flex:1}.curso-publico-header .duracion{background:#edf2f7;padding:.4rem .9rem;border-radius:20px;font-size:.9rem;color:#4a5568;font-weight:600;white-space:nowrap}.curso-publico-descripcion{padding:0 1.5rem 1rem;color:#718096;font-size:1rem;line-height:1.6;min-height:4em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.curso-publico-info{padding:1rem 1.5rem;background:#f7fafc;display:flex;flex-direction:column;gap:.75rem}.curso-publico-info .info-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#4a5568}.curso-publico-info .info-item.full-width{flex-direction:column;align-items:flex-start}.info-icon{font-size:1.2rem}.horarios-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;margin-left:2rem}.horario-badge{background:#fff;border:1px solid #e2e8f0;padding:.3rem .7rem;border-radius:6px;font-size:.85rem;color:#4a5568}.curso-publico-footer{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-top:auto}.precio-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f7fafc;border-radius:8px}.precio-label{color:#718096;font-size:.95rem;font-weight:600}.precio-valor{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-inscribirse{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-inscribirse:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.sin-cursos{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.sin-cursos h3{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem}.sin-cursos p{color:#718096;font-size:1.1rem}.pagination-publico{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:3rem}.pagination-publico .btn-page{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.pagination-publico .btn-page:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pagination-publico .btn-page:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.pagination-publico .page-info{font-size:1rem;color:#4a5568;font-weight:500}.loading-container,.error-container{text-align:center;padding:4rem 2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-container button{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}@media(max-width:768px){.cursos-publico-container{padding:1rem}.cursos-publico-header h1{font-size:2rem}.cursos-publico-grid{grid-template-columns:1fr}.filtros-publico{flex-direction:column}.filtro-btn{width:100%}.pagination-publico{flex-direction:column;gap:1rem}.pagination-publico .btn-page{width:100%}}.checkout-container{max-width:1400px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:100vh}.checkout-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.checkout-header h1{color:#2c3e50;font-size:2rem;margin:0}.btn-volver{padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;color:#2c3e50}.checkout-content{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start}.checkout-resumen{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;position:sticky;top:2rem}.checkout-resumen h2{color:#2c3e50;font-size:1.5rem;margin:0 0 1.5rem}.curso-info-checkout{display:flex;flex-direction:column;gap:1.5rem}.curso-info-checkout h3{color:#2c3e50;font-size:1.3rem;margin:0}.curso-descripcion{color:#718096;line-height:1.6;margin:.5rem 0 0}.detalles-grid{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px}.detalle-item{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.detalle-label{color:#718096;font-weight:600}.detalle-valor{color:#2c3e50;font-weight:500}.precio-total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:1.1rem}.precio-total strong{font-size:1.8rem;font-weight:700}.info-box{padding:1rem;background:#e8f4f8;border-left:4px solid #3498db;border-radius:6px}.info-box p{margin:0 0 .5rem;color:#2c3e50}.info-box .info-small{color:#718096;font-size:.9rem;margin:0}.selector-horas{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px}.selector-horas label{font-weight:600;color:#2c3e50;font-size:1rem}.horas-controles{display:flex;align-items:center;gap:1rem}.horas-controles button{width:45px;height:45px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s}.horas-controles button:hover:not(:disabled){background:#2980b9;transform:scale(1.05)}.horas-controles button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.horas-controles input{width:80px;padding:.75rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50}.horas-controles input:focus{outline:none;border-color:#3498db}.ventajas-paquete{padding:1.5rem;background:#f0f8f0;border-radius:8px;border:2px solid #c3e6cb}.ventajas-paquete h4{color:#27ae60;margin:0 0 1rem;font-size:1.1rem}.ventajas-paquete ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.ventajas-paquete li{color:#2c3e50;font-size:.95rem;line-height:1.5}.checkout-formulario{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.checkout-formulario h2{color:#2c3e50;font-size:1.5rem;margin:0 0 1rem}.form-ayuda{color:#718096;margin:0 0 1.5rem;line-height:1.5}.form-group input,.form-group textarea{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ya-tienes-cuenta{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e0e0e0;text-align:center}.ya-tienes-cuenta p{color:#718096;margin:0}.btn-link{background:none;border:none;color:#3498db;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;margin-left:.5rem;font-size:inherit}.btn-link:hover{color:#2980b9}.btn-comprar-final{width:100%;padding:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.btn-comprar-final:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-comprar-final:disabled{opacity:.7;cursor:not-allowed;transform:none}.aviso-pago{text-align:center;color:#718096;font-size:.9rem;margin-top:1rem;margin-bottom:0}@media(max-width:1024px){.checkout-content{grid-template-columns:1fr}.checkout-resumen{position:static}}@media(max-width:768px){.checkout-container{padding:1rem}.checkout-header{flex-direction:column;align-items:stretch}.checkout-header h1{font-size:1.5rem}.btn-volver{width:100%}.checkout-resumen,.checkout-formulario{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.precio-total{flex-direction:column;gap:.5rem;text-align:center}.horas-controles{justify-content:center}}@media(max-width:480px){.checkout-resumen h2,.checkout-formulario h2{font-size:1.2rem}.curso-info-checkout h3{font-size:1.1rem}.btn-comprar-final{font-size:1rem;padding:1rem}}.mis-compras-container{max-width:1400px;margin:0 auto;padding:2rem}.mis-compras-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.mis-compras-header h1{color:#2c3e50;font-size:2rem;margin:0 0 .5rem}.mis-compras-header p{color:#7f8c8d;margin:0;font-size:1rem}.btn-volver{padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;color:#2c3e50;white-space:nowrap}.btn-volver:hover{background:#f0f0f0;border-color:#d0d0d0}.mensaje-error{background:#ff4757;color:#fff;padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-weight:500}.sin-compras{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.sin-compras h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.sin-compras p{color:#7f8c8d;margin-bottom:2rem;font-size:1rem}.acciones-sin-compras{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-explorar{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-explorar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.seccion-compras{margin-bottom:3rem}.seccion-compras h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.compras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.compra-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:1rem}.compra-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.compra-card.paquete{border:2px solid #e8f4f8}.compra-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.badge{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.badge-pagado{background:#c6f6d5;color:#22543d}.badge-pendiente{background:#feebc8;color:#7c2d12}.badge-fallido{background:#fed7d7;color:#742a2a}.fecha-compra{color:#7f8c8d;font-size:.85rem}.compra-card h3{color:#2c3e50;font-size:1.2rem;margin:0;line-height:1.3}.compra-detalles{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.detalle{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.detalle .label{color:#718096;font-weight:600}.detalle .valor{color:#2c3e50;font-weight:500;text-align:right}.horas-progress{display:flex;flex-direction:column;gap:.5rem}.horas-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600}.horas-info span:first-child{color:#718096}.horas-info .disponibles{color:#27ae60}.horas-info .agotadas{color:#e74c3c}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.compra-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:2px solid #f0f0f0}.precio{font-size:1.3rem;font-weight:700;color:#2c3e50}.btn-ver-detalle{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-ver-detalle:hover{background:#2980b9;transform:translateY(-2px)}@media(max-width:992px){.compras-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.mis-compras-container{padding:1rem}.mis-compras-header{flex-direction:column;align-items:stretch}.mis-compras-header h1{font-size:1.5rem}.btn-volver{width:100%}.compras-grid{grid-template-columns:1fr}.acciones-sin-compras{flex-direction:column}.btn-explorar{width:100%}}.detalle-paquete-container{max-width:1200px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:100vh}.detalle-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.detalle-header h1{color:#2c3e50;font-size:2rem;margin:0}.paquete-info-principal{margin-bottom:2rem}.info-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a}.info-card h2{color:#2c3e50;font-size:1.8rem;margin:0 0 2rem;text-align:center}.horas-resumen{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem;align-items:center}.horas-circle{position:relative;width:200px;height:200px;margin:0 auto}.circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.horas-numero{display:block;font-size:3rem;font-weight:700;color:#667eea;line-height:1}.horas-label{display:block;font-size:.9rem;color:#718096;margin-top:.5rem}.circle-progress{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#e0e0e0;stroke-width:8}.circle-fill{fill:none;stroke:url(#gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .6s ease}.horas-detalles{display:flex;flex-direction:column;gap:1rem}.horas-detalles .detalle-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:1.1rem}.horas-detalles .label{color:#718096;font-weight:600}.horas-detalles .valor{color:#2c3e50;font-weight:700;font-size:1.3rem}.horas-detalles .valor.usado{color:#e74c3c}.horas-detalles .valor.disponible{color:#27ae60}.info-adicional{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;margin-bottom:2rem}.info-row{display:flex;align-items:center;gap:1rem}.info-row .icon{font-size:1.5rem;width:40px;text-align:center}.info-row>div{flex:1;display:flex;justify-content:space-between;align-items:center}.info-row .label{color:#718096;font-weight:600}.info-row strong{color:#2c3e50;font-size:1.1rem}.badge{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.badge-completado{background:#c6f6d5;color:#22543d}.btn-agendar-principal{width:100%;padding:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-agendar-principal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.sesiones-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a}.sesiones-section h2{color:#2c3e50;font-size:1.5rem;margin:0 0 1.5rem}.sin-sesiones{text-align:center;padding:3rem 2rem;color:#718096}.sin-sesiones p{font-size:1.1rem;margin-bottom:1.5rem}.btn-agendar-vacio{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-agendar-vacio:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sesiones-lista{display:flex;flex-direction:column;gap:1rem}.sesion-card{display:flex;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea;transition:all .3s}.sesion-card:hover{background:#f0f4f8;transform:translate(4px)}.sesion-fecha{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}.fecha-dia{font-size:2rem;font-weight:700;line-height:1}.fecha-mes{font-size:.9rem;text-transform:uppercase;margin-top:.25rem}.sesion-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.sesion-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sesion-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.badge-estado{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.badge-estado.programada{background:#feebc8;color:#7c2d12}.badge-estado.completada{background:#c6f6d5;color:#22543d}.badge-estado.cancelada{background:#fed7d7;color:#742a2a}.sesion-descripcion{color:#718096;line-height:1.5;margin:0}.sesion-profesor{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:6px;font-size:.95rem;color:#2c3e50;font-weight:500}.sesion-profesor .icon{font-size:1.2rem}.profesor-contacto{margin-left:auto;color:#3498db;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1rem}.modal-contenido{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.modal-header h2{margin:0;font-size:1.5rem}.btn-cerrar{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;line-height:1}.btn-cerrar:hover:not(:disabled){background:#fff3}.btn-cerrar:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group textarea{resize:vertical;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-group .input-error{border-color:#e74c3c}.form-group .error{display:block;color:#e74c3c;font-size:.85rem;margin-top:.4rem;font-weight:500}.help-text{display:block;color:#7f8c8d;font-size:.85rem;margin-top:.4rem;font-style:italic}.mensaje{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;text-align:center}.mensaje.exito{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.mensaje.error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.modal-acciones{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.btn-cancelar,.btn-guardar{flex:1;padding:.9rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancelar{background:#e0e0e0;color:#2c3e50}.btn-cancelar:hover:not(:disabled){background:#d0d0d0}.btn-guardar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-cancelar:disabled,.btn-guardar:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-spinner p{margin-top:1rem;color:#7f8c8d;font-size:1rem}.error-mensaje{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.error-mensaje h3{color:#e74c3c;font-size:1.5rem;margin-bottom:1rem}.error-mensaje p{color:#718096;margin-bottom:2rem}.error-mensaje button{padding:.875rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.error-mensaje button:hover{background:#2980b9;transform:translateY(-2px)}@media(max-width:768px){.detalle-paquete-container{padding:1rem}.detalle-header h1{font-size:1.5rem}.info-card{padding:1.5rem}.info-card h2{font-size:1.4rem}.horas-resumen{grid-template-columns:1fr;gap:2rem}.horas-circle{width:180px;height:180px}.horas-numero{font-size:2.5rem}.sesion-card{flex-direction:column;gap:1rem}.sesion-fecha{min-width:auto;flex-direction:row;justify-content:center;gap:.5rem}.fecha-dia{font-size:1.5rem}.modal-acciones{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%}}.clases-publico-container{max-width:1400px;margin:0 auto;padding:2rem}.clases-header{text-align:center;margin-bottom:3rem}.clases-header h1{font-size:2.5rem;color:#1a202c;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clases-header p{font-size:1.1rem;color:#718096}.clases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.clase-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #00000014;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.clase-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px #0000001f}.clase-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.clase-card h3{font-size:1.5rem;color:#2d3748;margin:0}.clase-info{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem;background:#f7fafc;border-radius:8px}.clase-info .info-item{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;color:#4a5568}.clase-info .icon{font-size:1.2rem}.precio-container{display:flex;flex-direction:column;gap:.25rem;width:100%;padding:1.5rem;background:#f7fafc;border-radius:8px}.precio-label{color:#718096;font-size:.9rem;font-weight:600}.precio-valor{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clase-acciones{display:flex;flex-direction:column;gap:.75rem;width:100%}.btn-comprar-clase,.btn-comprar-paquete{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-comprar-clase{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-comprar-clase:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.btn-comprar-paquete{background:#fff;color:#667eea;border:2px solid #667eea}.btn-comprar-paquete:hover{background:#f7fafc;transform:translateY(-2px)}.ventaja-paquete{color:#718096;font-size:.85rem;margin:0;font-style:italic}.sin-clases{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.sin-clases h3{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem}.sin-clases p{color:#718096;font-size:1.1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-spinner p{margin-top:1rem;color:#7f8c8d}.error-container{text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.error-container h3{color:#e74c3c;font-size:1.5rem;margin-bottom:1rem}.error-container p{color:#718096;margin-bottom:2rem}.error-container button{padding:.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.error-container button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.clases-publico-container{padding:1rem}.clases-header h1{font-size:2rem}.clases-grid{grid-template-columns:1fr}.clase-icon{width:70px;height:70px;font-size:2rem}.clase-card h3{font-size:1.3rem}.precio-valor{font-size:1.75rem}}.resultado-pago-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.resultado-card{background:#fff;border-radius:20px;padding:3rem;max-width:700px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icono-resultado{font-size:5rem;text-align:center;margin-bottom:1rem;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.resultado-card h1{color:#2c3e50;font-size:2.5rem;text-align:center;margin:0 0 1rem}.mensaje-principal{color:#718096;font-size:1.2rem;text-align:center;margin:0 0 2rem;line-height:1.6}.resultado-card.exitoso .icono-resultado{color:#27ae60}.resultado-card.pendiente .icono-resultado{color:#f39c12}.resultado-card.fallido .icono-resultado{color:#e74c3c}.detalle-compra{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.detalle-compra h3{color:#2c3e50;font-size:1.2rem;margin:0 0 1rem;text-align:center}.detalle-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.detalle-item:last-child{border-bottom:none}.detalle-item span{color:#718096;font-size:.95rem}.detalle-item strong{color:#2c3e50;font-size:1rem}.info-box{background:#e8f4f8;border-left:4px solid #3498db;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.info-box.error{background:#ffe8e8;border-left-color:#e74c3c}.info-box h4{color:#2c3e50;font-size:1.1rem;margin:0 0 .75rem}.info-box p{color:#4a5568;line-height:1.6;margin:0 0 .5rem}.info-box ul{margin:.5rem 0 0 1.5rem;padding:0;color:#4a5568}.info-box li{margin-bottom:.5rem;line-height:1.5}.contacto-soporte{background:#f0f8ff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center}.contacto-soporte h4{color:#2c3e50;font-size:1.1rem;margin:0 0 .75rem}.contacto-soporte p{color:#718096;margin:0 0 1rem}.contacto-items{display:flex;flex-direction:column;gap:.75rem}.contacto-item{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:6px;font-size:.95rem;color:#2c3e50}.contacto-item span:first-child{font-size:1.2rem}.acciones{display:flex;flex-direction:column;gap:1rem}.btn-primary,.btn-secondary,.btn-tertiary{padding:1rem 2rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#3498db;color:#fff}.btn-secondary:hover{background:#2980b9;transform:translateY(-2px)}.btn-tertiary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-tertiary:hover{background:#f7fafc;transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-grande,.spinner-small{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.spinner-grande{width:60px;height:60px;margin-bottom:1rem}.spinner-small{width:20px;height:20px;border-width:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progreso-intentos{text-align:center;color:#718096;font-size:.9rem;margin-top:1rem}@media(max-width:768px){.resultado-pago-container{padding:1rem}.resultado-card{padding:2rem 1.5rem}.resultado-card h1{font-size:2rem}.icono-resultado{font-size:4rem}.mensaje-principal{font-size:1rem}.detalle-compra,.info-box,.contacto-soporte{padding:1rem}.btn-primary,.btn-secondary,.btn-tertiary{font-size:1rem;padding:.875rem 1.5rem}}@media(max-width:480px){.resultado-card h1{font-size:1.5rem}.detalle-item{flex-direction:column;align-items:flex-start;gap:.25rem}.contacto-items{gap:.5rem}.contacto-item{font-size:.85rem}}