:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Nunito", "Outfit", sans-serif;--glass-bg-light: rgba(255, 255, 255, .72);--glass-bg-dark: rgba(15, 23, 42, .75);--glass-border-light: rgba(255, 255, 255, .6);--glass-border-dark: rgba(255, 255, 255, .12);--glass-shadow: 0 16px 36px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--blur-amount: blur(20px);--google-blue: #4285F4;--google-red: #EA4335;--google-yellow: #FBBC05;--google-green: #34A853;--google-purple: #A855F7;--bg-main: #F2F2F7;--text-primary: #000000;--text-main: #000000;--text-secondary: #3C3C43;--text-muted: rgba(60, 60, 67, .7);--card-bg: rgba(255, 255, 255, .78);--glass-bg: rgba(255, 255, 255, .78);--card-border: rgba(0, 0, 0, .1);--glass-border: rgba(0, 0, 0, .1);--navbar-bg: rgba(255, 255, 255, .88);--accent-color: #007AFF;--accent: #007AFF;--accent-rgb: 0, 122, 255;--accent-gradient: linear-gradient(135deg, #007AFF 0%, #00C6FF 100%);--accent-gradient-warm: linear-gradient(135deg, #FF6B00 0%, #FFA500 100%);--accent-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%);--button-bg: #007AFF;--button-text: #FFFFFF;--pill-active-bg: #000000;--pill-active-text: #FFFFFF}[data-theme=dark]{--bg-main: #000000;--text-primary: #FFFFFF;--text-main: #FFFFFF;--text-secondary: #EBEBF5;--text-muted: rgba(235, 235, 245, .7);--card-bg: rgba(28, 28, 30, .85);--glass-bg: rgba(28, 28, 30, .85);--card-border: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .15);--navbar-bg: rgba(30, 30, 30, .88);--accent-color: #0A84FF;--accent: #0A84FF;--accent-rgb: 10, 132, 255;--accent-gradient: linear-gradient(135deg, #0A84FF 0%, #5E5CE6 100%);--accent-gradient-warm: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);--accent-gradient-green: linear-gradient(135deg, #34D399 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #A78BFA 0%, #818CF8 100%);--pill-active-bg: #FFFFFF;--pill-active-text: #000000}[data-theme=light-warm]{--bg-main: #F6F3EC;--text-primary: #1C1917;--text-main: #1C1917;--text-secondary: #57534E;--text-muted: rgba(87, 83, 78, .7);--card-bg: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .9);--card-border: rgba(214, 204, 190, .6);--glass-border: rgba(214, 204, 190, .6);--navbar-bg: rgba(250, 247, 242, .92);--accent-color: #EA580C;--accent: #EA580C;--accent-rgb: 234, 88, 12;--accent-gradient: linear-gradient(135deg, #EA580C 0%, #F59E0B 100%);--accent-gradient-warm: linear-gradient(135deg, #F97316 0%, #F59E0B 100%);--accent-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #A855F7 0%, #6366F1 100%);--pill-active-bg: #1C1917;--pill-active-text: #FFFFFF}[data-theme=coraje]{--bg-main: #F4EBE1;--text-primary: #2C1810;--text-main: #2C1810;--text-secondary: #6E5345;--text-muted: rgba(110, 83, 69, .75);--card-bg: rgba(255, 250, 245, .88);--glass-bg: rgba(255, 250, 245, .88);--card-border: rgba(236, 72, 153, .35);--glass-border: rgba(236, 72, 153, .35);--navbar-bg: rgba(250, 242, 234, .94);--accent-color: #DB2777;--accent: #DB2777;--accent-rgb: 219, 39, 119;--accent-gradient: linear-gradient(135deg, #EC4899 0%, #F43F5E 100%);--accent-gradient-warm: linear-gradient(135deg, #F97316 0%, #EC4899 100%);--accent-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #D946EF 0%, #8B5CF6 100%);--pill-active-bg: #DB2777;--pill-active-text: #FFFFFF}[data-theme=coraje-dark]{--bg-main: #120919;--text-primary: #FFFFFF;--text-main: #FFFFFF;--text-secondary: #E2D1F0;--text-muted: rgba(226, 209, 240, .75);--card-bg: rgba(34, 16, 44, .85);--glass-bg: rgba(34, 16, 44, .85);--card-border: rgba(236, 72, 153, .3);--glass-border: rgba(236, 72, 153, .3);--navbar-bg: rgba(34, 16, 44, .92);--accent-color: #EC4899;--accent: #EC4899;--accent-rgb: 236, 72, 153;--accent-gradient: linear-gradient(135deg, #EC4899 0%, #8B5CF6 100%);--accent-gradient-warm: linear-gradient(135deg, #F43F5E 0%, #FB7185 100%);--accent-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #C084FC 0%, #A855F7 100%);--pill-active-bg: #EC4899;--pill-active-text: #FFFFFF}[data-theme=google-vibrant]{--bg-main: #F0F4F9;--text-primary: #1F1F1F;--text-main: #1F1F1F;--text-secondary: #444746;--text-muted: #747775;--card-bg: rgba(255, 255, 255, .92);--glass-bg: rgba(255, 255, 255, .92);--card-border: rgba(66, 133, 244, .25);--glass-border: rgba(66, 133, 244, .25);--navbar-bg: rgba(255, 255, 255, .92);--accent-color: var(--google-blue);--accent: var(--google-blue);--accent-rgb: 66, 133, 244;--accent-gradient: linear-gradient(135deg, #4285F4 0%, #34A853 50%, #FBBC05 100%);--accent-gradient-warm: linear-gradient(135deg, #EA4335 0%, #FBBC05 100%);--accent-gradient-green: linear-gradient(135deg, #34A853 0%, #10B981 100%);--accent-gradient-purple: linear-gradient(135deg, #A855F7 0%, #4285F4 100%)}html{background-color:var(--bg-main);transition:background-color .3s ease;min-height:100%}body{margin:0;padding:0 0 120px;font-family:var(--font-sans);background-color:var(--bg-main);background-image:radial-gradient(circle at 10% 10%,rgba(0,122,255,.09) 0%,transparent 45%),radial-gradient(circle at 90% 20%,rgba(168,85,247,.08) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(52,199,89,.07) 0%,transparent 45%);background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}[data-theme=dark] body{background-image:radial-gradient(circle at 15% 15%,rgba(10,132,255,.16) 0%,transparent 45%),radial-gradient(circle at 85% 25%,rgba(168,85,247,.14) 0%,transparent 40%),radial-gradient(circle at 50% 75%,rgba(52,199,89,.09) 0%,transparent 45%)}[data-theme=light-warm] body{background-image:radial-gradient(circle at 10% 10%,rgba(234,88,12,.08) 0%,transparent 45%),radial-gradient(circle at 90% 20%,rgba(245,158,11,.08) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.06) 0%,transparent 45%)}[data-theme=coraje] body{background-image:radial-gradient(circle at 15% 15%,rgba(236,72,153,.12) 0%,transparent 45%),radial-gradient(circle at 85% 25%,rgba(245,158,11,.1) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(217,70,239,.08) 0%,transparent 45%)}[data-theme=guinda]{--bg-main: #2d060d;--text-primary: #FFFFFF;--text-main: #FFFFFF;--text-secondary: #FCE7F3;--text-muted: rgba(252, 231, 243, .75);--card-bg: rgba(68, 10, 20, .88);--glass-bg: rgba(68, 10, 20, .88);--card-border: rgba(225, 29, 72, .35);--glass-border: rgba(225, 29, 72, .35);--navbar-bg: rgba(45, 6, 13, .94);--accent-color: #E11D48;--accent: #E11D48;--accent-rgb: 225, 29, 72;--accent-gradient: linear-gradient(135deg, #E11D48 0%, #FB7185 100%);--accent-gradient-warm: linear-gradient(135deg, #F43F5E 0%, #FB923C 100%);--accent-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #E11D48 0%, #9333EA 100%);--pill-active-bg: #E11D48;--pill-active-text: #FFFFFF}[data-theme=guinda-light]{--bg-main: #FDF2F4;--text-primary: #4C0519;--text-main: #4C0519;--text-secondary: #881337;--text-muted: rgba(136, 19, 55, .75);--card-bg: rgba(255, 255, 255, .94);--glass-bg: rgba(255, 255, 255, .94);--card-border: rgba(225, 29, 72, .25);--glass-border: rgba(225, 29, 72, .25);--navbar-bg: rgba(253, 242, 244, .94);--accent-color: #BE123C;--accent: #BE123C;--accent-rgb: 190, 18, 60;--accent-gradient: linear-gradient(135deg, #BE123C 0%, #FB7185 100%);--accent-gradient-warm: linear-gradient(135deg, #E11D48 0%, #F97316 100%);--accent-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #BE123C 0%, #A855F7 100%);--pill-active-bg: #BE123C;--pill-active-text: #FFFFFF}[data-theme=beige-carmesi]{--bg-main: #E8DFD8;--text-primary: #2B0F17;--text-main: #2B0F17;--text-secondary: #59313E;--text-muted: rgba(89, 49, 62, .75);--card-bg: rgba(248, 243, 238, .92);--glass-bg: rgba(248, 243, 238, .92);--card-border: rgba(159, 18, 57, .3);--glass-border: rgba(159, 18, 57, .3);--navbar-bg: rgba(238, 230, 222, .94);--accent-color: #9F1239;--accent: #9F1239;--accent-rgb: 159, 18, 57;--accent-gradient: linear-gradient(135deg, #9F1239 0%, #701A28 50%, #E11D48 100%);--accent-gradient-warm: linear-gradient(135deg, #9F1239 0%, #BE123C 100%);--accent-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--accent-gradient-purple: linear-gradient(135deg, #881337 0%, #9F1239 100%);--pill-active-bg: #9F1239;--pill-active-text: #FFFFFF}[data-theme=coraje-dark] body{background-image:radial-gradient(circle at 20% 12%,rgba(236,72,153,.22) 0%,transparent 45%),radial-gradient(circle at 80% 30%,rgba(139,92,246,.2) 0%,transparent 40%),radial-gradient(circle at 40% 85%,rgba(244,63,94,.18) 0%,transparent 55%)}[data-theme=guinda] body{background-image:radial-gradient(circle at 20% 12%,rgba(225,29,72,.28) 0%,transparent 45%),radial-gradient(circle at 80% 30%,rgba(147,51,234,.22) 0%,transparent 40%),radial-gradient(circle at 40% 85%,rgba(251,113,133,.2) 0%,transparent 55%)}[data-theme=guinda-light] body{background-image:radial-gradient(circle at 15% 15%,rgba(225,29,72,.12) 0%,transparent 45%),radial-gradient(circle at 85% 25%,rgba(251,113,133,.1) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(190,18,60,.08) 0%,transparent 45%)}[data-theme=beige-carmesi] body{background-image:radial-gradient(circle at 20% 12%,rgba(159,18,57,.28) 0%,transparent 45%),radial-gradient(circle at 80% 30%,rgba(136,19,55,.24) 0%,transparent 40%),radial-gradient(circle at 40% 85%,rgba(225,29,72,.2) 0%,transparent 55%)}[data-theme=google-vibrant] body{background-image:radial-gradient(circle at 10% 10%,rgba(66,133,244,.14) 0%,transparent 45%),radial-gradient(circle at 90% 20%,rgba(234,67,53,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(52,168,83,.1) 0%,transparent 45%),radial-gradient(circle at 20% 80%,rgba(251,188,5,.1) 0%,transparent 45%)}@media(min-width:768px){body{padding-bottom:0;padding-top:0}.page-container{padding-top:108px!important;padding-bottom:60px!important}}.profile-cover-banner{height:290px;margin-top:-16px}@media(min-width:768px){.profile-cover-banner{height:360px!important;margin-top:-108px!important}}.profile-banner-back{position:absolute;top:18px;left:18px;z-index:20}.profile-banner-actions{position:absolute;top:18px;right:18px;z-index:20;display:flex;gap:8px;align-items:center}@media(min-width:768px){.profile-banner-back{top:96px;left:24px}.profile-banner-actions{top:96px;right:24px}}.glass-card,.ios-glass-card{background:var(--card-bg);backdrop-filter:var(--blur-amount);-webkit-backdrop-filter:var(--blur-amount);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--glass-shadow);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease}.glass-card:hover,.ios-glass-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001f;border-color:#007aff40}.liquid-navbar-wrapper{position:fixed;bottom:6px;bottom:calc(6px + env(safe-area-inset-bottom,0px));left:0;right:0;margin-left:auto;margin-right:auto;transform:none;z-index:99999;width:calc(100% - 24px);max-width:520px;pointer-events:auto;display:block}@media(min-width:768px){.liquid-navbar-wrapper{top:20px;bottom:auto;left:50%;right:auto;margin-left:0;margin-right:0;transform:translate(-50%);width:fit-content;max-width:90vw}}.liquid-navbar{display:flex;align-items:center;justify-content:space-between;background:var(--navbar-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);padding:8px 12px;border-radius:999px;box-shadow:0 12px 32px #0000001f,0 0 0 1px #ffffff4d inset;position:relative}.nav-items-container{display:flex;align-items:center;justify-content:space-around;width:100%}.desktop-logo-container{display:none}.nav-popover-menu{position:absolute;right:0;bottom:calc(100% + 12px);top:auto;background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--card-border);border-radius:20px;padding:8px;box-shadow:0 18px 45px #00000038;min-width:200px;z-index:1300;display:flex;flex-direction:column;gap:4px}@media(min-width:768px){.nav-popover-menu{bottom:auto;top:calc(100% + 12px)}}.mobile-header{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg-main);position:sticky;top:0;z-index:900;border-bottom:1px solid var(--card-border)}.nav-label{display:block;font-size:.65rem;font-weight:600;line-height:1;letter-spacing:-.01em;white-space:nowrap;transition:color .2s ease;z-index:2;position:relative}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:52px;padding:6px 4px;color:var(--text-secondary);text-decoration:none;border-radius:14px;transition:color .2s ease,background .2s ease,transform .15s ease;z-index:2;cursor:pointer}.nav-item:hover{color:var(--text-main)}.nav-item.active{color:var(--pill-active-text);font-weight:700}.nav-pill-active{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--pill-active-bg);z-index:1;box-shadow:0 4px 14px #0000001f}.desktop-action-btn{display:none!important}@media(min-width:768px){.desktop-logo-container{display:flex;align-items:center;padding:0 14px 0 4px;border-right:1px solid var(--card-border)}.nav-items-container{width:auto;gap:4px}.mobile-header{display:none}.liquid-navbar{justify-content:center;gap:16px;padding:6px 14px}.liquid-navbar-wrapper{max-width:fit-content}.nav-label{display:inline-block;font-size:.84rem;font-weight:600}.nav-item{flex-direction:row;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;min-width:auto}.nav-item:hover:not(.active){background:#78788014}}.ios-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.ios-modal-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:28px;width:100%;max-width:480px;padding:28px;box-shadow:0 25px 50px #0003;color:var(--text-primary)}.ios-cookie-banner{position:fixed;bottom:85px;left:0;right:0;margin-left:auto;margin-right:auto;width:calc(100% - 28px);max-width:480px;z-index:9999;background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--card-border);border-radius:22px;padding:14px 18px;box-shadow:0 15px 45px #00000040;display:flex;align-items:center;gap:12px;box-sizing:border-box}@media(max-width:480px){.ios-cookie-banner{bottom:80px;padding:12px 14px;gap:10px;border-radius:18px;width:calc(100% - 24px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.subject-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;transition:transform .25s ease,box-shadow .25s ease}.subject-icon-wrapper:hover{transform:scale(1.06) rotate(1deg)}.subject-icon-wrapper svg{width:100%;height:100%;display:block}.floating-whatsapp{position:fixed;bottom:90px;right:20px;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #25d36666;z-index:1000;text-decoration:none}@media(min-width:768px){.floating-whatsapp{bottom:20px}}@media(max-width:767px){body{padding-top:64px!important;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}.page-container{padding:16px 12px 120px!important}.mobile-header{display:flex!important;justify-content:space-between!important;align-items:center!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:60px!important;padding:8px 16px!important;background:var(--navbar-bg)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--card-border)!important;z-index:1100!important;box-sizing:border-box!important}.liquid-navbar-wrapper{position:fixed!important;bottom:6px!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;width:calc(100% - 16px)!important;max-width:480px!important;z-index:99999!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.liquid-navbar{padding:6px 8px!important;border-radius:999px!important;border:1.5px solid var(--card-border)!important;background:var(--navbar-bg)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:0 10px 30px #00000038,0 0 0 1px #ffffff40 inset!important}.nav-items-container{gap:2px!important}.nav-item{min-width:40px!important;padding:5px 2px!important;gap:2px!important}.nav-label{font-size:.62rem!important}.desktop-admin-pill,.desktop-action-btn{display:none!important}.glass-card,.ios-glass-card{padding:20px 16px!important;border-radius:22px!important}.features-section,.academy-grid,.hero-top-grid{grid-template-columns:1fr!important;gap:16px!important;padding:12px 0!important}.hero-section{padding:16px 4px 10px!important}.home-hero-card{padding:24px 16px!important;gap:18px!important;border-radius:24px!important}.home-hero-card .hero-mascot-wrapper{width:100px!important;height:100px!important}.home-hero-card .hero-content-wrapper{min-width:100%!important}h1{font-size:1.75rem!important;line-height:1.25!important}h2{font-size:1.45rem!important;line-height:1.3!important}h3{font-size:1.25rem!important}.floating-whatsapp{bottom:84px!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;right:14px!important;width:52px!important;height:52px!important}.ios-modal-card{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;max-height:90vh!important}.hide-on-mobile,.profile-banner-back{display:none!important}.profile-banner-actions{top:10px!important;right:10px!important;gap:6px!important}.profile-banner-actions button,.profile-banner-actions a{padding:6px 10px!important;font-size:.76rem!important;border-radius:12px!important}}*{-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}body{padding-top:max(var(--sat),0px)}@keyframes spinConicFlame{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseFlameGlow{0%,to{box-shadow:0 0 16px #ff5500e6,0 0 32px #dc2626b3,0 0 45px #fbbf2466}50%{box-shadow:0 0 28px #fbbf24,0 0 52px #ff5500e6,0 0 65px #dc2626a6}}.frame-fuego-creador-container{position:relative;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;animation:pulseFlameGlow 1.2s ease-in-out infinite alternate!important}.frame-fuego-creador-spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--creator-conic, conic-gradient(from 0deg, #701A75, #831843, #DC2626, #FF5500, #FBBF24, #FEF08A, #FF5500, #DC2626, #831843, #701A75));animation:spinConicFlame 1.3s linear infinite!important;z-index:1}.frame-arcoiris-spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#f05,#ff5000,#fc0,#0f6,#0cf,#70f,#f05)!important;animation:spinConicFlame 2.5s linear infinite!important;z-index:1}.frame-fuego-creador{animation:pulseFlameGlow 1.2s ease-in-out infinite alternate!important}