.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:1}.modal-close-button:hover{background-color:#0000000d;color:#333;transform:rotate(90deg)}.modal-content{padding:32px}@media(max-width:768px){.modal-container{max-width:95%;margin:0 10px}.modal-content{padding:24px}.modal-overlay{padding:10px}}.error-modal-content{text-align:center;padding:8px 0}.error-modal-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconPulse .5s ease-out}@keyframes iconPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.error-modal-icon svg{width:48px;height:48px;color:#fff;stroke-width:2.5}.error-modal-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 16px;line-height:1.3}.error-modal-message{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 24px}.error-modal-list{text-align:left;margin:0 0 24px;padding:16px 20px;background-color:#fff5f5;border-radius:8px;border-left:4px solid #fc8181}.error-modal-list li{color:#c53030;margin-bottom:8px;font-size:14px;line-height:1.5}.error-modal-list li:last-child{margin-bottom:0}.error-modal-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 4px 12px #667eea66}.error-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.error-modal-button:active{transform:translateY(0)}@media(max-width:768px){.error-modal-icon{width:64px;height:64px;margin-bottom:20px}.error-modal-icon svg{width:40px;height:40px}.error-modal-title{font-size:20px;margin-bottom:12px}.error-modal-message{font-size:14px;margin-bottom:20px}.error-modal-button{width:100%;padding:12px 32px}}.warning-modal-content{text-align:center;padding:8px 0}.warning-modal-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#f6ad55,#ed8936);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconWarning .5s ease-out}@keyframes iconWarning{0%{transform:scale(0)}50%{transform:scale(1.1)}70%{transform:scale(.95) rotate(-5deg)}85%{transform:scale(1.05) rotate(5deg)}to{transform:scale(1) rotate(0)}}.warning-modal-icon svg{width:48px;height:48px;color:#fff;stroke-width:2.5}.warning-modal-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 16px;line-height:1.3}.warning-modal-message{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 24px}.warning-modal-button{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff;border:none;padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 4px 12px #f6ad5566}.warning-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f6ad5580}.warning-modal-button:active{transform:translateY(0)}@media(max-width:768px){.warning-modal-icon{width:64px;height:64px;margin-bottom:20px}.warning-modal-icon svg{width:40px;height:40px}.warning-modal-title{font-size:20px;margin-bottom:12px}.warning-modal-message{font-size:14px;margin-bottom:20px}.warning-modal-button{width:100%;padding:12px 32px}}:root{--teal: #5b9999;--beige: #f5f0e8;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;min-width:320px;background-color:#fff;color:#213547}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.page{background:transparent}.header{background-color:var(--teal);color:var(--beige);position:sticky;top:0;z-index:1000}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background-color:var(--teal);border-bottom:2px solid var(--teal);position:relative}.header__logo{font-weight:700;font-size:18px;line-height:1.2;color:var(--beige);z-index:1001;-webkit-user-select:none;user-select:none}.header__logo:focus-visible{outline:2px solid var(--beige);outline-offset:2px;border-radius:4px}.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;transition:background-color .3s ease}.header__link:hover{background-color:#3d7a801a;border-radius:4px}.header__link:focus-visible{outline:2px solid var(--beige);outline-offset:2px;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;white-space:nowrap}.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--outline:focus-visible{outline:2px solid var(--beige);outline-offset:2px}.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)}.header__btn--solid:focus-visible{outline:2px solid var(--beige);outline-offset:2px}.header__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;transition:transform .3s ease}.header__hamburger:focus-visible{outline:2px solid var(--beige);outline-offset:2px;border-radius:4px}.hamburger__line{width:25px;height:3px;background-color:var(--beige);border-radius:2px;transition:all .3s ease;display:block}.header__hamburger.active .hamburger__line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.header__hamburger.active .hamburger__line:nth-child(2){opacity:0}.header__hamburger.active .hamburger__line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.header__overlay,.header__mobileMenu{display:none}@media(max-width:1024px){.header{padding:14px 24px}.header__nav{gap:16px}.header__link{font-size:13px;padding:8px 12px}.header__actions{gap:10px}.header__btn{padding:9px 14px;font-size:11px}}@media(max-width:768px){.header{padding:12px 20px}.header__logo{font-size:16px}.header__hamburger{display:flex}.header__overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.header__overlay.active{opacity:1;visibility:visible}.header__nav--desktop,.header__actions--desktop{display:none}.header__mobileMenu{display:flex;position:fixed;top:0;right:-100%;height:100vh;width:280px;background-color:var(--teal);flex-direction:column;padding:80px 24px 24px;gap:16px;transition:right .3s ease;z-index:1000;box-shadow:-4px 0 20px #0003;overflow-y:auto;-webkit-overflow-scrolling:touch}.header__mobileMenu.active{right:0}.header__mobileNav{display:flex;flex-direction:column;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(245,240,232,.2)}.header__mobileActions{display:flex;flex-direction:column;gap:12px;padding-top:16px}.header__link{width:100%;text-align:left;padding:12px 16px;font-size:15px;border-radius:8px}.header__link:hover{background-color:#f5f0e826}.header__btn{width:100%;padding:12px 16px;font-size:14px;text-align:center}}@media(max-width:640px){.header{padding:12px 16px}.header__logo{font-size:15px}.header__mobileMenu{width:260px;padding:70px 20px 20px}.header__link{padding:11px 14px;font-size:14px}.header__btn{padding:11px 14px;font-size:13px}.hamburger__line{width:23px}}@media(max-width:480px){.header{padding:10px 12px}.header__logo{font-size:14px}.header__mobileMenu{width:240px;padding:65px 16px 16px}.header__link{padding:10px 12px;font-size:13px}.header__btn{padding:10px 12px;font-size:12px}.hamburger__line{width:22px;height:2.5px}}@media(max-width:375px){.header{padding:10px}.header__logo{font-size:13px}.header__mobileMenu{width:220px;padding:60px 14px 14px}.header__link{padding:9px 10px;font-size:12px}.header__btn{padding:9px 10px;font-size:11px}.hamburger__line{width:20px}}body.menu-open{overflow:hidden}@media(hover:hover){.header__link:hover{background-color:#3d7a801a}.header__btn--outline:hover{background-color:var(--beige);color:var(--teal)}.header__btn--solid:hover{background-color:var(--teal);border-color:var(--beige);color:var(--beige)}}@media(prefers-reduced-motion:reduce){.header__mobileMenu,.header__overlay,.header__link,.header__btn,.header__hamburger,.hamburger__line{transition:none}}.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:linear-gradient(135deg,#f5f0e8,#efe4d4);padding:4rem 2rem;color:#2d5555}.courses_section .section_header{max-width:800px;margin:0 auto 3rem;text-align:center}.courses_section .section_badge{display:inline-block;padding:.5rem 1rem;background-color:#5b999924;color:#2d5555;border:1px solid rgba(45,85,85,.15);border-radius:2rem;font-size:.875rem;font-weight:700;margin-bottom:1rem}.courses_section .section_title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2;color:#2d5555}.courses_section .section_description{font-size:1.125rem;line-height:1.7;color:#4b5563;margin:0}.courses_showcase{max-width:1200px;margin:0 auto;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #0000002e}.showcase_image{width:100%;height:auto;max-height:600px;display:block;object-fit:contain;background-color:#2d55550a}.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,#2d5555,#1f3c3c);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:#4b5563;margin:0 0 1.5rem}.feature_card.featured .feature_description{color:#ffffffeb}.feature_list{list-style:none;padding:0;margin:0 0 1.5rem}.feature_list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#374151}.feature_card.featured .feature_list li{color:#ffffffeb}.feature_list li:before{content:"✓";position:absolute;left:0;color:#2d5555;font-weight:700}.feature_card.featured .feature_list li:before{color:#fff}.feature_arrow{font-size:1.5rem;color:#2d5555;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:#ffa5001f;color:#7a3e00;border:1px solid rgba(122,62,0,.18)}.benefits_content .section_title,.benefits_content .section_description{text-align:left;color:#2d5555}.benefits_content .section_description{color:#4b5563}.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:700;color:#2d5555;margin:0 0 .5rem}.benefit_desc{font-size:1rem;color:#4b5563;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:#4b5563;line-height:1.7;margin:0 0 1.5rem}.extra_arrow{font-size:1.5rem;color:#2d5555;font-weight:700}.stats_section{background:linear-gradient(135deg,#2d5555,#1f3c3c);padding:3rem 2rem;text-align:center;color:#fff}.stats_badge{display:inline-block;padding:.5rem 1.5rem;background-color:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:2rem;font-size:.875rem;font-weight:700;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:800;margin-bottom:.5rem}.stat_label{font-size:1rem;opacity:.92}.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:#4b5563;margin:0 0 2rem}.cta_buttons{display:flex;gap:1rem;justify-content:center}.btn_cta_primary{padding:1.25rem 2.5rem;background-color:#2d5555;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:700;font-size:1.125rem;transition:all .3s ease}.btn_cta_primary:hover{background-color:#1f3c3c;transform:translateY(-2px);box-shadow:0 10px 30px #2d555540}.btn_cta_secondary{padding:1.25rem 2.5rem;background-color:transparent;color:#2d5555;text-decoration:none;border:2px solid #2d5555;border-radius:.5rem;font-weight:700;font-size:1.125rem;transition:all .3s ease}.btn_cta_secondary:hover{background-color:#2d5555;color:#fff;transform:translateY(-2px)}#home-cursos.courses_section .cursos-publico-grid{max-width:1200px;margin:0 auto 2rem}#home-cursos.courses_section .curso-publico-card{background:#ffffffeb;border:1px solid rgba(45,85,85,.12);box-shadow:0 10px 30px #0000001a}#home-cursos.courses_section .curso-publico-card:hover{box-shadow:0 16px 45px #00000024}#home-cursos.courses_section .curso-publico-card h3{color:#1f2937}#home-cursos.courses_section .curso-publico-card .curso-publico-descripcion,#home-cursos.courses_section .curso-publico-card .duracion,#home-cursos.courses_section .curso-publico-card .precio-label{color:#374151}#home-cursos.courses_section .curso-publico-card .precio-valor{color:#2d5555;background:none;-webkit-text-fill-color:initial}#home-cursos.courses_section .btn-inscribirse{background-color:#2d5555;color:#fff;border:none}#home-cursos.courses_section .btn-inscribirse:hover{background-color:#1f3c3c}#home-cursos.courses_section .sin-cursos{text-align:center;padding:1.5rem 1rem;border-radius:1rem;background:#ffffffbf;border:1px dashed rgba(45,85,85,.28);color:#2d5555}#home-clases.features_section .clases-grid{max-width:1200px;margin:0 auto 2rem}#home-clases.features_section .clase-card{background:#fff;box-shadow:0 4px 20px #00000014}#home-clases.features_section .clase-info .info-item,#home-clases.features_section .clase-info{color:#374151}#home-clases.features_section .btn-comprar-clase{background-color:#2d5555;color:#fff;border:none}#home-clases.features_section .btn-comprar-clase:hover{background-color:#1f3c3c}#home-clases.features_section .btn-comprar-paquete{background-color:transparent;color:#2d5555;border:2px solid #2d5555}#home-clases.features_section .btn-comprar-paquete:hover{background-color:#2d5555;color:#fff}#home-clases.features_section .ventaja-paquete{color:#4b5563}#home-clases.features_section .sin-clases{text-align:center;padding:1.5rem 1rem;border-radius:1rem;background:#ffffffb3;border:1px dashed rgba(45,85,85,.25);color:#2d5555}@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}}.password-field{width:100%}.password-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.95rem}.password-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-input{padding-right:50px!important;width:100%}.password-toggle-btn{position:absolute;right:0;top:0;bottom:0;background:transparent;border:none;cursor:pointer;padding:0 15px;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:color .2s ease;z-index:10;height:100%}.password-toggle-btn:hover:not(:disabled){color:#495057}.password-toggle-btn:active:not(:disabled){transform:scale(.95)}.password-toggle-btn:focus{outline:none;color:#5b9999}.password-toggle-btn:focus-visible{outline:2px solid #5b9999;outline-offset:-2px;border-radius:0 4px 4px 0}.password-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.password-toggle-btn svg{display:block;width:22px;height:22px;pointer-events:none}.password-toggle-btn{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.password-error{display:block;color:#e74c3c;font-size:.85rem;margin-top:.4rem;font-weight:500}.form_group .password-input{padding:.875rem 1rem;padding-right:50px!important;border:none;border-radius:.5rem;font-size:1rem;background-color:#ffffffe6;transition:all .3s ease;color:#000;width:100%}.form_group .password-input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 3px #0c474c}.form_group .password-input:disabled{opacity:.6;cursor:not-allowed}.form_group .password-input.input-error{border:2px solid #e74c3c}.form-group .password-input{padding:.875rem;padding-right:50px!important;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s;box-sizing:border-box;font-family:inherit;width:100%}.form-group .password-input:focus{outline:none;border-color:#3498db}.form-group .password-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-group .password-input.input-error{border-color:#e74c3c}.login-page{flex:1;display:flex;width:100%}.login-container{min-height:100vh;width:100%;flex:1;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}.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;color:#2d5555}.form-input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.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{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-login:active{transform:translateY(0)}.error-message{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.75rem 1rem;border-radius:.75rem;font-size:.95rem}.forgot-password{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}.divider-line{flex:1;height:1px;background-color:#ffffff4d}.divider-text{color:#fff;font-size:.875rem;font-weight:600;white-space:nowrap}.social-login{display:flex;justify-content:center;gap:1rem}.btn-social{width:100%;height:55px;border:none;border-radius:.5rem;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;gap:.75rem}.btn-social:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background-color:#f8f8f8}.btn-social:active{transform:translateY(0)}.btn-social:disabled{opacity:.6;cursor:not-allowed}.btn-social:disabled:hover{transform:none;box-shadow:none}.social-icon{width:60px;height:60px;display:block;object-fit:contain}@media(max-width:640px){.login-card{padding:2.5rem 2rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.btn-social{height:52px}.social-icon{width:22px;height:22px}}@media(max-width:480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.375rem}}.register_container{min-height:100vh;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;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form_input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 3px #0c474c}.form_hint{display:block;margin-top:.4rem;color:#e0f0f0;font-size:.85rem;font-style:italic}.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}@media(hover:hover){.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}.btn_register:focus-visible{outline:3px solid #2d5555;outline-offset:2px}.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;flex-wrap:wrap}.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}@media(hover:hover){.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}.btn_social:focus-visible{outline:3px solid #2d5555;outline-offset:2px}.social_icon{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.register_container{padding:1.5rem 1rem}.register_card{padding:2.5rem 2rem;border-radius:1.5rem}.register_title{font-size:1.75rem}.register_subtitle{font-size:.938rem;margin-bottom:1.75rem}.register_form{gap:1.125rem}.form_label{font-size:.938rem}.form_input{padding:.813rem .938rem;font-size:.938rem}.form_hint{font-size:.813rem}.btn_register{padding:.938rem;font-size:1.063rem}.btn_social{width:56px;height:56px}.divider{margin:1.75rem 0 1.25rem}}@media(max-width:640px){.register_container{padding:2rem .875rem 1rem;align-items:flex-start}.register_card{padding:2rem 1.5rem;border-radius:1.25rem}.register_title{font-size:1.5rem;margin-bottom:.875rem}.register_subtitle{font-size:.875rem;margin-bottom:1.5rem}.error_message{padding:.75rem;font-size:.813rem;margin-bottom:1.25rem}.register_form{gap:1rem}.form_group{gap:.438rem}.form_label{font-size:.875rem}.form_input{padding:.75rem .875rem;font-size:max(16px,.875rem)}.form_hint{font-size:.75rem;margin-top:.313rem}.terms_group{gap:.625rem;align-items:center}.terms_checkbox{width:16px;height:16px;min-width:44px;min-height:44px;padding:14px}.terms_label{font-size:.75rem;line-height:1.4}.btn_register{padding:.875rem;font-size:1rem}.divider{gap:.875rem;margin:1.5rem 0 1.125rem}.divider_text{font-size:.813rem}.social_register{gap:.875rem}.btn_social{width:50px;height:50px;border-radius:.625rem}}@media(max-width:480px){.register_container{padding:1.5rem .75rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.register_card{padding:1.75rem 1.25rem;border-radius:1rem}.register_title{font-size:1.375rem;margin-bottom:.75rem}.register_subtitle{font-size:.813rem;margin-bottom:1.25rem;line-height:1.4}.error_message{padding:.688rem;font-size:.75rem;margin-bottom:1rem}.register_form{gap:.938rem}.form_group{gap:.375rem}.form_label{font-size:.813rem}.form_input{padding:.688rem .813rem;font-size:max(16px,.813rem);border-radius:.438rem}.form_hint{font-size:.688rem}.terms_group{gap:.563rem;margin-top:.438rem}.terms_checkbox{width:15px;height:15px}.terms_label{font-size:.688rem}.btn_register{padding:.813rem;font-size:.938rem;margin-top:.438rem}.divider{gap:.75rem;margin:1.25rem 0 1rem}.divider_text{font-size:.75rem}.social_register{gap:.75rem}.btn_social{width:46px;height:46px;border-radius:.563rem;padding:.438rem}}@media(max-width:375px){.register_container{padding:1.25rem .625rem .875rem}.register_card{padding:1.5rem 1rem;border-radius:.875rem}.register_title{font-size:1.25rem;margin-bottom:.625rem}.register_subtitle{font-size:.75rem;margin-bottom:1rem}.error_message{padding:.625rem;font-size:.688rem}.register_form{gap:.875rem}.form_label{font-size:.75rem}.form_input{padding:.625rem .75rem;font-size:max(16px,.75rem)}.form_hint{font-size:.625rem}.terms_checkbox{width:14px;height:14px}.terms_label{font-size:.625rem}.btn_register{padding:.75rem;font-size:.875rem}.btn_social{width:44px;height:44px}.divider{margin:1rem 0 .875rem}}@media(prefers-reduced-motion:reduce){.btn_register,.btn_social,.form_input,.terms_link{transition:none}.btn_register:hover:not(:disabled),.btn_social:hover:not(:disabled){transform:none}}.success-modal-content{text-align:center;padding:8px 0}.success-modal-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconSuccess .5s ease-out}@keyframes iconSuccess{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.success-modal-icon svg{width:48px;height:48px;color:#fff;stroke-width:3;animation:checkDraw .5s ease-out .2s both}@keyframes checkDraw{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}.success-modal-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 16px;line-height:1.3}.success-modal-message{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 24px}.success-modal-button{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 4px 12px #48bb7866}.success-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48bb7880}.success-modal-button:active{transform:translateY(0)}@media(max-width:768px){.success-modal-icon{width:64px;height:64px;margin-bottom:20px}.success-modal-icon svg{width:40px;height:40px}.success-modal-title{font-size:20px;margin-bottom:12px}.success-modal-message{font-size:14px;margin-bottom:20px}.success-modal-button{width:100%;padding:12px 32px}}.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);background:#f5f0e8}.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_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,#6b7db5,#5564a0);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_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:#6b7db5;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:#2d4373;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #f5f0e8}.info_label{font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.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}@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}}:root{--teal-900: #1f3c3c;--teal-800: #2d5555;--teal-600: #4a8080;--teal-500: #5b9999;--beige-50: #f5f0e8;--beige-100: #e8dcc8;--panel: #ffffff;--panel-soft: #f9f9f9;--text: #1f2a37;--muted: #666;--muted-2: #5a6774;--border: rgba(0, 0, 0, .1);--shadow: 0 2px 10px rgba(0, 0, 0, .05);--radius: 1rem}.page,.main{background-color:var(--beige-50)}.dashboard_container{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.dashboard_header{background:var(--panel);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:2rem}.welcome_section{flex:1}.dashboard_title{font-size:2rem;font-weight:800;color:var(--teal-800);margin:0 0 .5rem}.dashboard_subtitle{font-size:1rem;color:var(--muted);margin:0}.btn_logout{background:var(--teal-800);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn_logout:hover{background:var(--teal-900);transform:translateY(-2px);box-shadow:0 8px 20px #1f3c3c33}.dashboard_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard_card{background:var(--panel);padding:2rem;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s ease}.dashboard_card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #00000014}.card_icon{font-size:3rem;margin-bottom:1rem}.card_title{font-size:1.25rem;font-weight:800;color:var(--teal-800);margin:0 0 1rem}.card_number{font-size:2.5rem;font-weight:900;color:var(--teal-900);margin:0 0 .5rem}.card_description{font-size:.95rem;color:var(--muted);margin:0 0 1.5rem}.btn_card{background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.btn_card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b999940}.user_info_section{background-color:var(--panel);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.section_title{font-size:1.5rem;font-weight:900;color:var(--teal-800);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.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:800;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em}.info_value{font-size:1rem;color:var(--teal-900);font-weight:600}.loading{background-color:var(--beige-50);display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.25rem;color:var(--teal-800)}@media(max-width:768px){.dashboard_container{padding:1rem}.dashboard_header{flex-direction:column;align-items:stretch}.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-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}.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}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e0e0e0}.modal-form{padding:2rem}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@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}}.calendario-semanal{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-top:1rem}.dia-columna{background:#fff;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0;transition:transform .2s,box-shadow .2s}.dia-columna:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dia-header{background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;padding:1rem;text-align:center}.dia-header h3{margin:0 0 .5rem;font-size:1rem;text-transform:capitalize}.btn-agregar-franja{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.35);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .3s,transform .2s;width:100%}.btn-agregar-franja:hover{background:#ffffff47;transform:translateY(-1px)}.franjas-lista{padding:.75rem;min-height:150px;background:#f5f0e8}.franja-item{background:#fff;border-left:4px solid #5b9999;padding:.75rem;margin-bottom:.5rem;border-radius:6px;box-shadow:0 1px 3px #00000014;transition:all .2s}.franja-item:hover{box-shadow:0 2px 8px #0000001f;transform:translate(2px)}.franja-horario{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:.5rem;font-weight:600;color:#2d5555;font-size:.9rem}.hora-inicio,.hora-fin{color:#4a8080}.separador{color:#666}.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:6px;transition:background .2s}.btn-editar:hover{background:#5b99991f}.btn-eliminar:hover{background:#dc35451f}.sin-franjas{text-align:center;color:#666;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 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;border:1px solid rgba(0,0,0,.06)}.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}}.gestion-profesores-admin{display:flex;flex-direction:column;gap:24px;width:100%}.gestion-profesores-section,.gestion-franjas-section{width:100%}.gestion-profesores-divider{width:100%;height:1px;background:#0000001f;margin:8px 0}.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-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:flex-start;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:1rem;width:100%;max-width:700px;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:hidden;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;flex:0 0 auto}.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{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;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:1.5rem;padding-top:1rem;flex:0 0 auto}.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}}:root{--teal-900: #1f3c3c;--teal-800: #2d5555;--teal-600: #4a8080;--teal-500: #5b9999;--beige-50: #f5f0e8;--panel: #ffffff;--text: #1f2a37;--muted: #666;--border: rgba(0, 0, 0, .1);--shadow: 0 2px 10px rgba(0, 0, 0, .05);--danger: #dc3545}.franjas-horarias-container{padding:2rem;max-width:1400px;margin:0 auto;background-color:var(--beige-50)}.franjas-header{text-align:left;margin-bottom:1.5rem}.franjas-header h1{color:var(--teal-800);font-size:1.9rem;margin-bottom:.5rem;font-weight:800}.franjas-header .subtitulo{color:var(--muted);font-size:1rem;margin:0}.selector-profesor{background:var(--panel);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border)}.selector-profesor label{font-weight:600;color:var(--teal-800);min-width:170px}.selector-profesor select{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;color:var(--text)}.selector-profesor select:hover{border-color:var(--teal-500)}.selector-profesor select:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px #5b999926}.selector-profesor select:disabled{opacity:.6;cursor:not-allowed}.profesor-info{background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);padding:1.5rem;border-radius:1rem;margin-bottom:1.5rem;color:#fff;box-shadow:var(--shadow)}.profesor-info h2{margin:0;font-size:1.5rem}.calendario-section{background:var(--panel);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow);border:1px solid var(--border)}.mensaje-error{background:#dc35451f;color:var(--danger);padding:1rem;border-radius:.75rem;margin-bottom:1rem;text-align:center;font-weight:700;border:1px solid rgba(220,53,69,.3)}.mensaje-info{background:var(--panel);padding:2rem;border-radius:1rem;text-align:center;color:var(--text);box-shadow:var(--shadow);border:1px solid var(--border)}.mensaje-info p{margin:0;font-size:1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner p{margin-top:1rem;color:var(--muted)}@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-contenido{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;border:1px solid rgba(0,0,0,.06)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;border-radius:12px 12px 0 0}.mensaje{padding:1rem;border-radius:6px;margin-bottom:1rem;font-weight:600;text-align:center;border:1px solid #e0e0e0}.form-group select,.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-group select:focus,.form-group input:focus{outline:none;border-color:#5b9999;box-shadow:0 0 0 3px #5b99991a}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-group .error{display:block;color:#dc3545;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 ease;flex:1;background:#fff}.radio-label span{font-size:.95rem;color:#2d5555;font-weight:600}.pago-preview{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:2px solid #e0e0e0}.modal-acciones{display:flex;gap:1rem;margin-top:1.5rem}@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{min-height:100vh;background-color:var(--beige-50);padding:2rem;max-width:1400px;margin:0 auto}.clases-header{background:var(--panel);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:2rem}.clases-header h1{color:var(--teal-800);font-size:2rem;margin:0 0 .5rem;font-weight:800}.clases-header .subtitulo{color:var(--muted);font-size:1rem;margin:0}.filtros-container{background:var(--panel);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border)}.filtro-asignatura{display:flex;align-items:center;gap:1rem;flex:1}.filtro-asignatura label{font-weight:800;color:var(--teal-800);white-space:nowrap}.filtro-asignatura select{flex:1;max-width:420px;padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;color:var(--text)}.filtro-asignatura select:hover{border-color:var(--teal-500)}.filtro-asignatura select:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px #5b99991f}.resultados-info{color:var(--teal-800);font-size:.95rem;white-space:nowrap;font-weight:800}.tabla-container{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:2rem;border:1px solid var(--border)}.tabla-clases{width:100%;border-collapse:collapse}.tabla-clases thead{background-color:var(--teal-800);color:#fff}.tabla-clases th{padding:1rem;text-align:left;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.tabla-clases tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.tabla-clases tbody tr:hover{background-color:var(--panel-soft)}.tabla-clases td{padding:1rem;font-size:.95rem;color:var(--text)}.asignatura-cell{display:flex;flex-direction:column;gap:.25rem}.asignatura-cell strong{color:var(--teal-900);font-size:1rem}.asignatura-cell small{color:var(--muted);font-size:.85rem}.badge-duracion{background:#5b999924;color:var(--teal-900);padding:.3rem .8rem;border-radius:999px;font-weight:800;font-size:.9rem;border:1px solid rgba(0,0,0,.06)}.badge-tipo{display:inline-block;padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:800;border:1px solid rgba(0,0,0,.06)}.badge-tipo.porcentaje{background:#2ecc7129;color:#1a7f43}.badge-tipo.monto_fijo{background:#5b999929;color:var(--teal-900)}.pago-profesor strong{color:#1a7f43}.ganancia strong{color:#8a5a00}.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:.5rem;transition:all .2s ease}.btn-accion.btn-editar:hover{background:#5b999924;transform:scale(1.08)}.btn-accion.btn-eliminar:hover{background:#dc35451f;transform:scale(1.08)}.btn-crear-grande{background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s ease}.loading-spinner{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.clase-thumb-link{display:inline-block}.clase-thumb{width:56px;height:40px;object-fit:cover;border-radius:.5rem;border:1px solid rgba(0,0,0,.1);background:#fff;display:block}.clase-thumb-fallback{color:var(--muted);font-weight:700}@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%;justify-content:center}.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{padding:1.5rem}.clases-header h1{font-size:1.5rem}.pagination{flex-direction:column;gap:1rem}.btn-page{width:100%}}.clases-header .title{color:var(--teal-800)}.clases-admin-container .clases-header h1,.clases-admin-container .clases-header h1.title{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:var(--teal-800)!important}.modal-contenido{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;border:1px solid rgba(0,0,0,.06)}.modal-contenido.modal-curso{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.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 ease;line-height:1}.btn-cerrar:hover{background:#fff3}.mensaje{padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-weight:600;text-align:center;border:1px solid #e0e0e0}.mensaje.exito{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.mensaje.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.mensaje-info{background:#5b99991f;color:#2d5555;padding:.75rem;border-radius:6px;border-left:4px solid #5b9999;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:#2d5555;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:all .3s ease;box-sizing:border-box;font-family:inherit;background:#fff}.form-group textarea{resize:vertical;min-height:80px}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5b9999;box-shadow:0 0 0 3px #5b99991a}.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:#dc3545}.form-group .error{display:block;color:#dc3545;font-size:.85rem;margin-top:.3rem;font-weight:500}.help-text{display:block;color:#666;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 ease;flex:1;min-width:200px;background:#fff}.radio-label:hover{border-color:#5b9999;background:#f9f9f9}.radio-label input[type=radio]{width:auto;margin:0;cursor:pointer;accent-color:#5b9999}.radio-label span{font-size:.95rem;color:#2d5555}.radio-label:has(input:checked){border-color:#5b9999;background:#5b99991a}.radio-label:has(input:checked) span{font-weight:600;color:#2d5555}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#f9f9f9;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 ease;background:#fff}.checkbox-label:hover{border-color:#5b9999;background:#5b99991a}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer;accent-color:#5b9999}.checkbox-label span{font-size:.9rem;color:#2d5555}.checkbox-label:has(input:checked){border-color:#5b9999;background:#5b99991a}.checkbox-label:has(input:checked) span{font-weight:600;color:#2d5555}.pago-preview{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-top:1rem;border:2px solid #e0e0e0}.pago-preview h4{margin:0 0 1rem;color:#2d5555;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;border:1px solid #e0e0e0}.pago-item span{color:#666;font-size:.95rem}.pago-item strong{font-size:1.1rem;color:#2d5555}.pago-item strong.pago-profesor{color:#155724}.pago-item strong.ganancia{color:#856404}.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 ease}.btn-cancelar{background:transparent;color:#666;border:2px solid #e0e0e0}.btn-cancelar:hover:not(:disabled){background:#f0f0f0;border-color:#ccc;transform:translateY(-2px)}.btn-guardar{background:linear-gradient(135deg,#5b9999,#4a8080);color:#fff}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #5b99994d}.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}}.modal-subir-material{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-subir-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.modal-subir-header h2{margin:0;font-size:1.5rem;font-weight:700}.btn-close-modal{background:#fff3;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.btn-close-modal:disabled{opacity:.5;cursor:not-allowed}.modal-subir-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.9375rem}.required{color:#dc2626}.form-group input[type=text],.form-group select{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=text]:disabled,.form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed}.dropzone{border:3px dashed #d1d5db;border-radius:12px;padding:2rem;background-color:#f9fafb;cursor:pointer;transition:all .3s;text-align:center}.dropzone:hover{border-color:#667eea;background-color:#f3f4f6}.dropzone.dragging{border-color:#667eea;background-color:#eef2ff;border-style:solid;transform:scale(1.02)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone-icon{font-size:3rem;opacity:.5}.dropzone-text{margin:0;color:#6b7280;font-size:1rem;font-weight:500}.btn-seleccionar-archivo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-seleccionar-archivo:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-seleccionar-archivo:disabled{opacity:.5;cursor:not-allowed}.dropzone-hint{font-size:.8125rem;color:#9ca3af;line-height:1.4}.archivo-seleccionado{background-color:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;padding:1rem}.archivo-preview{display:flex;align-items:center;gap:1rem}.archivo-icono{font-size:2.5rem;flex-shrink:0}.archivo-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.archivo-nombre{font-weight:600;color:#166534;word-break:break-word}.archivo-tamaño{font-size:.875rem;color:#15803d}.btn-remover-archivo{background-color:#fee2e2;color:#991b1b;border:none;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remover-archivo:hover:not(:disabled){background-color:#fecaca;transform:scale(1.1)}.btn-remover-archivo:disabled{opacity:.5;cursor:not-allowed}.info-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;font-size:.875rem;color:#1e40af}.info-box p{margin:0 0 .5rem;font-weight:600}.info-box ul{margin:0;padding-left:1.25rem;list-style-type:disc}.info-box li{margin-bottom:.25rem;line-height:1.5}.mensaje-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:.875rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:500}.modal-subir-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-cancelar,.btn-subir{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.5rem}.btn-cancelar{background-color:#f3f4f6;color:#374151}.btn-cancelar:hover:not(:disabled){background-color:#e5e7eb}.btn-subir{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-subir:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-subir:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:640px){.modal-subir-material{width:95%;max-height:95vh}.modal-subir-header{padding:1rem 1.25rem}.modal-subir-header h2{font-size:1.25rem}.modal-subir-body{padding:1.5rem;gap:1.25rem}.dropzone{padding:1.5rem 1rem}.dropzone-icon{font-size:2.5rem}.modal-subir-footer{flex-direction:column}.btn-cancelar,.btn-subir{width:100%;justify-content:center}}.modal-subir-overlay{z-index:10000}.modal-subir-overlay .modal-subir-material{position:relative;z-index:10001}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-material{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-material-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-material-header h2{margin:0;font-size:1.5rem;color:#1f2937}.modal-material-header p{margin:.25rem 0 0;font-size:.95rem;color:#6b7280}.btn-close-modal{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close-modal:hover{background-color:#f3f4f6;color:#1f2937}.modal-material-body{flex:1;overflow-y:auto;padding:1.5rem}.mensaje-error{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.mensaje-info{background-color:#e0f2fe;border:1px solid #bae6fd;color:#0369a1;padding:1rem;border-radius:8px;text-align:center;font-size:.95rem}.loading-material{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.material-lista{display:flex;flex-direction:column;gap:1rem}.material-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.material-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.material-icono{font-size:2rem;flex-shrink:0}.material-info{flex:1;min-width:0}.material-info h4{margin:0 0 .25rem;font-size:1rem;color:#1f2937;word-break:break-word}.material-descripcion{margin:.25rem 0;font-size:.875rem;color:#6b7280;line-height:1.4}.material-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;color:#9ca3af}.material-tipo{background-color:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:4px;font-weight:600}.separador{color:#d1d5db}.material-tamano{font-weight:500}.btn-descargar{background-color:#3b82f6;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.btn-descargar:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-descargar:disabled{opacity:.7;cursor:not-allowed}.btn-descargar.descargando{background-color:#6b7280}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.modal-material-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.btn-cerrar{background-color:#f3f4f6;color:#374151;border:none;padding:.625rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cerrar:hover{background-color:#e5e7eb}@media(max-width:768px){.modal-material{max-height:90vh;margin:1rem}.material-item{flex-wrap:wrap}.btn-descargar{width:100%;justify-content:center}}.acciones-material{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.btn-subir-material-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b9814d;width:100%}.btn-subir-material-header:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-subir-material-header:disabled{opacity:.5;cursor:not-allowed;transform:none}.material-acciones{display:flex;gap:.5rem;align-items:center}.btn-eliminar{background-color:#fee2e2;color:#991b1b;border:none;padding:.5rem .75rem;border-radius:6px;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;height:38px}.btn-eliminar:hover:not(:disabled){background-color:#fecaca;transform:scale(1.05)}.btn-eliminar:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-eliminar.eliminando{background-color:#fca5a5;gap:.5rem;min-width:130px;font-size:.875rem}.spinner-small{width:14px;height:14px;border:2px solid rgba(153,27,27,.3);border-top-color:#991b1b;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:640px){.material-item{flex-direction:column;align-items:flex-start}.material-acciones{width:100%;margin-top:.75rem}.btn-descargar,.btn-eliminar{flex:1}.btn-eliminar{min-width:auto}}:root{--teal-900: #1f3c3c;--teal-800: #2d5555;--teal-600: #4a8080;--teal-500: #5b9999;--beige-50: #f5f0e8;--panel: #ffffff;--panel-soft: #f9f9f9;--text: #1f2a37;--muted: #666;--border: rgba(0,0,0,.1);--shadow: 0 2px 10px rgba(0,0,0,.05);--danger: #dc3545;--radius: 1rem}.cursos-admin-container{min-height:100vh;background-color:var(--beige-50);padding:2rem;max-width:1600px;margin:0 auto}.cursos-header{background:var(--panel);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:2rem}.cursos-header h1{color:var(--teal-800);font-size:2rem;margin:0 0 .5rem;font-weight:800}.cursos-header .subtitulo{color:var(--muted);font-size:1rem;margin:0}.btn-crear{background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-crear:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b999940}.filtros-container{background:var(--panel);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;border:1px solid var(--border)}.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:800;color:var(--teal-800);font-size:.9rem}.filtro-item select{padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;color:var(--text)}.filtro-item select:hover{border-color:var(--teal-500)}.filtro-item select:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px #5b99991f}.filtro-item select:disabled{opacity:.6;cursor:not-allowed}.filtros-acciones{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08);gap:1rem}.btn-limpiar-filtros{padding:.75rem 1.25rem;background:transparent;color:var(--muted);border:2px solid #e0e0e0;border-radius:.5rem;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .3s ease}.btn-limpiar-filtros:hover:not(:disabled){background-color:#f0f0f0;border-color:#ccc;transform:translateY(-2px)}.btn-limpiar-filtros:disabled{opacity:.6;cursor:not-allowed;transform:none}.resultados-info{color:var(--teal-800);font-size:.95rem;font-weight:800}.cursos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}.curso-card{background:var(--panel);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:1rem}.curso-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #00000014}.curso-imagen{width:100%;height:160px;border-radius:12px;overflow:hidden;background:#f7fafc;margin:.25rem 0 .5rem;border:1px solid rgba(0,0,0,.06)}.curso-imagen img{width:100%;height:100%;object-fit:cover;display:block}.curso-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.3rem .8rem;border-radius:999px;font-size:.85rem;font-weight:800;border:1px solid rgba(0,0,0,.06)}.badge-grupal{background:#5b99992e;color:var(--teal-900)}.badge-pregrabado{background:#e8dcc88c;color:var(--teal-900)}.badge-activo{background:#2ecc7126;color:#1a7f43}.badge-inactivo{background:#dc35451f;color:#a61e2b}.badge-finalizado{background:#0000000f;color:#374151}.curso-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.curso-header h3{font-size:1.3rem;color:var(--teal-900);margin:0;flex:1;line-height:1.3;font-weight:900}.duracion{background:var(--panel-soft);padding:.3rem .8rem;border-radius:999px;font-size:.9rem;color:var(--muted);white-space:nowrap;font-weight:800;border:1px solid rgba(0,0,0,.06)}.curso-descripcion{color:var(--muted);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:var(--panel-soft);border-radius:.75rem;border:1px solid rgba(0,0,0,.06)}.info-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.info-row.full-width{flex-direction:column}.info-label{color:var(--muted);font-weight:800}.info-value{color:var(--teal-900);font-weight:700;text-align:right}.franjas-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.franja-badge{background:#fff;border:1px solid rgba(0,0,0,.1);padding:.25rem .6rem;border-radius:.5rem;font-size:.8rem;color:var(--teal-900)}.curso-financiero{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:.75rem;border:2px solid rgba(91,153,153,.25)}.precio-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.precio-row span{color:var(--muted);font-weight:700}.precio-row strong{font-size:1.05rem}.precio-row .precio{color:var(--teal-900);font-weight:900}.precio-row .pago-profesor{color:#1a7f43;font-weight:900}.precio-row .ganancia{color:#8a5a00;font-weight:900}.curso-acciones{display:flex;gap:.75rem;margin-top:auto}.btn-editar,.btn-eliminar{flex:1;padding:.85rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:900;cursor:pointer;transition:all .2s ease}.btn-editar{background:#5b999924;color:var(--teal-900)}.btn-editar:hover{background:#5b999938;transform:translateY(-2px)}.btn-eliminar{background:#dc35451f;color:#a61e2b}.btn-eliminar:hover{background:#dc35452e;transform:translateY(-2px)}.mensaje-vacio{text-align:center;padding:4rem 2rem;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.mensaje-vacio h3{color:var(--teal-800);font-size:1.5rem;margin-bottom:.5rem;font-weight:900}.mensaje-vacio p{color:var(--muted);margin-bottom:2rem}.btn-crear-grande,.btn-limpiar-grande{padding:1rem 2rem;border:none;border-radius:.5rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:all .3s ease}.btn-crear-grande{background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);color:#fff}.btn-crear-grande:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b999940}.btn-limpiar-grande{background:transparent;color:var(--muted);border:2px solid #e0e0e0}.btn-limpiar-grande:hover{background-color:#f0f0f0;border-color:#ccc;transform:translateY(-2px)}.mensaje-error{background:#dc35451f;color:#a61e2b;padding:1rem;border-radius:.75rem;margin-bottom:1rem;text-align:center;font-weight:900;border:1px solid rgba(220,53,69,.25)}.loading-spinner{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;margin-bottom:1rem}.spinner{border:4px solid #e0e0e0;border-top:4px solid var(--teal-500);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-spinner p{margin-top:1rem;color:var(--muted);font-weight:700}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.btn-page{padding:.75rem 1.5rem;background:var(--teal-500);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:900;transition:all .3s ease}.btn-page:hover:not(:disabled){background:var(--teal-600);transform:translateY(-2px)}.btn-page:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.page-info{font-size:1rem;color:var(--teal-800);font-weight:900}@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{padding:1.5rem}.cursos-header h1{font-size:1.5rem}.cursos-grid,.filtros-grid{grid-template-columns:1fr}.filtros-acciones{flex-direction:column;align-items:stretch}.pagination{flex-direction:column;gap:1rem}.btn-page{width:100%}.curso-imagen{height:150px}}.btn-gestionar-material{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.625rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.curso-acciones{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:768px){.curso-acciones{flex-direction:column}.btn-gestionar-material,.btn-editar,.btn-eliminar{width:100%}}.cursos-publico-container{min-height:calc(100vh - 200px);padding-top:2rem;background:#f5f0e8}.loading-container,.error-container{min-height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.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:#5b9999;-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:#5b9999;color:#5b9999;transform:translateY(-2px)}.filtro-btn.active{background:#5b9999;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 #00000048;transition:transform .5s,box-shadow .3s;overflow:hidden;display:flex;flex-direction:column}.curso-publico-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px #000c}.curso-tipo-badge{padding:1rem 1.5rem;background:#5b9999}.curso-tipo-badge span{color:#fff;background:transparent;font-weight:600;font-size:1.1rem}.curso-publico-imagen{width:100%;height:auto;min-height:180px;max-height:300px;border-radius:12px;overflow:hidden;background:#f5f0e8;display:flex;align-items:center;justify-content:center}.curso-publico-imagen img{width:100%;height:100%;object-fit:contain;display:block}.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:#5b9999;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 #3c3d3e66}.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%}.curso-publico-imagen{height:170px}}.confirm-modal-content{text-align:center;padding:8px 0}.confirm-modal-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconBounce .5s ease-out}.confirm-modal-warning .confirm-modal-icon{background:linear-gradient(135deg,#f6ad55,#ed8936)}.confirm-modal-danger .confirm-modal-icon{background:linear-gradient(135deg,#fc8181,#f56565)}.confirm-modal-info .confirm-modal-icon{background:linear-gradient(135deg,#63b3ed,#4299e1)}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirm-modal-icon svg{width:48px;height:48px;color:#fff;stroke-width:2.5}.confirm-modal-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 16px;line-height:1.3}.confirm-modal-message{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 32px}.confirm-modal-buttons{display:flex;gap:12px;justify-content:center}.confirm-modal-button{border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-modal-button:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-button--cancel{background:#e2e8f0;color:#4a5568}.confirm-modal-button--cancel:hover:not(:disabled){background:#cbd5e0;transform:translateY(-2px)}.confirm-modal-button--confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.confirm-modal-button--confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.confirm-modal-button--confirm:active:not(:disabled){transform:translateY(0)}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.confirm-modal-danger .confirm-modal-button--confirm{background:linear-gradient(135deg,#fc8181,#f56565);box-shadow:0 4px 12px #fc818166}.confirm-modal-danger .confirm-modal-button--confirm:hover:not(:disabled){box-shadow:0 6px 16px #fc818180}.confirm-modal-info .confirm-modal-button--confirm{background:linear-gradient(135deg,#63b3ed,#4299e1);box-shadow:0 4px 12px #63b3ed66}.confirm-modal-info .confirm-modal-button--confirm:hover:not(:disabled){box-shadow:0 6px 16px #63b3ed80}@media(max-width:768px){.confirm-modal-icon{width:64px;height:64px;margin-bottom:20px}.confirm-modal-icon svg{width:40px;height:40px}.confirm-modal-title{font-size:20px;margin-bottom:12px}.confirm-modal-message{font-size:14px;margin-bottom:24px}.confirm-modal-buttons{flex-direction:column;width:100%}.confirm-modal-button{width:100%;padding:12px 24px}}.loading-modal-content{text-align:center;padding:24px 0}.loading-modal-spinner{width:80px;height:80px;margin:0 auto 24px;position:relative;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%}.spinner-ring:nth-child(1){border-top-color:#667eea;animation:spinRing 1.5s linear infinite}.spinner-ring:nth-child(2){border-right-color:#764ba2;animation:spinRing 2s linear infinite;width:70%;height:70%}.spinner-ring:nth-child(3){border-bottom-color:#f093fb;animation:spinRing 2.5s linear infinite;width:50%;height:50%}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-modal-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 12px;line-height:1.3}.loading-modal-message{font-size:16px;color:#718096;line-height:1.6;margin:0}.loading-modal-message:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@media(max-width:768px){.loading-modal-spinner{width:64px;height:64px;margin-bottom:20px}.loading-modal-title{font-size:20px;margin-bottom:10px}.loading-modal-message{font-size:14px}}.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{background:transparent;border:none;outline:none;box-shadow:none;padding:0;color:#000;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s}.horas-controles button:hover:not(:disabled){color:#2c3e50;transform:scale(1.05);outline:none;box-shadow:none}.horas-controles button:disabled{background:#a8a8a98c;cursor:not-allowed;transform:none}.horas-controles input{width:80px;padding:.75rem;text-align:center;font-size:1.5rem;font-weight:700;background-color:#fff;border:2px solid #ffffff;border-radius:8px;color:#2c3e50f6}.horas-controles input:focus{outline:none;border-color:#000}.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 label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.95rem}.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;background:#fff;background-color:#fff;color:#000}.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:#fff;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}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mensaje.exito{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.mensaje.error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.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:#667eea;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}.loading-spinner p{margin-top:1rem;color:#7f8c8d;font-size:1rem}.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: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}}.selector-horas{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.selector-horas label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.selector-horas input[type=number]{width:100%;padding:.75rem;font-size:1.1rem;border:2px solid #e0e0e0;border-radius:6px;text-align:center;font-weight:600}.selector-horas input[type=number]:focus{outline:none;border-color:#667eea}.calculo-precios{margin-top:1.5rem;padding-top:1rem;border-top:2px solid #e0e0e0}.precio-linea{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#4a5568}.precio-linea.descuento{color:#27ae60;font-weight:600}.precio-linea.descuento span:first-child{font-size:.95rem}@media(max-width:768px){.selector-horas input[type=number]{font-size:1rem}}.file-upload-container{width:100%}.file-upload-area{position:relative;width:100%}.file-input-hidden{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #cbd5e0;border-radius:8px;background:#f7fafc;cursor:pointer;transition:all .3s ease}.file-upload-label:hover{border-color:#667eea;background:#edf2f7}.upload-icon{font-size:3rem;margin-bottom:.5rem}.upload-text{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.25rem}.upload-hint{font-size:.875rem;color:#718096}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#edf2f7;border:2px solid #667eea;border-radius:8px;gap:1rem}.file-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.file-icon{font-size:2rem;flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.file-name{font-weight:600;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.875rem;color:#718096}.btn-eliminar-archivo{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fc8181;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-eliminar-archivo:hover:not(:disabled){background:#f56565;transform:scale(1.1)}.btn-eliminar-archivo:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.file-upload-label{padding:1.5rem}.upload-icon{font-size:2.5rem}.upload-text{font-size:.9rem}.upload-hint{font-size:.8rem}.file-selected{flex-direction:column;align-items:stretch}.file-info{flex-direction:row}.btn-eliminar-archivo{align-self:flex-end}}.disponibilidad-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#edf2f7;border-radius:8px;margin:1rem 0;color:#4a5568;font-weight:500}.franja-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease}.franja-item:hover{border-color:#667eea;background:#f7fafc;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.franja-item input[type=radio]{margin-top:.25rem;flex-shrink:0;width:20px;height:20px;cursor:pointer}.franja-seleccionada{border-color:#667eea;background:#edf2f7;box-shadow:0 0 0 3px #667eea1a}.franja-info{display:flex;flex-direction:column;gap:.4rem;flex:1}.franja-hora{font-size:1.1rem;font-weight:700;color:#2d3748}.franja-profesor{font-size:.95rem;color:#4a5568;font-weight:500}.franja-duracion{font-size:.875rem;color:#718096}@media(max-width:768px){.franja-item{padding:.875rem}.franja-hora{font-size:1rem}.franja-profesor,.franja-duracion{font-size:.85rem}}@media(max-width:480px){.franjas-lista{gap:.5rem}.franja-item{padding:.75rem;gap:.75rem}.franja-info{gap:.3rem}}.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)}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@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%}}.compra-acciones{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-material{background-color:#8b5cf6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-material:hover{background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-material:active{transform:translateY(0)}@media(max-width:640px){.compra-footer{flex-direction:column;align-items:stretch}.compra-acciones{width:100%}.btn-material,.btn-ver-detalle{flex:1}}.detalle-paquete-container{max-width:1200px;margin:0 auto;padding:2rem;background:#f5f0e8;min-height:100vh}.detalle-header h1{color:#2d5555;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:#2d5555;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:#5b9999;line-height:1}.horas-label{display:block;font-size:.9rem;color:#3d7373;margin-top:.5rem}.circle-progress{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#2d55552e;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:#ffffffb3;border-radius:8px;font-size:1.1rem}.horas-detalles .label{color:#3d7373;font-weight:600}.horas-detalles .valor{color:#2d5555;font-weight:700;font-size:1.3rem}.horas-detalles .valor.usado{color:#ff4d4de6}.horas-detalles .valor.disponible{color:#3d7373}.info-adicional{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#ffffffb3;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:#3d7373;font-weight:600}.info-row strong{color:#2d5555;font-size:1.1rem}.badge{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.badge-completado{background:#5b99992e;color:#2d5555}.btn-agendar-principal{width:100%;padding:1.2rem;background:linear-gradient(180deg,#5b9999,#3d7373);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 #0c474c59}.sesiones-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a}.sesiones-section h2{color:#2d5555;font-size:1.5rem;margin:0 0 1.5rem}.sin-sesiones{text-align:center;padding:3rem 2rem;color:#3d7373}.sin-sesiones p{font-size:1.1rem;margin-bottom:1.5rem}.btn-agendar-vacio{padding:1rem 2rem;background:linear-gradient(180deg,#5b9999,#3d7373);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 #0c474c59}.sesiones-lista{display:flex;flex-direction:column;gap:1rem}.sesion-card{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffffb3;border-radius:12px;border-left:4px solid #5b9999;transition:all .3s}.sesion-card:hover{background:#ffffffd9;transform:translate(4px)}.sesion-fecha{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:.75rem;background:linear-gradient(180deg,#5b9999,#3d7373);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:#2d5555;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:#5b99992e;color:#2d5555}.badge-estado.completada{background:#3d73732e;color:#2d5555}.badge-estado.cancelada{background:#ff4d4d2e;color:#2d5555}.sesion-descripcion{color:#3d7373;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:#2d5555;font-weight:500}.sesion-profesor .icon{font-size:1.2rem}.profesor-contacto{margin-left:auto;color:#0c474c;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 rgba(45,85,85,.12);background:linear-gradient(180deg,#5b9999,#3d7373);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:#2d5555;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem;border:2px solid rgba(45,85,85,.18);border-radius:8px;font-size:1rem;transition:border-color .3s,box-shadow .3s,background-color .3s;box-sizing:border-box;font-family:inherit;background-color:#ffffffe6}.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:#0c474c;box-shadow:0 0 0 3px #0c474c40;background-color:#fff}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#ffffffa6;cursor:not-allowed;opacity:.7}.form-group .input-error{border-color:#ff4d4de6}.form-group .error{display:block;color:#ff4d4de6;font-size:.85rem;margin-top:.4rem;font-weight:500}.help-text{display:block;color:#3d7373;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:#5b99992e;color:#2d5555;border:2px solid rgba(91,153,153,.25)}.mensaje.error{background:#ff4d4d2e;color:#2d5555;border:2px solid rgba(255,77,77,.25)}.modal-acciones{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(45,85,85,.12)}.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:#2d55551f;color:#2d5555}.btn-cancelar:hover:not(:disabled){background:#2d55552e}.btn-guardar{background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0c474c59}.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 rgba(45,85,85,.18);border-top:4px solid #0C474C;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-spinner p{margin-top:1rem;color:#3d7373;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:#ff4d4de6;font-size:1.5rem;margin-bottom:1rem}.error-mensaje p{color:#3d7373;margin-bottom:2rem}.error-mensaje button{padding:.875rem 2rem;background:#0c474c;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.error-mensaje button:hover{background:#2d5555;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%}}.detalle-paquete-page{min-height:100vh}.detalle-paquete-page .paquete-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.detalle-paquete-page .paquete-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;margin-bottom:2rem}.detalle-paquete-page .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.detalle-paquete-page .horas-resumen{display:flex;gap:2rem;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#ffffffb3,#ffffffe6);border-radius:12px}.detalle-paquete-page .horas-resumen .hora-item{text-align:center}.detalle-paquete-page .horas-resumen .hora-item.disponible{background:#5b99992e;padding:1rem 1.5rem;border-radius:8px;font-size:1.1em}.detalle-paquete-page .estado-badge{padding:.3rem .8rem;border-radius:20px;font-size:.85em;font-weight:600}.detalle-paquete-page .estado-badge.completado{background:#5b99992e;color:#2d5555}.detalle-paquete-page .estado-badge.pendiente{background:#2d55551f;color:#2d5555}.detalle-paquete-page .sesiones-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;margin-bottom:2rem}.detalle-paquete-page .sesiones-section .sesiones-list .sesion-item{border:1px solid rgba(45,85,85,.12);border-radius:8px;padding:1rem;margin-bottom:1rem}.detalle-paquete-page .sesiones-section .sesiones-list .sesion-item .sesion-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.detalle-paquete-page .agendador-section{background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;padding:2.5rem;border-radius:16px}.detalle-paquete-page .agendador-section .disponibles-text{font-size:1.2em;margin-bottom:1.5rem}.detalle-paquete-page .calendario-form{display:grid;gap:1.5rem}.detalle-paquete-page .calendario-form .form-group{display:flex;flex-direction:column}.detalle-paquete-page .calendario-form .form-group label{margin-bottom:.5rem;font-weight:600}.detalle-paquete-page .calendario-form .form-group input,.detalle-paquete-page .calendario-form .form-group select,.detalle-paquete-page .calendario-form .form-group textarea{padding:.75rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#fffffff2;font-size:1rem}.detalle-paquete-page .calendario-form .btn-agendar{background:#0c474c;color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s}.detalle-paquete-page .calendario-form .btn-agendar:hover{background:#2d5555;transform:translateY(-2px)}.sesion-documento{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffffffb3;border-radius:8px;margin-top:.75rem}.sesion-documento .icon{font-size:1.2rem}.documento-link{color:#0c474c;text-decoration:none;font-weight:600;transition:color .3s ease}.documento-link:hover{color:#2d5555;text-decoration:underline}.file-input-wrapper{position:relative;margin-top:.5rem}.file-input-wrapper input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-label{display:block;padding:1rem;background:#ffffffd9;border:2px dashed rgba(45,85,85,.28);border-radius:10px;text-align:center;color:#2d5555;font-weight:600;cursor:pointer;transition:all .3s ease}.file-input-label:hover{background:#fffffff2;border-color:#5b9999;color:#2d5555}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffffb3;border:2px solid #5b9999;border-radius:10px;margin-top:.5rem}.file-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-icon{font-size:2rem;line-height:1}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{color:#2d5555;font-weight:600;font-size:.95rem;word-break:break-word}.file-size{color:#3d7373;font-size:.85rem}.btn-remove-file{width:32px;height:32px;min-width:32px;padding:0;background:#ff4d4de6;color:#fff;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.btn-remove-file:hover:not(:disabled){background:#ff4d4d;transform:scale(1.1)}.btn-remove-file:disabled{opacity:.5;cursor:not-allowed}.label-info{display:block;font-size:.85rem;color:#3d7373;font-weight:400;margin-top:.25rem}.mensaje.info{background:#5b99992e;color:#2d5555;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}@media(max-width:768px){.file-selected{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-remove-file{align-self:flex-end}.file-name{font-size:.9rem}}.fecha-disponibilidad{display:flex;gap:.75rem;align-items:center}.fecha-disponibilidad input[type=date]{flex:1}.btn-secundario-fecha{padding:.75rem 1rem;border-radius:8px;border:none;background:#ffffffbf;color:#2d5555;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secundario-fecha:hover:not(:disabled){background:#ffffffe6;color:#2d5555}.btn-secundario-fecha:disabled{opacity:.6;cursor:not-allowed}.franjas-lista{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.franja-item{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border-radius:10px;border:2px solid rgba(45,85,85,.18);background:#ffffffd9;cursor:pointer;transition:all .2s ease}.franja-item:hover{border-color:#5b9999;background:#fffffff2}.franja-item.seleccionada{border-color:#5b9999;background:#5b99991f;box-shadow:0 0 0 1px #5b999938}.franja-item input[type=radio]{margin-top:.3rem}.franja-info{display:flex;flex-direction:column;gap:.15rem}.franja-hora{font-weight:700;color:#2d5555;font-size:.95rem}.franja-profesor{font-size:.9rem;color:#3d7373}.franja-detalle{font-size:.8rem;color:#3d7373}@media(max-width:768px){.fecha-disponibilidad{flex-direction:column;align-items:stretch}.btn-secundario-fecha{width:100%;text-align:center}}.detalle-compra-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.detalle-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.detalle-header h1{margin:0;font-size:2rem;color:#1f2937}.btn-volver{background-color:#f3f4f6;color:#374151;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-volver:hover{background-color:#e5e7eb;transform:translate(-2px)}.detalle-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.detalle-estado{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.badge{padding:.375rem .875rem;border-radius:6px;font-size:.875rem;font-weight:700}.badge.pagado{background-color:#d1fae5;color:#065f46}.badge.pendiente{background-color:#fef3c7;color:#92400e}.badge.fallido{background-color:#fee2e2;color:#991b1b}.fecha{font-size:.875rem;color:#6b7280}.detalle-card h2{margin:0 0 1.5rem;font-size:1.75rem;color:#111827}.acciones-curso{margin-bottom:2rem}.btn-material-grande{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 14px #8b5cf666;width:100%}.btn-material-grande:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.detalle-info{background-color:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.info-item{display:grid;grid-template-columns:180px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.info-item:last-child{border-bottom:none}.info-item.descripcion{grid-template-columns:1fr}.info-item .label{font-weight:700;color:#374151}.info-item .valor{color:#1f2937}.info-item .valor.mono{font-family:Courier New,monospace;font-size:.875rem;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.info-item.descripcion .valor{margin-top:.5rem;line-height:1.6}.detalle-pago{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:1.5rem}.detalle-pago h3{margin:0 0 1rem;font-size:1.25rem;color:#78350f}.error-container{text-align:center;padding:4rem 2rem}.error-container h2{color:#dc2626;margin-bottom:1.5rem}.btn-back{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background-color:#2563eb}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@media(max-width:768px){.detalle-compra-container{padding:1rem}.detalle-header{flex-direction:column;align-items:flex-start}.detalle-header h1{font-size:1.5rem}.detalle-card{padding:1.5rem}.info-item{grid-template-columns:1fr;gap:.25rem}.btn-material-grande{font-size:1rem;padding:.875rem 1.5rem}}.acciones-curso{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:2px solid #bae6fd}.btn-material-grande{width:100%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0ea5e94d;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-material-grande:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966;background:linear-gradient(135deg,#0284c7,#0369a1)}.btn-material-grande:active{transform:translateY(0)}@media(max-width:768px){.acciones-curso{padding:1rem}.btn-material-grande{font-size:1rem;padding:.875rem 1.25rem}}.clases-publico-container{max-width:1400px;margin:0 auto;padding:2rem;background:#f5f0e8}.clases-header{text-align:center;margin-bottom:3rem}.clases-header h1{font-size:2.5rem;color:#1a202c;margin-bottom:.5rem;background:#5b9999;-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:0;box-shadow:0 4px 16px #00000048!important;transition:transform .5s,box-shadow .3s;overflow:hidden;display:flex;flex-direction:column}.clase-card:hover{transform:translateY(-8px)!important;box-shadow:0 8px 32px #1a1a1a95!important}.clase-imagen{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f5f0e8,#e8dcc8);display:flex;align-items:center;justify-content:center;padding:.5rem}.clase-imagen img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.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;margin:0 auto}.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.25rem;background:#f7fafc;border-radius:8px}.precio-label{color:#718096;font-size:.9rem;font-weight:600}.precio-valor{font-size:2rem;font-weight:700;background:#32373e;-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%!important;padding:.8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s!important}.btn-comprar-clase{background:linear-gradient(135deg,#5b9999,#3d7373)!important;color:#f5f0e8!important;border:none!important}.btn-comprar-clase:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #5b999966!important;background:linear-gradient(135deg,#3d7373,#2d5555)!important}.btn-comprar-paquete{background:#f5f0e8!important;padding:.7rem!important;color:#5b9999!important;border:1.5px solid #5b9999!important}.btn-comprar-paquete:hover{background:linear-gradient(135deg,#5b9999,#3d7373)!important;color:#f5f0e8!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #5b999966!important}.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}.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}.clase-imagen{height:160px}}.categoria-seccion{margin-bottom:2.5rem}.categoria-header{display:flex;align-items:center;justify-content:flex-start;margin:0 0 1.25rem}.categoria-titulo{font-size:1.5rem;color:#1a202c;margin:0;padding-left:.25rem;border-left:4px solid #667eea}.clases-filtros-publico{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.clases-buscador-input,.clases-seccion-select{background:#fff;border:2px solid rgba(45,85,85,.18);border-radius:10px;padding:.75rem 1rem;font-size:1rem;color:#2d3748;outline:none;transition:all .25s ease}.clases-buscador-input{min-width:260px;flex:1}.clases-seccion-select{min-width:240px}.clases-buscador-input:focus,.clases-seccion-select:focus{border-color:#5b9999;box-shadow:0 4px 15px #0c474c26}.clases-seccion-select:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.clases-buscador-input,.clases-seccion-select{width:100%;min-width:100%}}.resultado-pago-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#78c7c7}.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:#1a202c;font-size:2.5rem;text-align:center;margin:0 0 1rem;font-weight:700}.mensaje-principal{color:#2d3748;font-size:1.2rem;text-align:center;margin:0 0 2rem;line-height:1.6;font-weight:500}.resultado-card.exitoso .icono-resultado{color:#22863a}.resultado-card.pendiente .icono-resultado{color:#b7791f}.resultado-card.fallido .icono-resultado{color:#d73a49}.detalle-compra{background:#f7fafc;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid #e2e8f0}.detalle-compra h3{color:#1a202c;font-size:1.2rem;margin:0 0 1rem;text-align:center;font-weight:600}.detalle-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.detalle-item span{color:#2d3748;font-size:.95rem;font-weight:500}.detalle-item strong{color:#1a202c;font-size:1rem;font-weight:600}.info-box{background:#e6fffa;border-left:4px solid #78c7c7;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.info-box.error{background:#fff5f5;border-left-color:#c53030}.info-box h4{color:#1a202c;font-size:1.1rem;margin:0 0 .75rem;font-weight:600}.info-box p{color:#2d3748;line-height:1.6;margin:0 0 .5rem;font-weight:500}.info-box ul{margin:.5rem 0 0 1.5rem;padding:0;color:#2d3748}.info-box li{margin-bottom:.5rem;line-height:1.5;font-weight:500}.contacto-soporte{background:#ebf8ff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center;border:1px solid #bee3f8}.contacto-soporte h4{color:#1a202c;font-size:1.1rem;margin:0 0 .75rem;font-weight:600}.contacto-soporte p{color:#2d3748;margin:0 0 1rem;font-weight:500}.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:#1a202c;font-weight:600;border:1px solid #e2e8f0}.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:#5b9999;color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5a67d866;background:linear-gradient(135deg,#3d7373,#2d5555)}.btn-secondary{background:#f5f0e8;color:#827f7f;border:1.5px solid #5b9999}.btn-secondary:hover{background:linear-gradient(135deg,#5b9999,#3d7373);transform:translateY(-2px);color:#f5f0e8;box-shadow:0 6px 20px #0987a04d}.btn-tertiary{background:#fff;color:#5a67d8;border:2px solid #5a67d8}.btn-tertiary:hover{background:#edf2f7;transform:translateY(-2px);box-shadow:0 4px 12px #5a67d833}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-grande,.spinner-small{border:4px solid #e2e8f0;border-top:4px solid #5a67d8;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}.progreso-intentos{text-align:center;color:#2d3748;font-size:.9rem;margin-top:1rem;font-weight:500}@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}}.mis-clases-container{max-width:1400px;margin:2rem auto;padding:0 1.5rem}.header-section{margin-bottom:2rem;text-align:center}.header-section h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.subtitle{color:#666;font-size:1.1rem;margin:0}.tabs-container{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;overflow-x:auto}.tab{flex:1;min-width:200px;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.tab:hover{color:#2196f3;background:#2196f30d}.tab.active{color:#2196f3;border-bottom-color:#2196f3;background:#2196f314}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.85rem;font-weight:700}.tab-badge.alert{background:#fff3e0;color:#f57c00;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tab-content{min-height:400px}.clases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.clases-grid{grid-template-columns:1fr}}.clase-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:2px solid transparent}.clase-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f;border-color:#e3f2fd}.pendiente-card{border-left:4px solid #ff9800}.clase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:2px solid #f5f5f5}.clase-id{color:#999;font-size:.9rem;font-weight:600}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.badge-programada{background:#e3f2fd;color:#1976d2}.badge-completada{background:#e8f5e9;color:#2e7d32}.badge-cancelada{background:#ffebee;color:#c62828}.badge-pendiente{background:#fff3e0;color:#f57c00;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 0 #f57c0000}50%{box-shadow:0 0 12px #f57c004d}}.clase-info{margin:1.2rem 0}.info-row{display:flex;flex-direction:column;margin-bottom:.8rem;padding:.5rem 0}.info-row strong{color:#555;font-size:.9rem;margin-bottom:.3rem}.info-row span{color:#2c3e50;font-size:1rem;word-break:break-word}.info-row.descripcion{background:#f9f9f9;padding:1rem;border-radius:8px;margin-top:.5rem}.info-row.descripcion p{margin:0;color:#555;line-height:1.6}.clase-actions{display:flex;gap:.8rem;margin-top:1.5rem;flex-wrap:wrap}.btn-meet,.btn-documento,.btn-documento-small{flex:1;min-width:140px;padding:.75rem 1rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-meet{background:linear-gradient(135deg,#00b0ff,#0091ea);color:#fff}.btn-meet:hover{background:linear-gradient(135deg,#0091ea,#0077c2);transform:scale(1.02)}.btn-documento{background:linear-gradient(135deg,#ffc107,#ffa000);color:#000}.btn-documento:hover{background:linear-gradient(135deg,#ffa000,#ff6f00);transform:scale(1.02)}.btn-documento-small{background:#fff9e6;color:#f57c00;border:2px solid #ffc107;padding:.6rem 1rem;font-size:.9rem}.btn-documento-small:hover{background:#ffc107;color:#000}.asignar-meet-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed #e0e0e0}.asignar-meet-section label{display:block;margin-bottom:.6rem;color:#555;font-weight:600;font-size:.95rem}.input-meet{width:100%;padding:.9rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;margin-bottom:.8rem;transition:all .2s ease}.input-meet:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.input-meet:disabled{background:#f5f5f5;cursor:not-allowed}.input-wrapper{position:relative;display:flex;align-items:center}.input-meet{flex:1;padding:.75rem 2.5rem .75rem .75rem;border:2px solid #ddd;border-radius:8px;font-size:.95rem;transition:all .3s ease;color:#333}.input-meet:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.input-meet.input-error{border-color:#e74c3c;background-color:#fff5f5}.input-meet.input-success{border-color:#27ae60;background-color:#f0fdf4}.validation-icon{position:absolute;right:.75rem;font-size:1.2rem;pointer-events:none}.error-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background-color:#fee;border-left:3px solid #e74c3c;border-radius:4px;color:#c0392b;font-size:.9rem;animation:slideDown .3s ease}.error-icon{font-size:1rem}.help-message{margin-top:.5rem;padding:.5rem;background-color:#f8f9fa;border-left:3px solid #3498db;border-radius:4px;color:#555;font-size:.85rem}.required{color:#e74c3c;font-weight:700}.btn-asignar.btn-disabled{opacity:.5;cursor:not-allowed}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.asignar-meet-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.asignar-meet-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.btn-asignar{width:100%;padding:1rem;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-asignar:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);transform:scale(1.02)}.btn-asignar:disabled{background:#bdbdbd;cursor:not-allowed;opacity:.7}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0}.btn-pagination{padding:.8rem 1.5rem;background:#fff;border:2px solid #2196f3;color:#2196f3;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:#2196f3;color:#fff;transform:translateY(-2px)}.btn-pagination:disabled{border-color:#e0e0e0;color:#bdbdbd;cursor:not-allowed;opacity:.5}.pagination-info{color:#555;font-weight:600;font-size:.95rem}.empty-state{text-align:center;padding:4rem 2rem;background:#f9f9f9;border-radius:16px;margin:2rem 0}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#555;margin:.5rem 0;font-size:1.5rem}.empty-state p{color:#999;margin:.5rem 0;font-size:1.1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#2196f3;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{margin-top:1rem;color:#666;font-size:1.1rem}.info-footer{background:#e3f2fd;padding:1.5rem;border-radius:12px;margin-top:2rem;border-left:4px solid #2196f3}.info-footer p{margin:0;color:#1565c0;font-size:.95rem;line-height:1.6}@media(max-width:768px){.header-section h1{font-size:1.8rem}.tabs-container{flex-direction:column;gap:0}.tab{border-bottom:1px solid #e0e0e0;border-left:3px solid transparent}.tab.active{border-left-color:#2196f3;border-bottom-color:#e0e0e0}.clase-actions{flex-direction:column}.btn-meet,.btn-documento{width:100%}}.profesor-cursos-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.profesor-cursos-container h1{color:#2c3e50;margin-bottom:2rem;font-size:2rem}.cursos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;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}.curso-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.curso-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.curso-header h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.3rem}.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge-grupal{background:#e1f5fe;color:#0277bd}.badge-pregrabado{background:#f3e5f5;color:#7b1fa2}.badge-activo{background:#e8f5e9;color:#388e3c}.badge-inactivo{background:#ffebee;color:#d32f2f}.badge-finalizado{background:#f5f5f5;color:#616161}.curso-descripcion{color:#666;margin:1rem 0;font-size:.95rem;line-height:1.5}.curso-info{margin:1rem 0}.info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.info-item .label{font-weight:600;color:#555}.info-item .value{color:#333}.btn-ver-inscritos{width:100%;padding:.8rem;margin-top:1rem;background:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.btn-ver-inscritos:hover{background:#1976d2}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;color:#2c3e50}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.btn-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:1.5rem;overflow-y:auto}.curso-nombre-modal{color:#666;margin-bottom:1rem;font-style:italic}.tabla-inscritos{overflow-x:auto}.tabla-inscritos table{width:100%;border-collapse:collapse}.tabla-inscritos th,.tabla-inscritos td{padding:.8rem;text-align:left;border-bottom:1px solid #f0f0f0}.tabla-inscritos th{background:#f5f5f5;font-weight:600;color:#555}.tabla-inscritos tr:hover{background:#fafafa}.curso-acciones{display:flex;gap:.5rem;margin-top:auto}.btn-gestionar-material{flex:1;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-gestionar-material:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}@media(max-width:640px){.curso-acciones{flex-direction:column}}.profesor-perfil-container{max-width:800px;margin:2rem auto;padding:0 1rem}.profesor-perfil-container h1{color:#2c3e50;margin-bottom:2rem;font-size:2rem}.perfil-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.perfil-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;align-items:center;gap:1.5rem}.avatar{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#667eea}.info-basica{flex:1}.rol-badge{background:#fff3;color:#fff;padding:.4rem 1rem;border-radius:20px;display:inline-block;margin-bottom:.5rem;font-weight:600}.email{color:#fff;margin:0;font-size:1.1rem}.perfil-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:600}.form-group input{width:100%;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.input-disabled{background:#f5f5f5!important;color:#999}.input-error{border-color:#d32f2f!important}.error{color:#d32f2f;font-size:.85rem;margin-top:.3rem;display:block}.help-text{color:#999;font-size:.85rem;margin-top:.3rem;display:block}.perfil-footer{padding:1.5rem 2rem;background:#f9f9f9;display:flex;justify-content:flex-end}.btn-editar{padding:.8rem 2rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.btn-editar:hover{background:#5568d3}.botones-edicion{display:flex;gap:1rem}.btn-cancelar,.btn-guardar{padding:.8rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-cancelar{background:#f5f5f5;color:#666}.btn-cancelar:hover{background:#e0e0e0}.btn-guardar{background:#4caf50;color:#fff}.btn-guardar:hover{background:#43a047}.btn-guardar:disabled,.btn-cancelar:disabled{opacity:.5;cursor:not-allowed}:root{--teal-900: #1f3c3c;--teal-800: #2d5555;--teal-600: #4a8080;--teal-500: #5b9999;--beige-50: #f5f0e8;--beige-100: #e8dcc8;--panel: #ffffff;--panel-soft: #f9f9f9;--text: #1f2a37;--muted: #666;--muted-2: #5a6774;--border: rgba(0, 0, 0, .1);--shadow: 0 2px 10px rgba(0, 0, 0, .05);--danger: #dc3545;--success: #2ecc71;--radius: 1rem}.contabilidad-admin-container{min-height:100vh;background-color:var(--beige-50);padding:2rem;max-width:1400px;margin:0 auto}.contabilidad-header{background:var(--panel);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.contabilidad-header h1{color:var(--teal-800);font-size:2rem;margin:0 0 .5rem;font-weight:800}.contabilidad-header .subtitulo{color:var(--muted);margin:0;font-size:1rem}.contabilidad-filtros{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:1.25rem;border:1px solid var(--border)}.filtro{display:flex;flex-direction:column;gap:.45rem}.filtro label{color:var(--teal-800);font-weight:800;font-size:.9rem}.filtro input[type=date],.filtro input[type=text],.filtro input[type=number],.filtro input[type=datetime-local],.compras-limit,.compras-filtro select{height:44px;padding:0 .85rem;border:2px solid #e0e0e0;border-radius:.5rem;background:#fff;color:var(--text);font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.filtro input:focus,.compras-limit:focus,.compras-filtro select:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px #5b99991f}.acciones{display:flex;flex-direction:column;gap:.75rem;justify-content:end}.btn-consultar{height:44px;border:none;border-radius:.5rem;padding:0 1.25rem;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);transition:all .3s ease;box-shadow:0 8px 20px #5b999933}.btn-consultar:hover:not(:disabled){transform:translateY(-2px)}.btn-limpiar{height:44px;border:2px solid #e0e0e0;border-radius:.5rem;padding:0 1.25rem;font-weight:700;cursor:pointer;background:transparent;color:var(--muted);transition:all .3s ease}.btn-limpiar:hover:not(:disabled){background-color:#f0f0f0;border-color:#ccc;transform:translateY(-2px)}.btn-consultar:disabled,.btn-limpiar:disabled,.filtro input:disabled,.compras-filtro select:disabled{opacity:.6;cursor:not-allowed;transform:none}.mensaje-error{background:#dc35451a;color:var(--danger);padding:1rem;border-radius:.75rem;margin-top:.75rem;text-align:center;font-weight:900;border:1px solid rgba(220,53,69,.25)}.mensaje-exito{background:#2ecc711f;color:#1a7f43;padding:1rem;border-radius:.75rem;margin-top:.75rem;text-align:center;font-weight:900;border:1px solid rgba(46,204,113,.25)}.kpis-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:1.05rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}.kpi-label{color:var(--muted);font-weight:800;font-size:.9rem}.kpi-value{color:var(--teal-900);font-size:1.35rem;font-weight:900}.kpi-neto .kpi-value{color:var(--teal-800)}.tabla-container,.contabilidad-chart-container,.compras-container{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.tabla-container{margin-bottom:1.5rem}.tabla-header,.contabilidad-chart-header,.compras-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:baseline;gap:1rem;background:#fff}.tabla-header h3,.contabilidad-chart-header h3,.compras-header h3{margin:0;color:var(--teal-900);font-weight:900}.tabla-header small,.contabilidad-chart-header small,.compras-header small{color:var(--muted);font-weight:700}.tabla-pagos{width:100%;border-collapse:collapse}.tabla-pagos thead{background-color:var(--teal-800);color:#fff}.tabla-pagos th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;font-size:.938rem;text-transform:uppercase;letter-spacing:.5px}.tabla-pagos td{padding:1.1rem 1.5rem;font-size:.938rem;color:var(--text);border-bottom:1px solid #e0e0e0}.tabla-pagos tbody tr:hover{background-color:var(--panel-soft)}.text-right{text-align:right}.text-center{text-align:center}.contabilidad-chart{height:320px;padding:1rem 1.25rem 1.25rem}.contabilidad-chart-empty{padding:1.25rem;text-align:center;color:var(--muted);font-weight:800}.compras-filtros{padding:1rem 1.25rem;display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;border-bottom:1px solid rgba(0,0,0,.08)}.compras-filtro{display:flex;flex-direction:column;gap:.45rem}.compras-filtro label{color:var(--teal-800);font-weight:800;font-size:.9rem}.compras-acciones{display:flex;justify-content:end}.compras-error{margin:.75rem 1.25rem 0;background:#dc35451a;color:var(--danger);border:1px solid rgba(220,53,69,.25);border-radius:.75rem;padding:.8rem 1rem;font-weight:900}.compras-table-wrap{overflow-x:auto}.compras-table{width:100%;border-collapse:collapse}.compras-table thead{background-color:var(--teal-800);color:#fff}.compras-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;font-size:.938rem;text-transform:uppercase;letter-spacing:.5px}.compras-table td{padding:1.1rem 1.5rem;font-size:.938rem;color:var(--text);border-bottom:1px solid #e0e0e0}.compras-table tbody tr:hover{background-color:var(--panel-soft)}.compras-paginacion{padding:1rem 1.25rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.08)}.compras-pageinfo{color:var(--teal-800);font-weight:800}@media(max-width:1100px){.kpis-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:768px){.contabilidad-admin-container{padding:1rem}.contabilidad-filtros{grid-template-columns:1fr}.acciones{flex-direction:row}.btn-consultar,.btn-limpiar{width:100%}.kpis-grid{grid-template-columns:1fr}.tabla-container{overflow-x:auto}.tabla-pagos{min-width:650px}.compras-filtros{grid-template-columns:1fr}}.admin_compras_container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.admin_compras_header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem}.admin_compras_header h1{margin:0 0 .25rem;color:var(--teal-800);font-weight:900}.admin_compras_header p{margin:0;color:#f5f0e8bf}.admin_compras_logout{padding:.75rem 1.5rem;background-color:var(--teal-800);color:#fff;border:none;border-radius:.5rem;font-weight:800;cursor:pointer;transition:all .3s ease}.admin_compras_logout:hover{background-color:var(--teal-900);transform:translateY(-2px);box-shadow:0 8px 20px #1f3c3c59}.admin_compras_filters{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:1.25rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:1rem}.admin_compras_filter{display:flex;flex-direction:column;gap:.45rem}.admin_compras_filter label{color:var(--teal-800);font-weight:800;font-size:.9rem}.admin_compras_filter input,.admin_compras_filter select{height:44px;padding:0 .85rem;border:2px solid rgba(45,85,85,.18);border-radius:10px;background:#fff;color:#1f2a37;font-size:.95rem}.admin_compras_filter input:focus,.admin_compras_filter select:focus{outline:none;border-color:#5b9999a6;box-shadow:0 0 0 4px #5b99992e}.admin_compras_actions{display:flex;flex-direction:column;gap:.75rem}.admin_compras_btn_primary{height:44px;border:none;border-radius:10px;padding:0 1.25rem;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);box-shadow:0 10px 20px #5b999959}.admin_compras_btn_secondary{height:44px;border:2px solid rgba(45,85,85,.35);border-radius:10px;padding:0 1.25rem;font-weight:800;cursor:pointer;background:#5b999926;color:var(--teal-800)}.admin_compras_error{background:#ff47571f;color:#ff4757;border:1px solid rgba(255,71,87,.25);border-radius:12px;padding:.9rem 1rem;margin-bottom:1rem;font-weight:800}.admin_compras_table_wrap{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(31,60,60,.08);overflow:hidden}.admin_compras_table{width:100%;border-collapse:collapse}.admin_compras_table thead{background:linear-gradient(135deg,#f5f0e88c,#e8dcc859)}.admin_compras_table th,.admin_compras_table td{padding:.95rem 1.25rem;border-bottom:1px solid rgba(31,60,60,.1);font-size:.95rem;color:var(--teal-900)}.admin_compras_table th{font-weight:900;color:var(--teal-800)}.admin_compras_table tbody tr:hover{background:#5b99990f}.admin_compras_empty{text-align:center;color:#666;font-weight:800}.right{text-align:right}.admin_compras_pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.admin_compras_pagebtn{height:40px;padding:0 1rem;border-radius:10px;border:2px solid rgba(245,240,232,.35);background:#f5f0e81a;color:#f5f0e8f2;font-weight:800;cursor:pointer}.admin_compras_pagebtn:disabled{opacity:.6;cursor:not-allowed}.admin_compras_pageinfo{color:#f5f0e8d9;font-weight:800}.admin_compras_limit{height:40px;border-radius:10px;border:2px solid rgba(245,240,232,.35);background:#f5f0e81a;color:#f5f0e8f2;font-weight:800;padding:0 .75rem}.admin_compras_back{margin-top:1rem}@media(max-width:1100px){.admin_compras_filters{grid-template-columns:1fr 1fr}.admin_compras_actions{grid-column:1 / -1;flex-direction:row}.admin_compras_btn_primary,.admin_compras_btn_secondary{width:100%}}@media(max-width:768px){.admin_compras_header{flex-direction:column;align-items:flex-start}.admin_compras_logout{width:100%}.admin_compras_pagination{flex-direction:column;align-items:stretch}.admin_compras_pagebtn,.admin_compras_limit{width:100%}}:root{--teal-900: #1f3c3c;--teal-800: #2d5555;--teal-600: #3d7373;--teal-500: #5b9999;--beige-50: #f5f0e8;--beige-100: #e8dcc8;--panel: #ffffff;--border: rgba(31, 60, 60, .14);--shadow: 0 12px 35px rgba(0, 0, 0, .18);--radius: 14px}.sesiones_container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.sesiones_header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}.sesiones_header h1{margin:0 0 .25rem;color:var(--teal-800);font-weight:900}.sesiones_header p{margin:0;color:#f5f0e8bf}.sesiones_btn_back{height:44px;padding:0 1.25rem;border-radius:10px;border:2px solid rgba(245,240,232,.35);background:#f5f0e81a;color:#f5f0e8f2;font-weight:900;cursor:pointer}.sesiones_error{background:#ff47571f;color:#ff4757;border:1px solid rgba(255,71,87,.25);border-radius:12px;padding:.9rem 1rem;margin-bottom:1rem;font-weight:900}.sesiones_panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(31,60,60,.08);overflow:hidden}.sesiones_loading,.sesiones_empty{padding:1.5rem;color:#666;font-weight:900;text-align:center}.sesiones_table{width:100%;border-collapse:collapse}.sesiones_table thead{background:linear-gradient(135deg,#f5f0e88c,#e8dcc859)}.sesiones_table th,.sesiones_table td{padding:.95rem 1.25rem;border-bottom:1px solid rgba(31,60,60,.1);font-size:.95rem;color:var(--teal-900);vertical-align:top}.sesiones_table th{font-weight:900;color:var(--teal-800)}.sesiones_table tbody tr:hover{background:#5b99990f}.sesiones_edit{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;min-width:360px}.sesiones_input{height:42px;padding:0 .85rem;border:2px solid rgba(45,85,85,.18);border-radius:10px;background:#fff;color:#1f2a37;font-weight:700}.sesiones_input:focus{outline:none;border-color:#5b9999a6;box-shadow:0 0 0 4px #5b99992e}.sesiones_btn_primary{height:42px;border:none;border-radius:10px;padding:0 1rem;font-weight:900;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);box-shadow:0 10px 20px #5b999947}.sesiones_btn_secondary{height:42px;border:2px solid rgba(45,85,85,.35);border-radius:10px;padding:0 1rem;font-weight:900;cursor:pointer;background:#5b999926;color:var(--teal-800)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media(max-width:900px){.sesiones_edit{grid-template-columns:1fr;min-width:240px}}.mis-paquetes-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:#f5f0e8}.mis-paquetes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 4px 20px #0000001a}.mis-paquetes-header h1{color:#2d5555;margin:0 0 .5rem;font-size:2rem}.mis-paquetes-header p{color:#3d7373;margin:0;font-size:1rem}.header-buttons{display:flex;gap:1rem}.btn-comprar-paquete{background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0c474c40}.btn-comprar-paquete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c474c59}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:15px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem;line-height:1}.stat-info{display:flex;flex-direction:column}.stat-numero{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#3d7373;font-size:.9rem}.stat-card.total .stat-numero{color:#0c474c}.stat-card.activos .stat-numero{color:#3d7373}.stat-card.disponibles .stat-numero{color:#5b9999}.stat-card.usadas .stat-numero{color:#ff4d4de6}.filtros-container{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.btn-filtro{flex:1;padding:.75rem 1.5rem;border:2px solid rgba(45,85,85,.18);background:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#2d5555}.btn-filtro:hover{border-color:#5b9999;color:#2d5555}.btn-filtro.activo{background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border-color:transparent}.paquetes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.paquete-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.paquete-card:hover{transform:translateY(-10px);box-shadow:0 10px 40px #0003}.paquete-card.agotado{opacity:.7}.paquete-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(180deg,#ffffffd9,#ffffffa6);flex-wrap:wrap;gap:.5rem}.badge-pagado{background:#5b99992e;color:#2d5555}.badge-fallido,.badge-agotado{background:#ff4d4d2e;color:#2d5555}.fecha-compra{color:#3d7373;font-size:.85rem}.paquete-card-body{padding:2rem 1.5rem;flex:1}.paquete-titulo{color:#2d5555;margin:0 0 1.5rem;font-size:1.4rem;text-align:center}.paquete-progreso{display:flex;gap:2rem;margin-bottom:1.5rem;align-items:center}.progreso-circulo{width:120px;height:120px}.circular-chart{display:block;margin:10px auto;max-width:100%;max-height:120px}.circle-bg{fill:none;stroke:#2d55551f;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;stroke:url(#gradient);animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.percentage{fill:#0c474c;font-family:sans-serif;font-size:.5em;font-weight:700;text-anchor:middle}.progreso-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.progreso-detalle{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(45,85,85,.12)}.progreso-detalle:last-child{border-bottom:none}.progreso-detalle .label{color:#3d7373;font-size:.9rem}.progreso-detalle .valor{font-weight:700;font-size:1.1rem;color:#2d5555}.progreso-detalle .valor.usadas{color:#ff4d4de6}.progreso-detalle .valor.disponibles{color:#3d7373}.progreso-detalle .valor.agotadas{color:#2d555573}.barra-progreso{width:100%;height:12px;background:#2d55551f;border-radius:10px;overflow:hidden;margin-bottom:1.5rem}.barra-fill{height:100%;background:linear-gradient(180deg,#5b9999,#3d7373);transition:width .5s ease}.paquete-precio{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:2px dashed rgba(45,85,85,.18)}.precio-label{color:#3d7373;font-size:.9rem}.precio-valor{color:#0c474c;font-size:1.5rem;font-weight:700}.paquete-card-footer{padding:1.5rem;background:#fffc;display:flex;flex-direction:column;gap:.75rem}.btn-agendar-clase{width:100%;padding:1rem;background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-agendar-clase:hover{transform:scale(1.02);box-shadow:0 4px 15px #0c474c59}.btn-ver-historial{width:100%;padding:1rem;background:#2d55551f;color:#2d5555;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-ver-historial:hover{background:#2d55552e}.btn-ver-detalle-secundario{width:100%;padding:.75rem;background:#fff;color:#0c474c;border:2px solid #0C474C;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-ver-detalle-secundario:hover{background:#0c474c;color:#fff}.sin-paquetes{background:#fff;padding:4rem 2rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px #0000001a}.sin-paquetes-icon{font-size:5rem;margin-bottom:1rem}.sin-paquetes h3{color:#2d5555;font-size:1.8rem;margin-bottom:1rem}.sin-paquetes p{color:#3d7373;font-size:1.1rem;max-width:600px;margin:0 auto 2rem;line-height:1.6}.btn-comprar-primer-paquete{background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0c474c40}.btn-comprar-primer-paquete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c474c59}.info-box{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #0000001a}.info-box h3{color:#2d5555;margin-bottom:1rem}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{color:#2d5555;padding:.75rem 0;border-bottom:1px solid rgba(45,85,85,.12)}.info-box li:last-child{border-bottom:none}.mensaje-error{color:#ff4d4de6;font-weight:600}@media(max-width:768px){.mis-paquetes-container{padding:1rem}.mis-paquetes-header{flex-direction:column;gap:1rem;text-align:center}.header-buttons{flex-direction:column;width:100%}.header-buttons button{width:100%}.estadisticas-grid{grid-template-columns:1fr}.filtros-container{flex-direction:column}.paquetes-grid{grid-template-columns:1fr}.paquete-progreso{flex-direction:column;text-align:center}.progreso-circulo{margin:0 auto}}.mis-clases-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:#f5f0e8}.mis-clases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 4px 20px #0000001a;gap:1rem}.mis-clases-header h1{color:#2d5555;margin:0 0 .5rem;font-size:2rem}.mis-clases-header p{color:#3d7373;margin:0;font-size:1rem}.sessions-container{margin-top:0}.sessions-list{display:flex;flex-direction:column;gap:1.25rem}.session-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:none;transition:all .3s ease}.session-card:hover{transform:translateY(-6px);box-shadow:0 10px 40px #0000002e}.session-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(180deg,#ffffffd9,#ffffffa6);flex-wrap:wrap;gap:.75rem}.session-fecha{color:#3d7373;font-size:.9rem;font-weight:600}.session-card-body{padding:1.75rem 1.5rem}.session-main{display:flex;gap:1.5rem;justify-content:space-between;align-items:flex-start}.session-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.session-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(45,85,85,.12);flex-wrap:wrap}.session-row:last-child{border-bottom:none}.session-row .label{font-weight:700;color:#3d7373;font-size:.95rem;min-width:140px}.session-row .value{color:#2d5555;font-weight:600;font-size:1rem}.session-row .value a{color:#0c474c;font-weight:700;text-decoration:underline}.session-row .value a:hover{color:#3d7373}.value.estado{font-weight:800}.value.estado.programada{color:#2d5555}.value.estado.completada{color:#3d7373}.value.estado.cancelada{color:#ff4d4de6}.session-actions{display:flex;flex-direction:column;gap:.75rem;min-width:200px;align-items:stretch}.btn-unirse{width:100%;padding:1rem;background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-unirse:hover{transform:scale(1.02);box-shadow:0 4px 15px #0c474c59}.btn-disabled{width:100%;padding:1rem;background:#2d55551f;color:#2d5555;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:not-allowed}.session-footer{padding:1.25rem 1.5rem;background:#fffc;display:flex;justify-content:flex-start;gap:.75rem;flex-wrap:wrap}.tag{display:inline-block;background:#5b99992e;color:#2d5555;border:1px solid rgba(45,85,85,.18);padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:700}.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.25rem 1.5rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a}.pagination-info{color:#2d5555;font-weight:800}.btn-paginacion{background:#fff;color:#0c474c;border:2px solid #0C474C;padding:.75rem 1.25rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:140px}.btn-paginacion:hover:not(:disabled){background:#0c474c;color:#fff}.btn-paginacion:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.session-main{flex-direction:column}.session-actions{min-width:100%;flex-direction:row}.session-actions button{width:100%}}@media(max-width:768px){.mis-clases-container{padding:1rem}.mis-clases-header{flex-direction:column;text-align:center}.header-buttons{flex-direction:column;width:100%}.header-buttons button{width:100%}.pagination-bar{flex-direction:column;gap:.75rem}.btn-paginacion{width:100%}}.session-cancel-row{margin-top:1.25rem;display:flex;justify-content:flex-end}.btn-cancelar-sesion{width:100%;padding:.95rem 1rem;border-radius:12px;font-weight:800;cursor:pointer;border:2px solid rgba(255,77,77,.75);color:#ff4d4df2;background:#ff4d4d14;transition:all .25s ease}.btn-cancelar-sesion:hover{background:#ff4d4d24;transform:translateY(-1px)}.modal-cancel-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:2000}.modal-cancel-card{width:100%;max-width:560px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000040;padding:1.25rem 1.25rem 1rem}.modal-cancel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.modal-cancel-header h3{margin:0;color:#2d5555;font-size:1.25rem}.modal-cancel-close{width:40px;height:40px;border-radius:10px;border:none;background:#2d555514;color:#2d5555;font-size:1.4rem;cursor:pointer}.modal-cancel-text{margin:.25rem 0 1rem;color:#3d7373;font-weight:600;line-height:1.4}.modal-cancel-field label{display:block;font-weight:800;color:#3d7373;margin-bottom:.5rem}.modal-cancel-field textarea{width:100%;border-radius:12px;border:2px solid rgba(45,85,85,.14);padding:.85rem;font-weight:600;color:#2d5555;outline:none;resize:vertical}.modal-cancel-field textarea:focus{border-color:#0c474c73}.modal-cancel-hint{margin-top:.35rem;font-size:.85rem;color:#2d5555bf;font-weight:700;text-align:right}.modal-cancel-error{margin-top:.75rem;padding:.75rem .9rem;border-radius:12px;background:#ff4d4d1f;color:#ff4d4df2;font-weight:800}.modal-cancel-reembolso{margin-top:.75rem;padding:.9rem;border-radius:12px;background:#5b99991f;border:1px solid rgba(45,85,85,.12)}.modal-cancel-reembolso .label{font-weight:800;color:#3d7373}.modal-cancel-reembolso .value{margin-top:.35rem;font-weight:900;color:#2d5555}.modal-cancel-actions{margin-top:1rem;display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.modal-btn-secondary{background:#fff;color:#0c474c;border:2px solid #0C474C;padding:.75rem 1.25rem;border-radius:10px;font-weight:800;cursor:pointer;transition:all .25s ease}.modal-btn-secondary:hover{background:#0c474c;color:#fff}.modal-btn-danger{border:none;padding:.75rem 1.25rem;border-radius:10px;font-weight:900;cursor:pointer;color:#fff;background:linear-gradient(180deg,#ff4d4df2,#dc2828f2);transition:all .25s ease}.modal-btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 18px #dc282840}.mis-cursos-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:#f5f0e8}.mis-cursos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 4px 20px #0000001a;gap:1rem}.mis-cursos-header h1{color:#2d5555;margin:0 0 .5rem;font-size:2rem}.mis-cursos-header p{color:#3d7373;margin:0;font-size:1rem}.btn-accion-principal{background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0c474c40}.btn-accion-principal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c474c59}.cursos-container{margin-top:0}.cursos-list{display:flex;flex-direction:column;gap:1.25rem}.curso-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:none;transition:all .3s ease}.curso-card:hover{transform:translateY(-6px);box-shadow:0 10px 40px #0000002e}.curso-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(180deg,#ffffffd9,#ffffffa6);flex-wrap:wrap;gap:.75rem}.badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.badge-estado{background:#5b99992e;color:#2d5555}.badge-pendiente{background:#2d55551f;color:#2d5555}.badge-fallido{background:#ff4d4d2e;color:#2d5555}.curso-fecha{color:#3d7373;font-size:.9rem;font-weight:600}.curso-card-body{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.curso-titulo{color:#2d5555;margin:0;font-size:1.5rem;font-weight:700}.curso-detalles{display:flex;flex-direction:column;gap:.75rem}.detalle-item{display:flex;align-items:baseline;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(45,85,85,.1)}.detalle-item:last-child{border-bottom:none}.detalle-item .label{font-weight:700;color:#3d7373;font-size:.95rem;min-width:140px;flex-shrink:0}.detalle-item .value{color:#2d5555;font-weight:600;font-size:.95rem;flex:1}.detalle-item.descripcion-completa{flex-direction:column;align-items:flex-start;gap:.5rem}.detalle-item.descripcion-completa .value{line-height:1.6;font-weight:400;color:#3d7373}.curso-actions{display:flex;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:2px solid rgba(45,85,85,.08)}.btn-continuar{flex:1;padding:1rem 1.5rem;background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0c474c40}.btn-continuar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c474c59}.btn-secundario{flex:1;padding:1rem 1.5rem;background:#fff;color:#0c474c;border:2px solid #0C474C;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-secundario:hover{background:#0c474c;color:#fff;transform:translateY(-2px)}.empty-state,.loading-spinner,.mensaje-error{background:#fff;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px #0000001a}.empty-state h3{margin-top:0;color:#2d5555;font-size:1.8rem}.empty-state p{color:#3d7373;font-size:1.1rem;max-width:650px;margin:.75rem auto 0;line-height:1.6}.btn-empty{margin-top:1.75rem;background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0c474c40}.btn-empty:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c474c59}.mensaje-error{color:#ff4d4de6;font-weight:700}.mensaje-error h3{color:#2d5555;margin-bottom:1rem}.mensaje-error p{color:#ff4d4de6;margin-bottom:1.5rem}.pagination-info-simple{text-align:center;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-top:2rem;color:#2d5555;font-weight:700}@media(max-width:768px){.mis-cursos-container{padding:1rem}.mis-cursos-header{flex-direction:column;text-align:center}.header-buttons{flex-direction:column;width:100%}.header-buttons button{width:100%}.curso-actions{flex-direction:column}.btn-continuar,.btn-secundario{width:100%}.detalle-item{flex-direction:column;gap:.25rem}.detalle-item .label{min-width:auto}.pagination-info-simple{font-size:.9rem}}@media(max-width:480px){.curso-titulo{font-size:1.25rem}.curso-card-body{padding:1.25rem 1rem}.btn-continuar,.btn-secundario{font-size:.9rem;padding:.875rem 1rem}.mis-cursos-header h1{font-size:1.5rem}.mis-cursos-header p{font-size:.9rem}}.mi-perfil-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:#f5f0e8}.mi-perfil-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 4px 20px #0000001a;gap:1rem}.mi-perfil-header h1{color:#2d5555;margin:0 0 .5rem;font-size:2rem}.mi-perfil-header p{color:#3d7373;margin:0;font-size:1rem}.header-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-volver{background:#fff;color:#0c474c;border:2px solid #0C474C;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-volver:hover{background:#0c474c;color:#fff}.mi-perfil-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;align-items:start}.perfil-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:none;padding:1.75rem 1.5rem}.card-title{margin:0 0 1.25rem;color:#2d5555;font-size:1.4rem}.perfil-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-direction:column;gap:.4rem}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-weight:800;color:#3d7373;font-size:.95rem}.form-input{width:100%;padding:.9rem 1rem;border-radius:12px;border:2px solid rgba(45,85,85,.15);outline:none;color:#2d5555;font-weight:600;background:#fff;transition:all .2s ease}.form-input:focus{border-color:#0c474c8c;box-shadow:0 0 0 4px #0c474c1f}.form-input-disabled{background:#2d55550f;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn-accion-principal{background:linear-gradient(180deg,#5b9999,#3d7373);color:#fff;border:none;padding:.85rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0c474c40}.btn-accion-principal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0c474c59}.btn-accion-principal:disabled{opacity:.6;cursor:not-allowed}.btn-secundario{background:#fff;color:#0c474c;border:2px solid #0C474C;padding:.85rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-secundario:hover:not(:disabled){background:#0c474c;color:#fff}.btn-secundario:disabled{opacity:.6;cursor:not-allowed}.peligro-card{border:2px solid rgba(255,77,77,.2)}.danger-text{color:#3d7373;font-weight:600;line-height:1.6;margin:0 0 1rem}.btn-peligro{width:100%;padding:1rem;background:#ff4d4d1f;color:#ff4d4df2;border:2px solid rgba(255,77,77,.35);border-radius:12px;font-weight:900;cursor:pointer;transition:all .25s ease}.btn-peligro:hover:not(:disabled){background:#ff4d4d2e;transform:translateY(-1px)}.btn-peligro:disabled{opacity:.6;cursor:not-allowed}.loading-spinner,.mensaje-error{background:#fff;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px #0000001a}.spinner{border:4px solid rgba(45,85,85,.12);border-top:4px solid #0C474C;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mensaje-error{color:#ff4d4de6;font-weight:700;margin-bottom:1.25rem}@media(max-width:900px){.mi-perfil-grid{grid-template-columns:1fr}}@media(max-width:768px){.mi-perfil-container{padding:1rem}.mi-perfil-header{flex-direction:column;text-align:center}.header-buttons,.header-buttons button{width:100%}.two-cols{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}