@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap";body{font-family:Poppins,sans-serif;background-color:#f9fafb}:root{--primary-color: #1e3a8a;--secondary-color: #FFD700;--tertiary-color: #DAA520;--text-color-dark: #1e293b;--text-color-light: #475569;--background-light: rgba(255, 255, 255, .95);--background-glass: rgba(255, 255, 255, .85);--shadow-base: 0 6px 20px rgba(0, 0, 0, .1);--shadow-hover: 0 12px 30px rgba(0, 0, 0, .2)}._homeBg_1jaul_39{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Poppins,sans-serif;overflow:hidden;padding:20px;box-sizing:border-box}._homeBg_1jaul_39:before{content:"";position:absolute;inset:0;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2FfondoNuevo2.webp?alt=media&token=329abb50-3a8a-4f46-8bee-0d4e2adab596) center 65% / cover no-repeat;z-index:0;opacity:.8;filter:brightness(.95)}._particles_1jaul_99{position:absolute;inset:0;z-index:1;pointer-events:none}._header_1jaul_115,._cardsContainer_1jaul_117{position:relative;z-index:2;margin-top:20px;margin-bottom:20px}._header_1jaul_115{text-align:center;margin-bottom:50px;max-width:600px;background:var(--background-glass);padding:25px 50px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-base);border:1px solid rgba(255,255,255,.3)}._title_1jaul_169{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:5px}._subtitle_1jaul_185{font-size:1.1rem;font-weight:400;color:var(--text-color-light)}._cardsContainer_1jaul_117{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;max-width:1000px}._card_1jaul_117{width:280px;background:var(--background-light);border-radius:24px;padding:30px;text-align:center;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease,background .4s ease;box-shadow:var(--shadow-base);border:1px solid rgba(0,0,0,.05)}._card_1jaul_117:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);background:#fff}._icon_1jaul_267{font-size:55px;margin-bottom:15px;color:var(--primary-color)}._alumno_1jaul_285{border-bottom:6px solid var(--secondary-color)}._alumno_1jaul_285 ._icon_1jaul_267{color:var(--secondary-color)}._profesor_1jaul_303{border-bottom:6px solid var(--tertiary-color)}._profesor_1jaul_303 ._icon_1jaul_267{color:var(--tertiary-color)}._cardTitle_1jaul_321{font-size:1.5rem;font-weight:700;color:var(--text-color-dark);margin-bottom:10px}._cardDesc_1jaul_335{font-size:1rem;color:var(--text-color-light)}@media(max-width:768px){._homeBg_1jaul_39{padding:15px 10px}._title_1jaul_169{font-size:2rem}._header_1jaul_115{padding:20px 30px;margin-bottom:30px}._cardsContainer_1jaul_117{gap:20px}._card_1jaul_117{width:90%;max-width:350px}}._loginBg_1kkkl_5{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Poppins,sans-serif;z-index:0}._loginBg_1kkkl_5:before{content:"";position:absolute;inset:0;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2FfondoNuevo2.webp?alt=media&token=329abb50-3a8a-4f46-8bee-0d4e2adab596) center 65% / cover no-repeat;z-index:0;opacity:.9}._particles_1kkkl_53{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}._loginContainer_1kkkl_73{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}._loginCard_1kkkl_97{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 50px;text-align:center;width:320px;box-shadow:0 8px 24px #0003;animation:_fadeIn_1kkkl_1 1s ease-in-out}._title_1kkkl_121{font-size:1.8rem;font-weight:700;color:#1e3a8a;margin-bottom:8px}._subtitle_1kkkl_135{color:#475569;font-weight:500;margin-bottom:24px}._form_1kkkl_147{display:flex;flex-direction:column;gap:14px}._input_1kkkl_159{padding:12px 14px;border-radius:12px;border:2px solid #cbd5e1;font-size:16px;outline:none;transition:border .3s ease}._input_1kkkl_159:focus{border-color:#3b82f6}._button_1kkkl_185{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;border:none;border-radius:12px;padding:12px;cursor:pointer;font-size:16px;transition:transform .2s ease,box-shadow .3s ease}._button_1kkkl_185:hover{transform:translateY(-3px);box-shadow:0 6px 16px #3b82f666}._registerText_1kkkl_219{margin-top:16px;font-size:15px;color:#475569}._registerLink_1kkkl_231{color:#2563eb;font-weight:600;cursor:pointer;transition:color .3s}._registerLink_1kkkl_231:hover{color:#1d4ed8}@keyframes _fadeIn_1kkkl_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._btnVolver_1kkkl_277{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}._hallBg_1vj5i_1{position:relative;width:100%;height:100vh;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2Fpasillocentralnew.webp?alt=media&token=69c9a2c0-f3a0-4f7c-a083-220a8340e8b9) center center / cover no-repeat;overflow:hidden;font-family:Poppins,sans-serif;cursor:pointer}._hotzone_1vj5i_23{position:absolute;top:0;width:50%;height:100%;border:none;background:transparent;padding:0;margin:0;cursor:pointer;transition:background .25s ease,transform .25s ease}._leftZone_1vj5i_51{left:0}._leftZone_1vj5i_51:hover{background:#00ffff1a;transform:scale(1.01)}._rightZone_1vj5i_71{right:0}._rightZone_1vj5i_71:hover{background:#ff96961a;transform:scale(1.01)}._zoneBadge_1vj5i_91{position:absolute;top:35%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;background:#0f172aa6;color:#fff;padding:8px 14px;border-radius:999px;box-shadow:0 8px 20px #00000059;opacity:0;transform-origin:center;transition:opacity .25s ease,transform .25s ease;pointer-events:none}._leftBadge_1vj5i_131{left:14%}._rightBadge_1vj5i_139{right:14%}._badgeIcon_1vj5i_149{font-size:1.3rem}._badgeText_1vj5i_157{font-size:.95rem;font-weight:600}._arrow_1vj5i_169{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}._arrowLeft_1vj5i_183{border-right:8px solid #e5e7eb}._arrowRight_1vj5i_191{border-left:8px solid #e5e7eb}._leftZone_1vj5i_51:hover~._leftBadge_1vj5i_131,._rightZone_1vj5i_71:hover~._rightBadge_1vj5i_139{opacity:1;transform:translateY(-50%) translateY(-4px)}._hud_1vj5i_215{position:absolute;bottom:32px;left:50%;transform:translate(-50%);text-align:center;color:#f9fafb;text-shadow:0 3px 8px rgba(0,0,0,.65);animation:_hudFadeIn_1vj5i_1 .5s ease-out forwards;padding:6px 12px;background:#0f172a73;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._title_1vj5i_245{margin:0;font-size:1.4rem}._tip_1vj5i_255{margin:0;font-size:.85rem;opacity:.9}@keyframes _hudFadeIn_1vj5i_1{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){._zoneBadge_1vj5i_91{display:none}._hud_1vj5i_215{bottom:16px;font-size:.9rem}._title_1vj5i_245{font-size:1.2rem}._tip_1vj5i_255{font-size:.8rem}}._logoutBtn_bltr9_1{position:fixed;top:18px;right:18px;z-index:999;width:42px;height:42px;border-radius:50%;border:none;background:#0f172a8c;color:#f8fafc;font-size:1.1rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px #00000059;transition:transform .2s ease,background .2s ease}._logoutBtn_bltr9_1:hover{background:#ef4444bf;transform:scale(1.08)}._logoutBtn_bltr9_1:active{transform:scale(.96)}._loginBg_1g0y5_5{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Poppins,sans-serif;z-index:0}._loginBg_1g0y5_5:before{content:"";position:absolute;inset:0;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2FfondoNuevo2.webp?alt=media&token=329abb50-3a8a-4f46-8bee-0d4e2adab596) center center / cover no-repeat;z-index:0;opacity:.9}._particles_1g0y5_53{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}._loginContainer_1g0y5_73{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}._loginCard_1g0y5_97{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 50px;text-align:center;width:320px;box-shadow:0 8px 24px #0003;animation:_fadeIn_1g0y5_1 1s ease-in-out}._title_1g0y5_121{font-size:1.8rem;font-weight:700;color:#1e3a8a;margin-bottom:8px}._subtitle_1g0y5_135{color:#475569;font-weight:500;margin-bottom:24px}._form_1g0y5_147{display:flex;flex-direction:column;gap:14px}._input_1g0y5_159{padding:12px 14px;border-radius:12px;border:2px solid #cbd5e1;font-size:16px;outline:none;transition:border .3s ease}._input_1g0y5_159:focus{border-color:#3b82f6}._button_1g0y5_185{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;border:none;border-radius:12px;padding:12px;cursor:pointer;font-size:16px;transition:transform .2s ease,box-shadow .3s ease}._button_1g0y5_185:hover{transform:translateY(-3px);box-shadow:0 6px 16px #3b82f666}._registerText_1g0y5_219{margin-top:16px;font-size:15px;color:#475569}._registerLink_1g0y5_231{color:#2563eb;font-weight:600;cursor:pointer;transition:color .3s}._registerLink_1g0y5_231:hover{color:#1d4ed8}@keyframes _fadeIn_1g0y5_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._btnVolver_1g0y5_277{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}._hallBg_6msit_1{width:100%;height:100vh;background:url(/assets/PasilloCentral-C01VExb_.png) center/cover no-repeat;position:relative}._btnVolver_6msit_17{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}._btnVolver_6msit_17:hover{background:#000000e6;transform:translate(-5px);box-shadow:0 6px 20px #0009}._btnVolver_6msit_17:active{transform:translate(-3px) scale(.98)}._zone_6msit_75{position:absolute;top:0;width:25%;height:100%;border:none;cursor:pointer;background:transparent;transition:background .3s ease,backdrop-filter .3s ease}._zone_6msit_75:hover{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#ffffff1f,#ffffff0f)}._zone1_6msit_113{left:0%}._zone2_6msit_121{left:25%}._zone3_6msit_129{left:50%}._zone4_6msit_137{left:75%}._badge_6msit_147{position:absolute;top:50%;transform:translateY(-50%);padding:10px 14px;border-radius:12px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-weight:600;box-shadow:0 4px 14px #0003;animation:_float_6msit_1 3s ease-in-out infinite;pointer-events:none}._badge1_6msit_177{left:4%}._badge2_6msit_185{left:29%}._badge3_6msit_193{left:54%}._badge4_6msit_201{left:79%}@keyframes _float_6msit_1{0%{transform:translateY(-50%) translate(0)}50%{transform:translateY(calc(-50% - 6px)) translate(2px)}to{transform:translateY(-50%) translate(0)}}._rutaBg_1xiby_1{background-image:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2FImagenEtapaLenguaje.webp?alt=media&token=e80c6eb3-dabf-4bdd-9834-51b74ae5d156);width:100%;height:100vh;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"left centerTop right" "left centerBottom right";position:relative;overflow:hidden;gap:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat}._btnVolver_1xiby_39{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}._btnVolver_1xiby_39:hover{background:#000000e6;transform:translate(-5px);box-shadow:0 6px 20px #0009}._btnVolver_1xiby_39:active{transform:translate(-3px) scale(.98)}._columnZone_1xiby_97{width:100%;height:100%;border:none;cursor:pointer;position:relative;overflow:hidden;background:transparent;transition:transform .35s ease,filter .35s ease,box-shadow .35s ease}._columnZone_1xiby_97:before{content:"";position:absolute;inset:0;background:#0000004d;transition:background .35s ease;pointer-events:none;z-index:1}._columnZone_1xiby_97:hover{transform:scaleX(1.05);filter:brightness(1.15) contrast(1.1);box-shadow:inset 0 0 40px #fff3,0 10px 40px #00000080;z-index:10}._columnZone_1xiby_97:hover:before{background:#00000026}._columnZone_1xiby_97:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none;z-index:2}._columnZone_1xiby_97:hover:after{transform:translate(100%)}._zoneLabel_1xiby_217{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;padding:16px 40px;border-radius:15px;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap;box-shadow:0 4px 15px #0006,inset 0 1px #ffffff1a;transition:transform .3s ease,background .3s ease,box-shadow .3s ease,padding .3s ease}._columnZone_1xiby_97:hover ._zoneLabel_1xiby_217{transform:translate(-50%,-50%) scale(1.1);background:#000000d9;padding:18px 45px;box-shadow:0 8px 25px #0009,inset 0 1px #fff3}._columnZone_1xiby_97:active{transform:scaleX(1.02)}._columnZone_1xiby_97:active ._zoneLabel_1xiby_217{transform:translate(-50%,-50%) scale(1.05)}._z1_1xiby_321{grid-area:left;border-right:2px solid rgba(255,255,255,.3)}._z2_1xiby_331{grid-area:centerTop;border-bottom:2px solid rgba(255,255,255,.3)}._z3_1xiby_341{grid-area:centerBottom}._z4_1xiby_351{grid-area:right;border-left:2px solid rgba(255,255,255,.3)}._z1_1xiby_321:hover{filter:brightness(1.15) contrast(1.1) hue-rotate(-10deg)}._z2_1xiby_331:hover{filter:brightness(1.15) contrast(1.1) hue-rotate(10deg)}._z3_1xiby_341:hover{filter:brightness(1.15) contrast(1.1) saturate(1.2)}._z4_1xiby_351:hover{filter:brightness(1.15) contrast(1.1) hue-rotate(-20deg)}._columnZone_1xiby_97:not(:last-child):after{content:"";position:absolute;top:5%;bottom:5%;right:0;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);z-index:4;pointer-events:none}@media(max-width:1024px){._zoneLabel_1xiby_217{font-size:1.3rem;padding:14px 35px}}@media(max-width:768px){._rutaBg_1xiby_1{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;grid-template-areas:"left" "centerTop" "centerBottom" "right"}._columnZone_1xiby_97:not(:last-child):after{inset:auto 5% 0;width:auto;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}._zoneLabel_1xiby_217{font-size:1.1rem;padding:12px 28px}._columnZone_1xiby_97:hover{transform:scaleY(1.03)}._columnZone_1xiby_97:hover ._zoneLabel_1xiby_217{transform:translate(-50%,-50%) scale(1.08)}}@media(max-width:480px){._zoneLabel_1xiby_217{font-size:1rem;padding:10px 24px}._columnZone_1xiby_97:hover ._zoneLabel_1xiby_217{transform:translate(-50%,-50%) scale(1.05);padding:12px 28px}}@media(max-height:500px)and (orientation:landscape){._rutaBg_1xiby_1{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr);grid-template-areas:"left centerTop centerBottom right"}._columnZone_1xiby_97:hover{transform:scaleX(1.05)}._zoneLabel_1xiby_217{font-size:.9rem;padding:8px 20px}}._columnZone_1xiby_97{animation:_fadeInSlide_1xiby_1 .6s ease backwards}._z1_1xiby_321{animation-delay:.1s}._z2_1xiby_331{animation-delay:.2s}._z3_1xiby_341{animation-delay:.3s}._z4_1xiby_351{animation-delay:.4s}@keyframes _fadeInSlide_1xiby_1{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}._zoneLabel_1xiby_217{animation:_labelPulse_1xiby_1 3s ease-in-out infinite}@keyframes _labelPulse_1xiby_1{0%,to{box-shadow:0 4px 15px #0006,inset 0 1px #ffffff1a}50%{box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff26}}@keyframes _ripple_1xiby_1{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}._columnZone_1xiby_97:active:before{animation:_ripple_1xiby_1 .6s ease-out}._hallBg_y3ew3_1{position:relative;width:100%;height:100vh;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2Fpasilloasignatura.webp?alt=media&token=72838118-3ead-40d5-b620-ef50d5b6852d) center center / cover no-repeat;overflow:hidden;font-family:Poppins,sans-serif;cursor:pointer}._centerLabel_y3ew3_23{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.6);z-index:3}._centerLabel_y3ew3_23 h2{font-size:2rem;margin-bottom:8px}._centerLabel_y3ew3_23 p{font-size:1.1rem;opacity:.9}._side_y3ew3_67{position:absolute;top:0;width:50%;height:100%;transition:background .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;z-index:2}._left_y3ew3_93{left:0;background:#00000026}._left_y3ew3_93:hover{background:#00ffff1f;transform:scale(1.01)}._right_y3ew3_115{right:0;background:#00000026}._right_y3ew3_115:hover{background:#ff96961f;transform:scale(1.01)}._sideLabel_y3ew3_137{font-size:1.6rem;font-weight:600;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .3s ease}._side_y3ew3_67:hover ._sideLabel_y3ew3_137{opacity:1}._btnVolver_y3ew3_171{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}._perfilBg_yw9z0_5{min-height:100vh;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2FPasilloCentral.webp?alt=media&token=b2eb47be-fd8a-4d42-a94c-07663b90a009) center center / cover no-repeat;font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;box-sizing:border-box}._header_yw9z0_35{position:relative;display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;max-width:1100px;width:min(96%,1100px);height:180px;margin:0 auto;padding:8px 10px;border-radius:16px;background:linear-gradient(180deg,#fffc,#fff9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);box-shadow:0 6px 14px #0000002e,inset 0 1px #ffffff8c;transform:translateY(0);animation:_headerDrop_yw9z0_1 .3s ease both}._header_yw9z0_35:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#60a5fa,#a855f7,#22c55e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.4}._header_yw9z0_35:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:radial-gradient(60% 60% at 10% 0%,rgba(96,165,250,.12),transparent 60%),radial-gradient(70% 70% at 100% 100%,rgba(168,85,247,.1),transparent 60%);filter:blur(5px);z-index:-1}._infoWrap_yw9z0_165{gap:4px}._nombre_yw9z0_173{letter-spacing:.1px;font-size:1.2rem}._xpRow_yw9z0_185{gap:8px}@media(max-width:900px){._header_yw9z0_35{grid-template-columns:1fr;text-align:center;padding:10px;gap:10px}}._avatarWrap_yw9z0_213{display:flex;flex-direction:column;align-items:center;gap:6px}._avatarCircle_yw9z0_227{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #4ade80;display:flex;align-items:center;justify-content:center}._avatarImg_yw9z0_251{width:100%;height:100%;object-fit:cover}._auraOn_yw9z0_267{box-shadow:0 0 0 6px #22c55e59,0 0 35px #22c55e80}._sparklesOn_yw9z0_275:after{content:"";position:absolute;inset:-6px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),transparent 30%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.5),transparent 30%);animation:_shimmer_yw9z0_1 3.5s ease-in-out infinite alternate;pointer-events:none}._trailOn_yw9z0_299:before{content:"";position:absolute;width:140%;height:140%;left:-20%;top:-20%;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.2),transparent 60%);filter:blur(6px);animation:_trail_yw9z0_299 6s linear infinite;pointer-events:none}@keyframes _shimmer_yw9z0_1{0%{opacity:.5;transform:rotate(0)}to{opacity:1;transform:rotate(5deg)}}@keyframes _trail_yw9z0_299{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.05)}}._btnCambiar_yw9z0_371{border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:800;padding:10px 14px;border-radius:12px;cursor:pointer;box-shadow:0 8px 18px #2563eb59}._infoWrap_yw9z0_165{display:grid;gap:12px}._nombre_yw9z0_173{font-size:1.8rem;font-weight:800;color:#1e3a8a;margin:0}._xpRow_yw9z0_185{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}._levelBadge_yw9z0_431{background:#0ea5e9;color:#fff;font-weight:800;padding:6px 12px;border-radius:999px}._xpBar_yw9z0_447{height:14px;background:#fffc;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 8px #0000000f}._xpFill_yw9z0_463{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .4s ease}._xpText_yw9z0_475{font-weight:700;color:#334155}._pricingCardsContainer_yw9z0_487{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;justify-items:stretch;max-width:1100px;width:min(96%,1100px);margin:4px auto 0;flex:1}._pricingCard_yw9z0_487{position:relative;height:613px;width:100%;max-width:400px;border-radius:16px;padding:14px 12px;color:#fff;text-align:center;box-shadow:0 10px 20px #00000026;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.9rem}._pricingCard_yw9z0_487 h2{font-size:1rem;margin-bottom:6px}._pricingCard_yw9z0_487 p{font-size:.85rem;line-height:1.2}._pricingCard_yw9z0_487 ._cta_yw9z0_595{margin-top:8px;padding:6px 12px;font-size:.8rem}._gradientBlue_yw9z0_611{background:linear-gradient(150deg,#22d3ee,#7c3aed 85%)}._gradientSunset_yw9z0_619{background:linear-gradient(150deg,#ff5aa5,#f59e0b 85%)}._gradientViolet_yw9z0_627{background:linear-gradient(150deg,#60a5fa,#a855f7 85%)}._iconBubble_yw9z0_637{width:100px;height:100px;margin:0 auto 16px;border-radius:999px;display:grid;place-items:center;font-size:42px;background:#ffffff38;box-shadow:inset 0 12px 26px #ffffff38,0 18px 34px #00000038;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._cardTitle_yw9z0_667{font-size:1.8rem;font-weight:800;margin:8px 0}._cardText_yw9z0_679{font-size:1.06rem;font-weight:600;opacity:.97;margin:0 0 12px}._cardPreview_yw9z0_695 img{width:250px;height:250px;border-radius:20px;object-fit:cover;box-shadow:0 12px 22px #0003;margin:40px auto 18px;display:block}._featureList_yw9z0_717{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:8px;justify-items:center;font-weight:700}._cta_yw9z0_595{border:none;background:#fff;color:#111827;font-weight:800;padding:12px 20px;border-radius:999px;box-shadow:0 12px 26px #00000038;cursor:pointer;transition:transform .2s,box-shadow .25s}._cta_yw9z0_595:hover{transform:translateY(-2px);box-shadow:0 18px 32px #00000042}._powerPills_yw9z0_775{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;padding:12px 8px;overflow-y:auto;max-height:240px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.55) transparent}._powerPills_yw9z0_775::-webkit-scrollbar{width:8px}._powerPills_yw9z0_775::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}._powerPills_yw9z0_775::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}@media(min-width:900px){._powerPills_yw9z0_775{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:none;overflow-y:auto;overflow-x:hidden}}._pill_yw9z0_863{flex:0 0 auto;padding:12px 16px;border-radius:14px;border:1px solid #cbd5e1;background:linear-gradient(180deg,#f8fafc,#e2e8f0);color:#0f172a;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #0206171a;transition:all .25s ease;cursor:pointer;text-align:center}._pill_yw9z0_863:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#f1f5f9);box-shadow:0 4px 12px #02061726}._pillActive_yw9z0_909{background:linear-gradient(180deg,#6366f1,#7c3aed);color:#fff;box-shadow:0 4px 14px #4f46e559;border-color:transparent}._pillLocked_yw9z0_923{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}._pill_yw9z0_863:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6bf,0 4px 12px #0206171f}._pill_yw9z0_863 ._lock_yw9z0_955{margin-right:6px;font-size:1rem;line-height:1}._trophiesGrid_yw9z0_969{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0 18px}._trophyCard_yw9z0_983{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;background:#ffffff2e;border:2px solid rgba(255,255,255,.22);border-radius:16px;padding:10px 12px;box-shadow:0 10px 20px #00000029}._trophyIcon_yw9z0_1007{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:28px;background:#fff3}._trophyText_yw9z0_1027 h4{margin:0 0 4px;font-size:1.02rem;font-weight:800}._trophyText_yw9z0_1027 p{margin:0;font-weight:600;opacity:.95}._badges_yw9z0_1053{list-style:none;padding:0;margin:10px 0 12px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}._badge_yw9z0_1053{background:#f1f5f9;color:#0f172a;font-weight:700;padding:8px 12px;border-radius:999px;font-size:.9rem}._cardFooter_yw9z0_1091{margin-top:8px}._link_yw9z0_1099{color:#0ea5e9;font-weight:800}._muted_yw9z0_1109{color:#64748b;font-weight:600;font-size:.9rem}._powersGrid_yw9z0_1123{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}._powerOption_yw9z0_1139{border:2px solid #e2e8f0;background:#f8fafc;color:#0f172a;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}._powerOption_yw9z0_1139:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}._powerSelected_yw9z0_1171{border-color:#2563eb;background:#e0ecff;box-shadow:0 10px 18px #2563eb2e}._modalBackdrop_yw9z0_1185{position:fixed;inset:0;background:#00000040;display:grid;place-items:center;z-index:40}._modal_yw9z0_1185{width:min(92vw,760px);background:#fff;border-radius:16px;padding:18px;box-shadow:0 20px 60px #0000004d}._modalTitle_yw9z0_1219{margin:0 0 14px;font-size:1.2rem;color:#0f172a;font-weight:800}._gridAvatares_yw9z0_1233{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}._avatarCard_yw9z0_1245{background:#f8fafc;border-radius:14px;padding:12px;text-align:center;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}._avatarCard_yw9z0_1245 img{width:96px;height:96px;border-radius:12px;object-fit:cover;box-shadow:0 6px 16px #0000001a}._avatarCard_yw9z0_1245 span{display:block;margin-top:6px;font-weight:700;color:#0f172a}._avatarCard_yw9z0_1245:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0000001f}._locked_yw9z0_1305{filter:grayscale(.85);position:relative}._locked_yw9z0_1305 em{display:block;margin-top:6px;color:#334155;font-weight:700}._modalActions_yw9z0_1329{margin-top:12px;text-align:right}._btnGhost_yw9z0_1339{border:2px solid #e2e8f0;background:#fff;color:#0f172a;padding:8px 12px;border-radius:10px;font-weight:800}@media(max-width:720px){._header_yw9z0_35{grid-template-columns:1fr;justify-items:center;text-align:center}}._heroFullWrapper_yw9z0_1375{margin-top:50px;display:flex;justify-content:center;align-items:flex-end;min-height:220px}._heroFullImg_yw9z0_1393{max-height:250px;width:auto;object-fit:contain}@media(min-width:800px){._heroFullWrapper_yw9z0_1375{min-height:260px}._heroFullImg_yw9z0_1393{max-height:280px}}._heroFloat_yw9z0_1429{animation:_heroFloat_yw9z0_1429 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}@keyframes _heroFloat_yw9z0_1429{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}._avatarCircle_yw9z0_227{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #4ade80;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0%,#fffa,#22c55e33)}._powerSparkles_yw9z0_1499,._powerAura_yw9z0_1501,._powerTrail_yw9z0_1503,._powerFlare_yw9z0_1505,._powerShadow_yw9z0_1507,._powerRadiance_yw9z0_1509,._powerFrost_yw9z0_1511,._powerStorm_yw9z0_1513{transition:box-shadow .3s ease,filter .3s ease,border-color .3s ease}._powerSparkles_yw9z0_1499{box-shadow:0 0 10px #e5e7eb,0 0 20px #a855f7aa;border-color:#a855f7}._powerSparkles_yw9z0_1499:before,._powerSparkles_yw9z0_1499:after{content:"";position:absolute;inset:-8px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0,transparent 40%),radial-gradient(circle at 70% 20%,rgba(244,114,182,.9) 0,transparent 45%),radial-gradient(circle at 30% 80%,rgba(129,140,248,.9) 0,transparent 40%);opacity:0;mix-blend-mode:screen;pointer-events:none;animation:_sparklesPulse_yw9z0_1 2.2s ease-in-out infinite}._powerAura_yw9z0_1501{box-shadow:0 0 12px #22c55e,0 0 30px #4ade80aa;border-color:#22c55e}._powerTrail_yw9z0_1503{box-shadow:0 0 12px #38bdf8,0 0 30px #0ea5e9aa;border-color:#38bdf8}._powerTrail_yw9z0_1503:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:140px;height:44px;background:radial-gradient(60% 60% at 50% 100%,#0ea5e959,#0ea5e900 70%);filter:blur(8px);opacity:.85;pointer-events:none;animation:_trailWave_yw9z0_1 1.6s ease-in-out infinite}._powerTrail_yw9z0_1503:before{content:"";position:absolute;left:50%;top:18%;transform:translate(-50%);width:2px;height:90px;background:linear-gradient(to bottom,#38bdf800,#38bdf88c,#a855f700);filter:blur(1px);pointer-events:none;animation:_trailFall_yw9z0_1 .9s linear infinite}@keyframes _trailWave_yw9z0_1{0%{transform:translate(-50%) scaleX(1) translateY(0);opacity:.65}50%{transform:translate(-50%) scaleX(1.18) translateY(3px);opacity:.95}to{transform:translate(-50%) scaleX(1) translateY(0);opacity:.65}}@keyframes _trailFall_yw9z0_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}35%{opacity:.9}to{opacity:0;transform:translate(-50%) translateY(18px)}}._avatarCircle_yw9z0_227._powerTrail_yw9z0_1503:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translate(-50%);width:70px;height:20px;background:radial-gradient(60% 60% at 50% 100%,#0ea5e959,#0ea5e900 70%);filter:blur(4px);opacity:.8;pointer-events:none;animation:_trailWave_yw9z0_1 1.6s ease-in-out infinite}._powerFlare_yw9z0_1505{box-shadow:0 0 14px #facc15,0 0 32px #f97316aa;border-color:#facc15}._powerShadow_yw9z0_1507{box-shadow:0 0 12px #b91c1c,0 0 28px #e11d48aa;border-color:#b91c1c;filter:contrast(1.1)}._powerRadiance_yw9z0_1509{box-shadow:0 0 16px #fbbf24,0 0 40px #facc15dd;border-color:#fbbf24}._powerFrost_yw9z0_1511{box-shadow:0 0 12px #e0f2fe,0 0 26px #7dd3fcaa;border-color:#e0f2fe;filter:saturate(.9)}._powerFrost_yw9z0_1511:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle at 50% 0%,rgba(191,219,254,.9),transparent 60%),radial-gradient(circle at 0% 100%,rgba(191,219,254,.7),transparent 60%);opacity:.7;filter:blur(2px);pointer-events:none;animation:_frostDrift_yw9z0_1 4s ease-in-out infinite}._powerStorm_yw9z0_1513{box-shadow:0 0 14px #38bdf8,0 0 34px #a855f7dd;border-color:#38bdf8;animation:_stormPulse_yw9z0_1 1.2s ease-in-out infinite}._powerStorm_yw9z0_1513:before{content:"";position:absolute;inset:-6px;background:conic-gradient(from 0deg,#38bdf800,#38bdf8e6,#a855f700,#a855f7e6,#38bdf800);mix-blend-mode:screen;opacity:.85;pointer-events:none;animation:_electricSpin_yw9z0_1 1.4s linear infinite}@keyframes _sparklesPulse_yw9z0_1{0%{opacity:0;transform:scale(.95)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes _frostDrift_yw9z0_1{0%{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:.9}to{transform:translateY(0);opacity:.6}}@keyframes _stormPulse_yw9z0_1{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes _electricSpin_yw9z0_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._heroFullVideo_yw9z0_2025{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}._heroFullWrapper_yw9z0_1375{width:100%;max-width:400px;margin:20px auto;position:relative}._heroFloat_yw9z0_1429{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026;transition:transform .3s ease}._heroFloat_yw9z0_1429:hover{transform:scale(1.02)}@media(max-width:768px){._heroFullWrapper_yw9z0_1375{max-width:300px}}@media(max-width:480px){._heroFullWrapper_yw9z0_1375{max-width:250px}}._loadingBox_yw9z0_2109{position:relative;z-index:1;margin:120px auto;width:fit-content;padding:12px 18px;border-radius:999px;background:#0f172a8c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 10px 30px #00000059}._smallHint_yw9z0_2135{margin-top:10px;font-size:.8rem;opacity:.75}._btnVolver_yw9z0_2147{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}.profesor-home{min-height:100vh;padding:20px;background:url(/assets/homeProfesor-BY08Gw9P.png) center center / cover no-repeat;font-family:Poppins,sans-serif;animation:fadeIn 1s ease}.profesor-header{background:#fff;padding:25px;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 15px #2563eb33;animation:fadeIn 1.2s ease}.profesor-header h1{color:#1e3a8a;margin:0 0 10px;font-size:28px;font-weight:800;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.profesor-header p{color:#2563eb;margin:8px 0;font-size:16px;font-weight:600}.navigation-tabs{display:flex;gap:15px;margin-bottom:20px;animation:slideIn 1.4s ease}.navigation-tabs button{flex:1;padding:18px;background:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;color:#1e3a8a;transition:all .4s ease;box-shadow:0 4px 15px #2563eb26;font-family:Poppins,sans-serif}.navigation-tabs button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #38bdf866}.navigation-tabs button.active{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;box-shadow:0 0 25px #38bdf8b3}.content-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #2563eb33}.pausas-activas-section h2{color:#1e3a8a;margin-bottom:25px;font-size:24px;font-weight:800;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.pausas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.btn-ruleta{background:radial-gradient(circle at 30% 30%,#f59e0b,#d97706);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;font-family:Poppins,sans-serif;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b66;display:flex;align-items:center;gap:8px}.btn-ruleta:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b80;background:radial-gradient(circle at 30% 30%,#fbbf24,#f59e0b)}.btn-ruleta:active{transform:translateY(-1px)}@media(max-width:768px){.section-header{flex-direction:column;align-items:stretch}.btn-ruleta{width:100%;justify-content:center}}.pausa-card{padding:30px 20px;border-radius:15px;cursor:pointer;transition:all .4s ease;color:#fff;text-align:center;position:relative;box-shadow:0 4px 15px #0003;font-family:Poppins,sans-serif}.pausa-card:nth-child(2n){animation-delay:1s}.pausa-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 30px #ffffff80}.pausa-icon{font-size:52px;margin-bottom:15px}.pausa-card h3{margin:10px 0;font-size:22px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.pausa-card p{font-size:14px;opacity:.95;margin:10px 0;font-weight:500}.card-footer{margin-top:15px}.info-icon{font-size:22px;opacity:.9}.modal-overlay{position:fixed;inset:0;background:#1e3a8a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;padding:35px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #2563eb66;animation:slideIn .4s ease;font-family:Poppins,sans-serif}.close-button{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#93c5fd,#38bdf8);border:none;font-size:24px;cursor:pointer;color:#fff;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;font-weight:700;box-shadow:0 4px 10px #38bdf866}.close-button:hover{background:linear-gradient(135deg,#38bdf8,#2563eb);transform:rotate(90deg) scale(1.1);box-shadow:0 6px 15px #2563eb99}.modal-header{text-align:center;margin-bottom:25px}.modal-icon{font-size:56px;display:block;margin-bottom:15px;animation:float 3s ease-in-out infinite}.modal-header h2{color:#1e3a8a;margin:0;font-size:28px;font-weight:800;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.modal-body{margin:25px 0}.descripcion-section,.como-jugar-section,.materiales-section{background:linear-gradient(135deg,#fef9c3,#fff);padding:20px;border-radius:12px;margin-bottom:18px;border-left:4px solid #38bdf8;box-shadow:0 2px 10px #38bdf826}.modal-body h3{color:#2563eb;font-size:18px;margin:0 0 12px;font-weight:700}.modal-body p{color:#1e3a8a;margin:0;line-height:1.7;font-weight:500}.como-jugar-section ol{margin:0;padding-left:25px;color:#1e3a8a}.como-jugar-section li{margin:10px 0;line-height:1.6;font-weight:500}.modal-footer{text-align:center;margin-top:25px}.btn-actividad-realizada{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border:none;padding:18px 45px;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #38bdf880;font-family:Poppins,sans-serif}.detalles-pausa-modal{max-width:900px}.btn-video{background:radial-gradient(circle at 30% 30%,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #e74c3c4d;margin-top:10px}.btn-video:hover{transform:translateY(-2px);box-shadow:0 6px 18px #e74c3c66}.btn-video:active{transform:translateY(0)}.video-container{width:100%;margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026;background:#000}.video-container iframe{display:block;border-radius:12px}@media(max-width:768px){.video-container iframe{height:250px}.btn-video{width:100%;margin-top:15px}}.btn-actividad-realizada:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #2563ebb3;animation:pulse 1s ease-in-out infinite}.asistencia-modal{max-width:550px}.asistencia-modal h2{color:#1e3a8a;text-align:center;margin-bottom:12px;font-weight:800;font-size:26px;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.asistencia-modal h3{color:#2563eb;text-align:center;margin-bottom:20px;font-size:20px;font-weight:700}.fecha-info{background:linear-gradient(135deg,#fef9c3,#fff);padding:18px;border-radius:12px;margin-bottom:20px;border-left:4px solid #38bdf8;box-shadow:0 2px 10px #38bdf826}.fecha-info p{margin:8px 0;color:#1e3a8a;font-weight:600;font-size:15px}.estudiantes-list{max-height:320px;overflow-y:auto;margin-bottom:20px;padding-right:5px}.estudiantes-list::-webkit-scrollbar{width:8px}.estudiantes-list::-webkit-scrollbar-track{background:#fef9c3;border-radius:10px}.estudiantes-list::-webkit-scrollbar-thumb{background:#38bdf8;border-radius:10px}.estudiantes-list h4{color:#1e3a8a;margin-bottom:15px;font-size:18px;font-weight:700}.estudiante-item{padding:12px;border-bottom:2px solid #93c5fd;transition:all .3s ease}.estudiante-item:hover{background:linear-gradient(135deg,#fef9c3,#fff);transform:translate(5px)}.estudiante-item:last-child{border-bottom:none}.estudiante-item label{display:flex;align-items:center;cursor:pointer;color:#1e3a8a;font-weight:600}.estudiante-item input[type=checkbox]{width:22px;height:22px;margin-right:12px;cursor:pointer;accent-color:#2563eb}.btn-guardar{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border:none;padding:18px 45px;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #38bdf880;width:100%;font-family:Poppins,sans-serif}.btn-guardar:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #2563ebb3;animation:pulse 1s ease-in-out infinite}.historial-pausas{padding:20px;max-width:1400px;margin:0 auto}.historial-header-section{margin-bottom:30px;text-align:center}.historial-header-section h2{color:#1e3a8a;font-size:2rem;font-weight:800;margin-bottom:10px;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.historial-descripcion{color:#2563eb;font-size:1rem;font-weight:600;margin:0}.historial-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;margin-top:30px}.pausa-card2{background:linear-gradient(135deg,#fff,#fef9c3);border-radius:16px;padding:25px;box-shadow:0 4px 15px #38bdf826;border:2px solid #e0f2fe;transition:all .3s ease;animation:slideIn .5s ease;position:relative;overflow:hidden}.pausa-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#38bdf8,#2563eb)}.pausa-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #38bdf840;border-color:#38bdf8}.pausa-card-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.pausa-icono{font-size:2.5rem;background:linear-gradient(135deg,#38bdf8,#2563eb);width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #38bdf84d;flex-shrink:0}.pausa-titulo-info{flex:1}.pausa-nombre{color:#1e3a8a;font-size:1.4rem;font-weight:700;margin:0 0 10px;line-height:1.2}.pausa-badges{display:center;flex-wrap:wrap;gap:8px}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .3s ease}.badge-dia{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.badge-fecha{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.badge-hora{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.badge:hover{transform:scale(1.05)}.pausa-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#93c5fd 50%,transparent 100%);margin:20px 0}.pausa-observacion-section{margin-top:20px}.observacion-label{display:flex;align-items:center;gap:8px;margin-bottom:12px}.label-icon{font-size:1.2rem}.label-text{color:#1e3a8a;font-size:1rem;font-weight:700}.observacion-display-container{background:#ffffffb3;border-radius:12px;padding:15px;border:2px solid #e0f2fe;position:relative}.observacion-texto{color:#334155;font-size:.95rem;line-height:1.6;margin:0 0 12px;min-height:60px;font-style:italic}.btn-editar{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #38bdf84d;font-family:Poppins,sans-serif}.btn-editar:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2563eb80}.observacion-edit-container{animation:fadeIn .3s ease}.observacion-textarea{width:100%;padding:15px;border:2px solid #93c5fd;border-radius:12px;font-size:.95rem;font-family:Poppins,sans-serif;resize:vertical;transition:all .3s ease;background:#fff;color:#334155;line-height:1.6}.observacion-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.observacion-buttons{display:flex;gap:10px;margin-top:12px}.btn-guardar,.btn-cancelar{flex:1;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;font-family:Poppins,sans-serif}.btn-guardar{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98180}.btn-cancelar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-cancelar:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ef444480}.historial-vacio{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border:2px dashed #93c5fd}.vacio-icono{font-size:4rem;margin-bottom:20px;opacity:.5}.vacio-texto{color:#64748b;font-size:1.1rem;font-weight:600;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.historial-cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.historial-cards-grid{grid-template-columns:1fr;gap:20px}.pausa-card2{padding:20px}.pausa-nombre{font-size:1.2rem}.pausa-icono{width:50px;height:50px;font-size:2rem}.pausa-badges{flex-direction:column;align-items:flex-start;display:center}.observacion-buttons{flex-direction:column}.btn-guardar,.btn-cancelar{width:100%}}@media(max-width:480px){.historial-pausas{padding:15px}.historial-header-section h2{font-size:1.5rem}.historial-descripcion{font-size:.9rem}.pausa-card2{padding:15px}.pausa-card-header{flex-direction:column;align-items:center;text-align:center}.pausa-titulo-info{width:100%}.pausa-badges{justify-content:center;width:100%}.badge{font-size:.75rem;padding:5px 10px}}.progreso-estudiante-section{padding:30px;animation:fadeIn .6s ease}.progreso-estudiante-section h2{color:#1e3a8a;text-align:center;margin-bottom:30px;font-weight:800;font-size:28px;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.search-bar{max-width:600px;margin:0 auto 30px}.search-bar input{width:100%;padding:15px 20px;border:2px solid #93c5fd;border-radius:25px;font-size:16px;font-family:Poppins,sans-serif;font-weight:500;color:#1e3a8a;background:#fff;box-shadow:0 4px 12px #38bdf826;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 20px #38bdf866;transform:translateY(-2px)}.search-bar input::placeholder{color:#93c5fd}.estudiantes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:30px}.estudiante-card{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:16px;padding:25px;box-shadow:0 6px 20px #38bdf826;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.estudiante-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#38bdf8,#2563eb,#facc15)}.estudiante-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #38bdf84d;border-color:#38bdf8}.estudiante-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.estudiante-avatar{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;box-shadow:0 4px 15px #38bdf866;flex-shrink:0}.estudiante-info{flex:1;min-width:0}.estudiante-info h3{color:#1e3a8a;font-size:18px;font-weight:700;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estudiante-curso{color:#2563eb;font-size:14px;font-weight:600;margin:0}.estudiante-stats{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;background:#fff;padding:10px 15px;border-radius:10px;box-shadow:0 2px 8px #38bdf81a;flex:1;min-width:120px}.stat-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-text{color:#1e3a8a;font-size:13px;font-weight:600;white-space:nowrap}.progress-mini-bar{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:10px;box-shadow:inset 0 2px 4px #0000001a}.progress-mini-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:6px;transition:width 1s ease;box-shadow:0 0 10px #38bdf880}.progress-percentage{text-align:center;color:#2563eb;font-size:13px;font-weight:700;margin:0 0 15px}.btn-ver-detalle{width:100%;padding:12px;background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #38bdf84d}.btn-ver-detalle:hover{background:radial-gradient(circle at 30% 30%,#2563eb,#1e40af);box-shadow:0 0 25px #38bdf899;transform:translateY(-2px)}.btn-ver-detalle:active{transform:translateY(0)}.no-resultados{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#fef9c3,#fff);border-radius:16px;box-shadow:0 6px 20px #38bdf826}.no-resultados p{color:#2563eb;font-size:18px;font-weight:600;margin:0}@media(max-width:768px){.progreso-estudiante-section{padding:20px}.progreso-estudiante-section h2{font-size:24px;margin-bottom:20px}.estudiantes-grid{grid-template-columns:1fr;gap:20px}.estudiante-card{padding:20px}.estudiante-avatar{width:50px;height:50px;font-size:22px}.estudiante-info h3{font-size:16px}.estudiante-stats{flex-direction:column;gap:10px}.stat-item{min-width:100%}.search-bar input{font-size:14px;padding:12px 18px}}@media(max-width:480px){.estudiante-header{flex-direction:column;text-align:center}.estudiante-info h3{white-space:normal}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progreso-modal{max-width:900px;max-height:90vh;overflow-y:auto}.progreso-modal h2{color:#1e3a8a;text-align:center;margin-bottom:10px;font-weight:800;font-size:26px;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.estudiante-nombre-principal{text-align:center;color:#2563eb;font-size:20px;font-weight:700;margin-bottom:25px}.progreso-modal h3{color:#1e3a8a;font-size:20px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}.progreso-modal h4{color:#1e3a8a;font-size:18px;font-weight:700;margin:0}.progreso-tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.progreso-tabs button{flex:1;min-width:120px;padding:12px 16px;background:#fff;border:2px solid #93c5fd;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#1e3a8a;transition:all .3s ease;font-family:Poppins,sans-serif}.progreso-tabs button:hover{background:linear-gradient(135deg,#fef9c3,#fff);border-color:#38bdf8}.progreso-tabs button.active{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border-color:transparent;box-shadow:0 0 20px #38bdf899}.vista-content{animation:fadeIn .5s ease}.info-personal-section{background:linear-gradient(135deg,#eaf4ff,#fff);border-radius:12px;padding:20px;margin-bottom:25px;border-left:4px solid #38bdf8;box-shadow:0 4px 12px #38bdf826}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:5px}.asignatura-section.clickable{cursor:pointer;transition:all .3s ease}.asignatura-section.clickable:hover{transform:translate(5px);box-shadow:0 6px 18px #38bdf840;border-left-color:#2563eb}.click-hint{text-align:center;color:#38bdf8;font-size:13px;font-weight:600;margin:10px 0 0;font-style:italic}.info-label{color:#2563eb;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#1e3a8a;font-size:16px;font-weight:700}.resumen-general{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:20px;border-left:4px solid #facc15}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.resumen-card{background:#fff;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px #38bdf81a}.resumen-icon{font-size:32px}.resumen-info{flex:1}.resumen-label{color:#2563eb;font-size:12px;font-weight:600;margin:0 0 5px}.resumen-value{color:#1e3a8a;font-size:22px;font-weight:800;margin:0}.asignatura-section{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:20px;margin-bottom:20px;border-left:4px solid #38bdf8;box-shadow:0 4px 12px #38bdf826}.asignatura-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.promedio-badge{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #38bdf84d}.asignatura-stats{margin-bottom:15px}.asignatura-stats p{color:#1e3a8a;font-size:14px;margin:8px 0}.asignatura-stats strong{color:#2563eb;font-weight:700}.progreso-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:18px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px #38bdf826;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-icon{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-info{flex:1}.stat-label{color:#2563eb;font-size:13px;font-weight:600;margin:0 0 5px}.stat-value{color:#1e3a8a;font-size:24px;font-weight:800;margin:0}.progress-bar-container{margin-bottom:20px}.progress-bar{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;border-radius:15px;transition:width 1s ease;box-shadow:0 0 15px #38bdf880}.progress-fill.matematica{background:linear-gradient(90deg,#3b82f6,#1e40af)}.progress-fill.lenguaje{background:linear-gradient(90deg,#10b981,#047857)}.progress-fill.ciencias{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.progress-fill.pausas{background:linear-gradient(90deg,#38bdf8,#2563eb)}.progress-text{text-align:center;color:#2563eb;font-size:14px;font-weight:700;margin-top:8px}.ultima-actividad{background:linear-gradient(135deg,#d5f4e6,#fff);border-radius:10px;padding:15px;margin-bottom:25px;border-left:4px solid #27ae60}.ultima-actividad p{margin:0;color:#1e3a8a;font-size:15px}.ultima-actividad strong{color:#27ae60;font-weight:700}.historial-section{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:20px;border-left:4px solid #facc15}.historial-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.historial-item{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:15px;padding:12px;background:#fff;border-radius:8px;border-left:3px solid #93c5fd;transition:all .3s ease}.historial-item:hover{transform:translate(5px);box-shadow:0 4px 12px #38bdf833}.historial-item.completada,.historial-item.pendiente{border-left-color:#27ae60}.historial-fecha{color:#2563eb;font-size:13px;font-weight:600}.historial-pausa{color:#1e3a8a;font-size:14px;font-weight:600}.historial-estado{font-size:20px;text-align:center}.poderes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.poder-card{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;border-left:4px solid #facc15;box-shadow:0 4px 12px #38bdf826;transition:transform .3s ease}.poder-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #38bdf840}.poder-icon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.poder-info{flex:1}.poder-info h4{margin-bottom:10px;font-size:16px}.poder-nivel{display:flex;flex-direction:column;gap:8px}.poder-nivel span{color:#2563eb;font-size:13px;font-weight:600}.nivel-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.nivel-fill{height:100%;background:linear-gradient(90deg,#facc15,#f59e0b);border-radius:4px;transition:width .5s ease}@media(max-width:768px){.progreso-tabs{flex-direction:column}.progreso-tabs button{width:100%}.info-grid,.progreso-stats,.resumen-grid{grid-template-columns:1fr}.historial-item{grid-template-columns:100px 1fr 30px;gap:10px}.poderes-grid{grid-template-columns:1fr}}.actividades-modal{max-width:800px;max-height:90vh;overflow-y:auto}.actividades-modal h2{color:#1e3a8a;text-align:center;margin-bottom:5px;font-weight:800;font-size:26px;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.actividades-subtitle{text-align:center;color:#2563eb;font-size:16px;font-weight:600;margin-bottom:25px}.actividades-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.resumen-item{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 12px #38bdf826;display:flex;flex-direction:column;gap:8px}.resumen-item.completadas{border-left:4px solid #27ae60}.resumen-item.pendientes{border-left:4px solid #e67e22}.resumen-item.total{border-left:4px solid #38bdf8}.resumen-numero{font-size:32px;font-weight:800;color:#1e3a8a}.resumen-texto{font-size:14px;font-weight:600;color:#2563eb;text-transform:uppercase;letter-spacing:.5px}.actividades-filtros{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.actividades-filtros button{flex:1;min-width:120px;padding:12px 16px;background:#fff;border:2px solid #93c5fd;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#1e3a8a;transition:all .3s ease;font-family:Poppins,sans-serif}.actividades-filtros button:hover{background:linear-gradient(135deg,#fef9c3,#fff);border-color:#38bdf8}.actividades-filtros button.active{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border-color:transparent;box-shadow:0 0 20px #38bdf899}.actividades-lista{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:5px}.actividad-item{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:20px;display:flex;gap:15px;box-shadow:0 4px 12px #38bdf826;transition:all .3s ease;border-left:4px solid #93c5fd}.actividad-item:hover{transform:translate(5px);box-shadow:0 6px 18px #38bdf840}.actividad-item.completada{border-left-color:#27ae60}.actividad-item.pendiente{border-left-color:#e67e22}.actividad-estado-icon{font-size:28px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.actividad-contenido{flex:1;min-width:0}.actividad-contenido h4{color:#1e3a8a;font-size:18px;font-weight:700;margin:0 0 8px}.actividad-descripcion{color:#2563eb;font-size:14px;margin:0 0 12px;line-height:1.5}.actividad-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.actividad-fecha{color:#1e3a8a;font-size:13px;font-weight:600}.actividad-puntaje{background:radial-gradient(circle at 30% 30%,#27ae60,#229954);color:#fff;padding:5px 12px;border-radius:15px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #27ae604d}.actividad-puntaje-max{background:radial-gradient(circle at 30% 30%,#e67e22,#d35400);color:#fff;padding:5px 12px;border-radius:15px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #e67e224d}.no-actividades{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px}.no-actividades p{color:#2563eb;font-size:16px;font-weight:600;margin:0}.actividades-lista::-webkit-scrollbar{width:8px}.actividades-lista::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.actividades-lista::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#2563eb);border-radius:10px}.actividades-lista::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1e40af)}@media(max-width:768px){.actividades-resumen{grid-template-columns:1fr}.actividades-filtros{flex-direction:column}.actividades-filtros button{width:100%}.actividad-item{flex-direction:column;text-align:center}.actividad-footer{justify-content:center}}.foro-seccion{animation:fadeIn 1.8s ease;margin:10px}.foro-seccion h2{color:#1e3a8a;margin-bottom:25px;font-size:24px;font-weight:800;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.foro-categorias{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.foro-categorias button{padding:14px 24px;background:#fff;border:2px solid #93c5fd;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;color:#1e3a8a;transition:all .4s ease;box-shadow:0 4px 12px #38bdf826;font-family:Poppins,sans-serif}.foro-categorias button:hover{transform:translateY(-3px);box-shadow:0 6px 18px #38bdf84d;border-color:#38bdf8}.foro-categorias button.active{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border-color:transparent;box-shadow:0 0 25px #38bdf8b3;animation:pulse 2s ease-in-out infinite}.foro-header-actions{margin-bottom:25px;display:flex;justify-content:flex-end}.btn-agregar-entrada{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 15px #38bdf880;font-family:Poppins,sans-serif;text-align:right}.btn-agregar-entrada:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #2563ebb3;animation:pulse 1s ease-in-out infinite}.entradas-list{display:flex;flex-direction:column;gap:18px}.no-entradas{text-align:center;padding:40px;background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;border:2px dashed #93c5fd}.no-entradas p{color:#2563eb;font-size:16px;font-weight:600}.entrada-card{background:linear-gradient(135deg,#fef9c3,#fff);border-radius:12px;padding:20px;border-left:4px solid #38bdf8;box-shadow:0 4px 15px #38bdf826;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s ease;animation:slideIn .5s ease}.entrada-card:hover{transform:translate(5px);box-shadow:0 6px 20px #38bdf84d}.entrada-content{flex:1}.entrada-content h3{color:#1e3a8a;font-size:20px;font-weight:700;margin-bottom:10px}.entrada-descripcion{color:#2563eb;font-size:14px;font-weight:500;margin-bottom:10px;line-height:1.5}.entrada-fecha{color:#38bdf8;font-size:13px;font-weight:600}.entrada-actions{display:flex;align-items:center}.btn-descargar{background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #38bdf866;font-family:Poppins,sans-serif;white-space:nowrap}.btn-descargar:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 18px #2563eb99}@media(max-width:768px){.entrada-card{flex-direction:column;align-items:flex-start}.entrada-actions,.btn-descargar{width:100%}}.agregar-entrada-modal{max-width:600px}.agregar-entrada-modal h2{color:#1e3a8a;text-align:center;margin-bottom:10px;font-weight:800;font-size:26px;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.agregar-entrada-modal h3{color:#2563eb;text-align:center;margin-bottom:25px;font-size:18px;font-weight:600}.entrada-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1e3a8a;font-weight:700;font-size:15px}.form-group input[type=text],.form-group textarea{padding:14px;border:2px solid #93c5fd;border-radius:10px;font-size:15px;font-family:Poppins,sans-serif;color:#1e3a8a;transition:all .3s ease;background:linear-gradient(135deg,#fef9c3,#fff)}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 15px #38bdf84d}.form-group textarea{resize:vertical;min-height:100px}.file-input-wrapper{position:relative}.form-group input[type=file]{padding:12px;border:2px dashed #93c5fd;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;color:#1e3a8a;cursor:pointer;background:linear-gradient(135deg,#fef9c3,#fff);transition:all .3s ease;width:100%}.form-group input[type=file]:hover{border-color:#38bdf8;background:linear-gradient(135deg,#93c5fd,#fef9c3)}.archivo-seleccionado{margin-top:10px;color:#2563eb;font-size:14px;font-weight:600;padding:10px;background:linear-gradient(135deg,#d5f4e6,#fff);border-radius:8px;border-left:3px solid #27ae60}.form-actions{display:flex;gap:12px;margin-top:10px}.btn-cancelar{flex:1;background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#1e3a8a;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.btn-cancelar:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);transform:translateY(-2px)}.btn-guardar-entrada{flex:1;background:radial-gradient(circle at 30% 30%,#38bdf8,#2563eb);color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 15px #38bdf880;font-family:Poppins,sans-serif}.btn-guardar-entrada:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #2563ebb3;animation:pulse 1s ease-in-out infinite}.overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:50;overflow-y:auto}.popup{max-width:760px;width:100%;background:linear-gradient(135deg,#fef9c3,#fff);border-radius:18px;padding:22px 22px 26px;position:relative;box-shadow:0 20px 60px #0000004d;animation:fadeInScale .3s ease}.ruleta-card{max-width:520px;width:100%;margin:0 auto;padding:28px 28px 34px;background:linear-gradient(135deg,#fef9c3,#fff);border-radius:24px;box-shadow:0 20px 60px #0000004d;position:relative;animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-cerrar{position:absolute;right:12px;top:10px;border:none;background:#f3f4f6;color:#334155;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer;box-shadow:0 2px 6px #0000001f;transition:all .2s ease;font-family:Poppins,sans-serif;font-weight:600;z-index:10}.btn-cerrar:hover{background:#e5e7eb;transform:scale(1.1)}.popup-header{text-align:center;margin-bottom:14px}.popup-emoji{font-size:48px;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.popup-titulo{font-family:Poppins,sans-serif;font-weight:800;font-size:28px;color:#1e3a8a;margin:4px 0;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.popup-sub{color:#2563eb;font-size:16px;font-weight:600;margin:8px 0 0;font-family:Poppins,sans-serif}.section-box{background:#fff;border-left:6px solid #94a3b8;border-radius:12px;padding:16px 18px;margin:14px 0;box-shadow:0 4px 12px #38bdf826;transition:all .3s ease}.section-box:hover{transform:translate(5px);box-shadow:0 6px 18px #38bdf840}.section-box.info-azul{background:linear-gradient(135deg,#dbeafe,#fff);border-left-color:#3b82f6}.section-box.info-verde{background:linear-gradient(135deg,#d1fae5,#fff);border-left-color:#10b981}.section-box.info-rosa{background:linear-gradient(135deg,#fce7f3,#fff);border-left-color:#ec4899}.section-title{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:#1e3a8a;margin:0 0 10px}.section-box p{margin:0;color:#334155;font-size:14px;line-height:1.6;font-family:Poppins,sans-serif}.beneficios,.pasos{margin:0;padding-left:22px;color:#334155;font-family:Poppins,sans-serif;font-size:14px;line-height:1.8}.beneficios li,.pasos li{margin-bottom:6px}.pasos{color:#1e3a8a;font-weight:600}.pasos li::marker{font-weight:800;color:#2563eb}.ruleta-wrap{position:relative;width:320px;height:320px;margin:0 auto 22px;display:grid;place-items:center}.ruleta{width:100%;height:100%;border-radius:50%;border:10px solid #fff;box-shadow:0 18px 35px #00000040,0 0 0 2px #e5e7eb;transition:transform 3.2s cubic-bezier(.15,.9,.2,1);position:relative;overflow:hidden}.etiqueta{position:absolute;top:50%;left:50%;width:76%;transform-origin:0% 0%;display:flex;align-items:center;gap:0px;pointer-events:none}.etiqueta .emoji{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.etiqueta .txt{font-family:Poppins,sans-serif;font-weight:700;font-size:15px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3);white-space:nowrap;letter-spacing:0px}.puntero{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:26px solid #ef4444;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));z-index:2}.btn-girar{background:radial-gradient(circle at 30% 30%,#f59e0b,#d97706);color:#fff;font-family:Poppins,sans-serif;font-weight:800;font-size:16px;border:none;padding:14px 28px;border-radius:14px;box-shadow:0 8px 18px #f59e0b66;cursor:pointer;transition:all .3s ease;display:block;margin:8px auto 0;width:100%;max-width:300px}.btn-girar:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 24px #f59e0b80;background:radial-gradient(circle at 30% 30%,#fbbf24,#f59e0b)}.btn-girar:active:not(:disabled){transform:translateY(-1px)}.btn-girar:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.popup,.ruleta-card{max-width:95%;padding:20px}.popup-titulo{font-size:24px}.ruleta-wrap{width:280px;height:280px}.etiqueta .emoji{font-size:20px}.etiqueta .txt{font-size:13px}.section-title{font-size:16px}.beneficios,.pasos{font-size:13px}}@media(max-width:520px){.ruleta-wrap{width:240px;height:240px}.etiqueta .emoji{font-size:18px}.etiqueta .txt{font-size:12px}.popup-titulo{font-size:22px}.btn-girar{font-size:14px;padding:12px 20px}}:root{--primary-blue: #2563eb;--light-blue: #93c5fd;--sky-blue: #38bdf8;--dark-blue: #1e3a8a;--yellow-light: #fef9c3;--yellow: #facc15;--white: #ffffff;--gray-light: #f8f9fa;--gray: #e0e0e0;--gray-dark: #7f8c8d;--text-dark: #2c3e50;--text-medium: #34495e;--green: #27ae60;--green-light: #d5f4e6;--orange: #e67e22;--orange-light: #ffe5cc;--red: #ff6b6b;--teal: #4ecdc4;--mint: #95e1d3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 10px #60a5fa)}to{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px #facc15)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.gradient-bg{background:linear-gradient(180deg,#93c5fd,#fef9c3)}.card-shadow{box-shadow:0 4px 15px #2563eb33}.text-shadow{text-shadow:2px 2px 10px rgba(255,255,255,.8)}.glow-effect{box-shadow:0 0 25px #38bdf8b3}.actividades-oa-container{animation:fadeIn .8s ease;width:100%}.oa-header h2{color:#1e3a8a;margin-bottom:20px;font-size:24px;font-weight:800;text-shadow:2px 2px 10px rgba(255,255,255,.8)}.oa-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:25px;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.filter-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.oa-description-current{margin-bottom:25px;padding:15px;background-color:#f8fafc;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;color:#475569;font-style:italic;font-size:14px;animation:fadeIn .5s ease}.actividades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.actividad-card{padding:25px 20px;border-radius:16px;color:#fff;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;min-height:200px}.actividad-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.actividad-icon{font-size:42px;margin-bottom:15px}.actividad-card h3{font-size:18px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.3}.actividad-card p{font-size:13px;opacity:.95;line-height:1.5;margin-bottom:35px}.oa-tag{position:absolute;bottom:0;left:0;width:100%;padding:8px;background:#00000026;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._metricsBg_11b1g_1{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;box-sizing:border-box;background:radial-gradient(circle at top,#e0f2fe,#eff6ff);font-family:Poppins,sans-serif}._metricsContainer_11b1g_25{width:100%;max-width:960px}._header_11b1g_35{text-align:left;margin-bottom:24px}._title_11b1g_45{font-size:1.8rem;font-weight:800;color:#0f172a}._subtitle_11b1g_57{color:#475569;margin-top:4px}._card_11b1g_67{background:#fffffff2;border-radius:20px;padding:24px 28px;box-shadow:0 18px 40px #0f172a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._form_11b1g_83{display:flex;flex-direction:column;gap:16px}._fieldGroup_11b1g_95{display:flex;flex-direction:column;gap:6px}._label_11b1g_107{font-size:.95rem;font-weight:600;color:#0f172a}._select_11b1g_119{padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:.95rem;outline:none}._select_11b1g_119:focus{border-color:#3b82f6}._previewBox_11b1g_143{padding:10px 12px;border-radius:10px;background:#e0f2fe;border:1px solid #7dd3fc;color:#0f172a;font-weight:600}._codigoRow_11b1g_161{display:flex;align-items:center;gap:12px}._codigoValue_11b1g_173{padding:8px 12px;border-radius:999px;background:#0f172a;color:#e5f0ff;font-weight:700;letter-spacing:.08em;font-size:.9rem}._primaryButton_11b1g_193,._outlineButton_11b1g_195,._secondaryButton_11b1g_197{border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:600;cursor:pointer;border:none}._primaryButton_11b1g_193{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}._primaryButton_11b1g_193:disabled{opacity:.6;cursor:default}._outlineButton_11b1g_195{background:transparent;border:1px solid #cbd5e1;color:#0f172a}._secondaryButton_11b1g_197{background:#e0f2fe;color:#1d4ed8}._actionsRow_11b1g_257{display:flex;justify-content:space-between;margin-top:8px}._error_11b1g_269{color:#b91c1c;font-size:.9rem}._success_11b1g_279{color:#15803d;font-size:.9rem}._rutaBg_1at8w_1{min-height:100vh;background-image:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2Frutalab.webp?alt=media&token=15a345df-6665-4401-ae26-07fc87748aff);padding:40px 20px 80px;position:relative;overflow:hidden;font-family:Inter,sans-serif}._btnVolver_1at8w_23{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}._btnVolver_1at8w_23:hover{background:#000000e6;transform:translate(-5px);box-shadow:0 6px 20px #0009}._btnVolver_1at8w_23:active{transform:translate(-3px) scale(.98)}._rutaHeader_1at8w_81{text-align:center;margin-bottom:40px;animation:_fadeInDown_1at8w_1 .6s ease}._rutaTitulo_1at8w_93{font-size:2.5rem;color:#121a66;margin:0 0 10px;text-shadow:0 4px 10px rgba(0,0,0,.5);font-weight:800}._rutaDescripcion_1at8w_109{font-size:1.1rem;color:#121a66;margin:0}._puzzleContainer_1at8w_123{max-width:1000px;margin:0 auto;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;background:#2d2d44;aspect-ratio:16/9}._puzzleBackground_1at8w_149{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;filter:brightness(1.1)}._puzzleGrid_1at8w_169{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;background:#00000080;padding:2px}._puzzlePiece_1at8w_203{position:relative;background:#fff;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;text-align:center}._puzzlePiece_1at8w_203:hover{z-index:10;transform:scale(1.02);box-shadow:0 10px 30px #0000004d}._pieceCompleted_1at8w_245{background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}._pieceCompleted_1at8w_245:hover{background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}._pieceCompleted_1at8w_245 ._pieceTitle_1at8w_271{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}._pieceCompleted_1at8w_245 ._pieceNumber_1at8w_281{background:#10b981;color:#fff}._pieceLocked_1at8w_293{background:#e5e7eb;cursor:not-allowed;filter:grayscale(1)}._pieceLocked_1at8w_293:hover{transform:none}._pieceContent_1at8w_315{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}._pieceHeader_1at8w_333{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}._pieceNumber_1at8w_281{width:30px;height:30px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 5px #0003}._checkIcon_1at8w_377,._lockIcon_1at8w_385{font-size:1.2rem}._pieceImageContainer_1at8w_393{flex:1;width:100%;max-height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}._pieceImage_1at8w_393{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}._puzzlePiece_1at8w_203:hover ._pieceImage_1at8w_393{transform:scale(1.1)}._pieceCompleted_1at8w_245 ._pieceImage_1at8w_393{opacity:.8}._pieceTitle_1at8w_271{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 10px;line-height:1.2}._progressBarContainer_1at8w_463{width:100%}._progressBarLabel_1at8w_471{display:flex;justify-content:flex-end;font-size:.75rem;color:#6b7280;margin-bottom:4px;font-weight:600}._pieceCompleted_1at8w_245 ._progressBarLabel_1at8w_471{color:#d1d5db}._progressBarTrack_1at8w_497{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}._pieceCompleted_1at8w_245 ._progressBarTrack_1at8w_497{background:#ffffff4d}._progressBarFill_1at8w_521{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .5s ease}._pieceCompleted_1at8w_245 ._progressBarFill_1at8w_521{background:#10b981}@keyframes _fadeInDown_1at8w_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){._puzzleContainer_1at8w_123{aspect-ratio:auto;height:auto}._puzzleGrid_1at8w_169{position:relative;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:10px;background:transparent;padding:0}._puzzleBackground_1at8w_149{display:none}._puzzlePiece_1at8w_203{aspect-ratio:1/1;border-radius:15px}}@media(max-width:480px){._puzzleGrid_1at8w_169{grid-template-columns:1fr}._puzzlePiece_1at8w_203{aspect-ratio:auto;min-height:200px}}:root{--primary-color: #1e3a8a;--secondary-color: #ffd700;--tertiary-color: #daa520;--text-color-dark: #1e293b;--text-color-light: #475569;--shadow-base: 0 6px 20px rgba(0, 0, 0, .12);--shadow-hover: 0 12px 30px rgba(0, 0, 0, .2)}.actividad-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-size:cover;background-position:center;display:grid;place-items:center;padding:0;z-index:1000}.actividad-modal-video{width:100%;height:100%;background:#0f172ad9;border-radius:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.juego-overlay-container{position:relative;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;background:transparent}.juego-contenido{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-y:auto}.titulo-juego{font-family:Poppins,sans-serif;font-weight:800;font-size:2rem;margin-bottom:10px;text-align:center;color:var(--primary-color)}.subtitle-row{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.subtitle{font-size:1.1rem;color:var(--text-color-light);margin:0}.audio-button{border:none;padding:8px 16px;border-radius:20px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--primary-color);color:#fff;font-weight:600;transition:all .2s}.audio-button:hover{transform:scale(1.05);background:#2563eb}.zones-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:1000px;flex:1;margin-bottom:20px}.drop-zone{background:transparent;border:3px dashed transparent;border-radius:20px;padding:15px;display:flex;flex-direction:column;transition:all .3s}.drop-zone.saludable{background:#dcfce780;border-color:#22c55e}.drop-zone.no-saludable{background:#fee2e280;border-color:#ef4444}.drop-zone.over{transform:scale(1.02);background:#fff;box-shadow:0 10px 25px #0000001a}.drop-zone-title{font-size:1.2rem;font-weight:700;margin:0 0 5px;color:var(--text-color-dark)}.drop-zone-hint{font-size:.9rem;color:var(--text-color-light);margin-bottom:15px}.drop-zone-contenido{flex:1;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;min-height:100px}.alimento-mini{background:#fff;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;box-shadow:0 2px 5px #0000001a}.alimento-mini img{width:30px;height:30px;object-fit:contain}.alimento-mini span{font-size:.8rem;font-weight:600}.alimentos-tray{background:#fff;padding:20px;border-radius:20px;box-shadow:0 -5px 20px #0000001a;width:100%;max-width:1000px}.alimentos-title{font-size:1.2rem;margin:0 0 5px;color:var(--primary-color)}.alimentos-hint{font-size:.9rem;color:var(--text-color-light);margin-bottom:15px}.cinta-wrapper{width:100%;height:180px;overflow:hidden;border-radius:15px;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;position:relative;display:flex;align-items:center;border:2px solid #cbd5e1}.cinta-track,.cinta-track-paused{display:flex;gap:20px;padding:0 20px;animation:cintaScroll 20s linear infinite;background:transparent;width:fit-content}.cinta-track-paused{animation-play-state:paused}@keyframes cintaScroll{0%{transform:translate(0)}to{transform:translate(-980px)}}.alimento-card{background:#fff;box-shadow:0 4px 10px #0003;padding:5px;border-radius:12px;cursor:grab;display:flex;flex-direction:column;align-items:center;width:130px;height:130px;flex-shrink:0;transition:transform .2s}.alimento-card:hover{transform:scale(1.05);z-index:10}.alimento-card:active{cursor:grabbing}.alimento-card.hidden{opacity:0;visibility:hidden;pointer-events:none;width:0;padding:0;margin:0;overflow:hidden;transition:all .3s ease}.alimento-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-bottom:0}.alimento-image-wrapper img{width:100%;height:100%;max-width:110px;max-height:110px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.alimento-name{display:none}.alimento-card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:#64748b;font-weight:600;padding:0 20px}.completar-row{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.completar-mensaje{font-size:.9rem;color:var(--text-color-dark)}.completar-button{background:var(--secondary-color);color:var(--primary-color);border:none;padding:10px 25px;border-radius:25px;font-weight:700;cursor:pointer;font-size:1rem;box-shadow:0 4px #d4b106;transition:all .2s}.completar-button:hover:not(:disabled){transform:translateY(-2px)}.completar-button:disabled{background:#cbd5e1;color:#94a3b8;box-shadow:none;cursor:not-allowed}.feedback-overlay{position:fixed;bottom:30px;left:30px;display:flex;align-items:flex-end;gap:15px;z-index:2000;animation:slideUp .5s ease}.feedback-image{width:100px;height:auto}.feedback-dialog{background:#fff;padding:15px 20px;border-radius:20px 20px 20px 0;box-shadow:0 5px 15px #0003;font-weight:600;max-width:250px}.feedback-overlay.error .feedback-dialog{border:2px solid #ef4444;color:#ef4444}.feedback-overlay.ok .feedback-dialog{border:2px solid #22c55e;color:#15803d}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:3000}.popup-box{background:#fff;padding:40px;border-radius:30px;text-align:center;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080}.popup-title-success{color:#22c55e;font-size:2rem;margin-bottom:10px}.popup-title-error{color:#ef4444;font-size:2rem;margin-bottom:10px}.popup-text{color:var(--text-color-light);margin-bottom:20px}.popup-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.popup-primary{background:var(--primary-color);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-weight:600;cursor:pointer}.popup-secondary{background:#e2e8f0;color:var(--text-color-dark);border:none;padding:12px 25px;border-radius:25px;font-weight:600;cursor:pointer}@media(max-width:768px){.zones-row{grid-template-columns:1fr}}.actividad-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-size:cover;background-position:center;display:grid;place-items:center;padding:0;z-index:100}.actividad-modal-video{width:100%;height:100%;background:#000;border-radius:0;position:relative;overflow:hidden}.overlay-intro{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .5s ease}.titulo-intro{font-family:Poppins,sans-serif;font-weight:800;font-size:48px;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.5);margin-bottom:40px;text-align:center}.btn-comenzar-video:hover{transform:scale(1.05);box-shadow:0 15px 40px #10b98199}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.overlay-pregunta{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.8),transparent);padding:40px 20px 20px;display:flex;justify-content:center;animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pregunta-content{width:100%;max-width:800px}.pregunta-texto-video{font-family:Poppins,sans-serif;font-weight:700;font-size:24px;color:#fff;text-align:center;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.opciones-grid-video{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.opcion-btn-video{background:#ffffffe6;border:none;border-radius:16px;padding:15px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .2s ease}.opcion-btn-video:hover:not(:disabled){transform:translateY(-5px);background:#fff}.opcion-btn-video.seleccionada{background:#dbeafe;box-shadow:0 0 0 4px #3b82f6}.opcion-btn-video.correcta{background:#d1fae5;box-shadow:0 0 0 4px #10b981}.opcion-btn-video.incorrecta{background:#fee2e2;box-shadow:0 0 0 4px #ef4444}.opcion-emoji{font-size:70px}.opcion-texto{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:#1e293b;text-align:center}.retroalimentacion-video{text-align:center;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;margin-bottom:15px;padding:10px;border-radius:12px;animation:fadeIn .3s ease}.retroalimentacion-video.correcta{background:#10b98133;color:#34d399;border:1px solid #10b981}.retroalimentacion-video.incorrecta{background:#ef444433;color:#f87171;border:1px solid #ef4444}.acciones-video{display:flex;justify-content:center}.btn-confirmar-video,.btn-siguiente-video{background:#f59e0b;color:#fff;border:none;padding:12px 30px;border-radius:12px;font-size:18px;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 4px 15px #f59e0b66;transition:all .2s ease}.btn-confirmar-video:hover:not(:disabled),.btn-siguiente-video:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}.btn-confirmar-video:disabled{opacity:.5;cursor:not-allowed}.actividad-modal.completado{background:#fff;max-width:600px;padding:40px;border-radius:24px;text-align:center}@media(max-width:768px){.opciones-grid-video{grid-template-columns:1fr;gap:10px}.opcion-btn-video{flex-direction:row;padding:10px 15px}.titulo-intro{font-size:32px}.pregunta-texto-video{font-size:18px}}.actividad-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:grid;place-items:center;padding:0;z-index:1000}.video-container{position:absolute;inset:0;width:100%;height:100%;z-index:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.btn-cerrar-actividad{position:absolute;top:20px;right:20px;background:#fff3;color:#fff;width:40px;height:40px;border-radius:50%;border:none;font-size:24px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.overlay-video-controls{position:absolute;inset:0;background:#0003;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease;z-index:30}.btn-comenzar-video{background:radial-gradient(circle at 30% 30%,#10b981,#059669);color:#fff;border:none;padding:20px 40px;border-radius:50px;font-size:24px;font-weight:800;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 10px 30px #10b98166;transition:all .3s ease;animation:pulse 2s infinite}.btn-comenzar-video:hover{transform:scale(1.05)}.juego-overlay-container{background-size:cover;background-position:center;position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;background:transparent}.juego-contenido{background-size:cover;background-position:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-y:auto}.titulo-juego{font-family:Poppins,sans-serif;font-weight:800;font-size:2rem;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.8);text-align:center;color:#fff;flex-shrink:0}.contenedor-clasificacion-overlay{width:100%;flex:1;position:relative;display:flex;justify-content:center}.zonas-overlay{width:100%;height:100%;display:flex;justify-content:space-between}.zona-drop{width:45%;height:100%;display:flex;align-items:center;justify-content:center;transition:background .3s;border-radius:16px}.zona-drop:hover{background:transparent}.zona-indicador{background:transparent;padding:15px;border-radius:16px;text-align:center;min-width:200px}.zona-indicador h3{font-size:1.5rem;margin-bottom:15px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9);font-weight:800}.items-depositados{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;min-height:40px}.items-depositados span{font-size:2.5rem;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.zona-tarjetas-abajo{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;min-height:100px;flex-shrink:0;margin-top:20px}.tarjeta-item{background:#fff;color:#333;padding:10px 15px;border-radius:12px;cursor:grab;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 4px 6px #0000004d;transition:transform .2s}.tarjeta-item:active{cursor:grabbing;transform:scale(.95)}.contenedor-frases-overlay{width:100%;flex:1;position:relative;display:flex;justify-content:flex-end;align-items:center;padding-right:5%}.frases-overlay{width:100%;display:flex;justify-content:flex-end}.frases-container-derecha{display:flex;flex-direction:column;gap:15px;justify-content:center;max-width:50%}.frase-row{background:#fffffff2;color:#333;padding:10px 20px;border-radius:12px;display:flex;align-items:center;gap:15px;font-size:1.1rem;font-weight:600;box-shadow:0 4px 10px #0000004d}.slot-frase{min-width:150px;height:40px;border:2px dashed #667eea;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#667eea1a;color:#667eea}.slot-frase.lleno{border-style:solid;background:#d1fae5;color:#059669;border-color:#10b981}.bloques-lista{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;border-radius:16px;width:100%;margin-top:20px;flex-shrink:0}.bloque-item{background:#f59e0b;color:#fff;padding:10px 20px;border-radius:8px;cursor:grab;font-weight:700;box-shadow:0 4px #d97706}.bloque-item:active{transform:translateY(4px);box-shadow:none}.btn-accion-juego{margin-top:20px;background:#10b981;color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px #059669;transition:transform .1s;flex-shrink:0;z-index:20}.btn-accion-juego:active{transform:translateY(4px);box-shadow:none}.retro-flotante{position:fixed;top:20%;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:15px 30px;border-radius:50px;font-weight:800;font-size:1.2rem;box-shadow:0 10px 25px #0003;animation:slideDown .3s ease;z-index:50}.pantalla-final{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center;padding:40px;background:#000000b3}.pantalla-final h1{font-size:3rem;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.botones-finales{display:flex;gap:20px;margin-top:40px}.btn-reiniciar,.btn-salir{padding:12px 24px;border-radius:12px;border:none;font-weight:700;cursor:pointer;font-size:1rem}.btn-reiniciar{background:#3b82f6;color:#fff}.btn-salir{background:#ef4444;color:#fff}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:768px){.actividad-modal-video{width:100%;height:100%;border-radius:0}.zonas-overlay{flex-direction:column;justify-content:center;gap:20px}.zona-drop{width:100%;height:40%}.contenedor-frases-overlay{padding-right:0;justify-content:center}.frases-container-derecha{max-width:90%}.frase-row{flex-direction:column;align-items:flex-start}}.actividad-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-image:url(../../assets/ActividadReceta/ImgClasificacion.png);background-size:cover;background-position:center;display:grid;place-items:center;padding:0;z-index:1000}.actividad-modal-video{width:100%;height:100%;background:transparent;border-radius:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.btn-cerrar-actividad{position:absolute;top:20px;right:20px;background:#fff3;color:#fff;width:40px;height:40px;border-radius:50%;border:none;font-size:24px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-cerrar-actividad:hover{background:#fff6;transform:scale(1.1)}.video-container{position:absolute;inset:0;width:100%;height:100%;z-index:0;border:none;background:#000;display:flex;align-items:center;justify-content:center}.receta-secreta-container{width:100%;height:100%;position:relative;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:20px}.pegi-container-lateral{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.pegi-imagen-grande{width:500px;height:500px;object-fit:contain;animation:pegiFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.area-juego-principal{width:75%;height:100%;position:relative;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:20px}.titulo-minijuego{font-family:Poppins,sans-serif;font-weight:800;font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-bottom:20px;text-align:center}.pegi-guia{display:flex;align-items:center;gap:15px;background:#ffffffe6;padding:10px 20px;border-radius:50px;margin-bottom:20px;box-shadow:0 4px 10px #0003}.btn-continuar{background:#10b981;color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px #059669;margin-top:20px;font-family:Poppins,sans-serif}.btn-continuar:hover{transform:translateY(-2px)}.btn-continuar:active{transform:translateY(2px);box-shadow:none}.btn-continuar:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.contador-frutas{font-size:1.5rem;font-weight:700;color:#fff;background:#00000080;padding:10px 20px;border-radius:10px;margin-bottom:20px}.area-juego-caida{width:100%;max-width:800px;height:60vh;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:20px;position:relative;overflow:hidden;cursor:none}.objeto-cayendo{position:absolute;width:100px;height:100px;transform:translate(-50%,-50%)}.objeto-imagen{width:100%;height:100%;object-fit:contain}.canasta{position:absolute;bottom:20px;width:150px;height:120px;transform:translate(-50%);z-index:10}.canasta-imagen{width:100%;height:100%;object-fit:contain}.frutas-en-canasta{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:80px;height:60px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2px}.fruta-canasta{width:25px;height:25px;object-fit:contain;animation:popInFruta .3s ease-out}.fruta-1{position:absolute;bottom:5px;left:15px}.fruta-2{position:absolute;bottom:5px;right:15px}.fruta-3{position:absolute;bottom:20px;left:30px}.fruta-4{position:absolute;bottom:20px;right:30px}.fruta-5{position:absolute;bottom:35px;left:50%;transform:translate(-50%)}@keyframes popInFruta{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.contenedor-ordenamiento{display:flex;gap:40px;width:100%;max-width:1000px;justify-content:center;flex-wrap:wrap}.columna-pasos-desordenados,.columna-orden-correcto{flex:1;min-width:300px;background:#fff3;padding:20px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.columna-pasos-desordenados h3,.columna-orden-correcto h3{color:#fff;text-align:center;margin-bottom:20px;font-family:Poppins,sans-serif}.tarjeta-paso{background:#fff;padding:15px;margin-bottom:10px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s;box-shadow:0 2px 5px #0000001a}.tarjeta-paso:hover{transform:translate(5px)}.tarjeta-paso.seleccionada{background:#fef3c7;border:2px solid #f59e0b}.slot-orden{background:#ffffffe6;padding:15px;margin-bottom:10px;border-radius:10px;min-height:50px;display:flex;align-items:center;gap:10px;cursor:pointer;border:2px dashed #cbd5e1}.slot-orden.ocupado{border-style:solid;border-color:#10b981;background:#d1fae5}.numero-orden{font-weight:800;color:#3b82f6}.placeholder{color:#94a3b8;font-style:italic}.contador-verbos{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:20px}.area-verbos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:800px;padding:20px;border-radius:20px;background:#0000004d}.verbo-tile{background:#fff;height:80px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:transform .1s;box-shadow:0 4px #cbd5e1}.verbo-tile:active{transform:translateY(4px);box-shadow:none}.verbo-tile.oculto{opacity:0;pointer-events:none}.pantalla-escritura{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.formulario-receta{background:#fff;padding:30px;border-radius:20px;width:100%;box-shadow:0 10px 25px #0003}.campo-receta{margin-bottom:20px}.campo-receta label{display:block;font-weight:700;margin-bottom:8px;color:#333}.input-titulo,.input-ingrediente,.input-preparacion{width:100%;padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-family:Poppins,sans-serif}.input-ingrediente{margin-bottom:10px}.botones-ayuda{display:flex;gap:10px;margin-top:10px}.btn-ayuda{background:#3b82f6;color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:.9rem}.pantalla-final{background-image:url(../../assets/ActividadReceta/ImgClasificacion.png);text-align:center;color:#fff}.celebracion{background:transparent;padding:40px;border-radius:30px}.titulo-final{font-size:3rem;margin-bottom:20px;text-shadow:0 4px 10px rgba(0,0,0,.5)}.frutinez-aplaudiendo{font-size:3rem;margin:20px 0;animation:bounce 1s infinite}.pegi-dialogo-grande{display:flex;align-items:center;gap:20px;background:#fff;padding:20px;border-radius:20px;margin:20px 0;color:#333;text-align:left}.pegi-avatar img{width:80px;height:80px}.medalla-container{margin:30px 0}.medalla{background:linear-gradient(135deg,#fcd34d,#f59e0b);padding:20px;border-radius:50%;width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 30px #f59e0b80;border:5px solid #fff}.medalla-icono{font-size:4rem}.medalla-texto h3{margin:0;color:#78350f}.btn-grande-pegi{background:#ef4444;color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.5rem;font-weight:800;cursor:pointer;box-shadow:0 5px 15px #ef444466}@media(max-width:768px){.contenedor-ordenamiento{flex-direction:column}.area-verbos-grid{grid-template-columns:repeat(3,1fr)}.juego-con-pegi-layout{flex-direction:column}.pegi-panel-lateral{width:100%;height:150px;flex-direction:row;padding:10px}.pegi-imagen-grande{width:100px;height:100px}.dialogo-bubble{font-size:.9rem;padding:15px;max-width:200px}.area-juego-principal{width:100%;height:calc(100% - 150px)}}.actividad-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-size:cover;background-position:center;display:grid;place-items:center;padding:0;z-index:2000;animation:fadeIn .3s ease-out}.actividad-modal-video{width:100%;height:100%;background:#000000d9;border-radius:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.btn-cerrar-actividad{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:3000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-cerrar-actividad:hover{background:#ff0000b3;transform:rotate(90deg)}.video-container{position:absolute;inset:0;width:100%;height:100%;z-index:10;background:#000;display:flex;justify-content:center;align-items:center}.video-player{width:100%;height:100%;object-fit:contain}.jardin-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;padding-right:40px}.titulo-jardin{color:#2d5016;font-size:1.8rem;margin:0;text-shadow:2px 2px 4px rgba(255,255,255,.8);background:#fff9;padding:5px 15px;border-radius:15px}.jardin-container{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.pantalla-intro-jardin{display:flex;justify-content:center;align-items:center;flex:1;padding:20px}.jardin-colorido{border-radius:25px;padding:40px;max-width:700px;text-align:center;box-shadow:0 15px 40px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.flores-cerradas{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.flor-cerrada{font-size:5rem;animation:balanceo 2s ease-in-out infinite}.flor-cerrada:nth-child(2){animation-delay:.3s}.flor-cerrada:nth-child(3){animation-delay:.6s}@keyframes balanceo{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.pegi-dialogo-jardin{display:flex;gap:20px;align-items:center;background:#fff;padding:20px;border-radius:20px;margin-bottom:30px;box-shadow:0 8px 20px #00000026}.pegi-avatar-jardin{font-size:3.5rem;flex-shrink:0}.pegi-avatar-jardin img{width:80px;height:auto}.pegi-mensaje-jardin p{margin:5px 0;font-size:1.1rem;color:#333;line-height:1.5;text-align:left}.destacado{font-weight:700;color:#ff6b9d;font-size:1.2rem!important}.btn-comenzar-jardin{background:linear-gradient(135deg,#ff6b9d,#c06c84);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #ff6b9d66}.btn-comenzar-jardin:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #ff6b9d99}.pantalla-reconstruccion{padding:10px;flex:1;display:flex;flex-direction:column}.progreso-adivinanzas{text-align:center;background:#ffffffe6;padding:8px;border-radius:10px;margin-bottom:15px;display:inline-block;align-self:center}.progreso-adivinanzas p{margin:0;font-size:1.1rem;font-weight:700;color:#2d5016}.pegi-guia-jardin{display:flex;align-items:center;gap:15px;background:#fffffff2;padding:10px 20px;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 12px #0000001a}.pegi-mini{font-size:2rem}.pegi-mini img{width:4rem;height:4rem}.pegi-guia-jardin p{margin:0;font-size:1rem;font-weight:600;color:#333}.contenedor-reconstruccion{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px;flex:1;min-height:0}.columna-flor{background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column}.columna-flor h3{color:#2d5016;text-align:center;margin-bottom:15px;font-size:1.1rem}.flor-contenedor{display:flex;justify-content:center;align-items:center;flex:1}.flor-cerrada-grande{font-size:8rem;animation:pulso 2s ease-in-out infinite}@keyframes pulso{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.flor-abierta-grande{position:relative;width:100%;animation:abrirFlor 1s ease forwards}@keyframes abrirFlor{0%{transform:scale(.5) rotate(0);opacity:0}to{transform:scale(1) rotate(360deg);opacity:1}}.flor-centro{text-align:center;background:linear-gradient(135deg,#ffd93d,#ffb347);border-radius:50%;width:100px;height:100px;margin:0 auto 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 20px #ffb34766}.emoji-respuesta{font-size:3rem}.nombre-respuesta{margin:2px 0 0;font-size:.9rem;font-weight:700;color:#333}.petalos-abiertos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.petalo{background:linear-gradient(135deg,#ff6b9d,#c06c84);color:#fff;padding:10px;border-radius:10px;font-size:.8rem;font-weight:600;text-align:center;box-shadow:0 4px 12px #ff6b9d4d;animation:aparecerPetalo .5s ease backwards}.petalo-0{animation-delay:.1s}.petalo-1{animation-delay:.2s}.petalo-2{animation-delay:.3s}.petalo-3{animation-delay:.4s}@keyframes aparecerPetalo{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.columna-versos{background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow-y:auto}.columna-versos h3{color:#2d5016;margin-bottom:15px;font-size:1.1rem}.versos-desordenados{display:flex;flex-direction:column;gap:10px}.tarjeta-verso{background:linear-gradient(135deg,#a8e6cf,#dcedc1);padding:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:600;color:#2d5016;box-shadow:0 4px 12px #a8e6cf4d;border:2px solid transparent;font-size:.9rem}.tarjeta-verso:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a8e6cf80}.tarjeta-verso.seleccionada{background:linear-gradient(135deg,#ffd93d,#ffb347);border-color:#ff6b9d;transform:scale(1.02)}.columna-petalos{background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow-y:auto}.columna-petalos h3{color:#2d5016;margin-bottom:15px;font-size:1.1rem}.petalos-vacios{display:flex;flex-direction:column;gap:10px}.petalo-vacio{background:#fff;border:2px dashed #c06c84;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;min-height:50px}.petalo-vacio:hover:not(.ocupado){background:#fff5f8;border-color:#ff6b9d}.petalo-vacio.ocupado{background:linear-gradient(135deg,#ff6b9d,#c06c84);border:2px solid #ff6b9d;color:#fff;cursor:default}.numero-petalo{font-size:1.2rem;font-weight:800;color:#c06c84;flex-shrink:0}.petalo-vacio.ocupado .numero-petalo{color:#fff}.texto-petalo{font-weight:600;flex:1;font-size:.9rem}.placeholder-petalo{color:#c06c84;font-style:italic;flex:1;font-size:.85rem}.btn-siguiente-flor{display:block;margin:0 auto;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;padding:12px 35px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #4ade8066}.btn-siguiente-flor:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ade8099}.pantalla-creacion{padding:10px;flex:1;display:flex;flex-direction:column}.contenedor-creacion{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:10px;flex:1;min-height:0}.flor-creacion{background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column}.flor-creacion h3{color:#2d5016;text-align:center;margin-bottom:15px;font-size:1.1rem}.flor-vacia{position:relative;width:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;max-width:300px;margin:0 auto}.centro-flor-vacia{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#ffd93d,#ffb347);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:800;color:#fff;box-shadow:0 6px 18px #ffb34766;z-index:2}.petalos-creacion{position:relative;width:100%;height:100%}.petalo-creacion{position:absolute;background:#fff;border:2px dashed #ff6b9d;padding:10px;border-radius:15px;cursor:pointer;transition:all .3s ease;width:45%;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.petalo-creacion:hover:not(.lleno){background:#fff5f8;border-color:#ff6b9d;transform:scale(1.05)}.petalo-creacion.lleno{background:linear-gradient(135deg,#ff6b9d,#c06c84);border-color:#ff6b9d;color:#fff}.petalo-pos-0{top:0;left:50%;transform:translate(-50%)}.petalo-pos-1{right:0;top:50%;transform:translateY(-50%)}.petalo-pos-2{bottom:0;left:50%;transform:translate(-50%)}.petalo-pos-3{left:0;top:50%;transform:translateY(-50%)}.numero-petalo-creacion{font-size:1rem;font-weight:800;color:#c06c84}.petalo-creacion.lleno .numero-petalo-creacion{color:#fff}.texto-petalo-creacion{font-size:.8rem;font-weight:600;text-align:center}.placeholder-petalo-creacion{font-size:.8rem;color:#c06c84;font-style:italic}.btn-limpiar-petalo{background:#ffffff4d;color:#fff;border:none;width:20px;height:20px;border-radius:50%;font-size:.8rem;cursor:pointer;transition:all .3s ease}.btn-limpiar-petalo:hover{background:#ffffff80;transform:scale(1.1)}.bloques-texto{background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow-y:auto}.bloques-texto h3{color:#2d5016;margin-bottom:15px;font-size:1.1rem}.categoria-bloques{margin-bottom:15px}.categoria-bloques h4{color:#666;font-size:.9rem;margin-bottom:8px}.bloques-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.bloque-texto{padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600;text-align:center;border:2px solid transparent}.bloque-texto.descripcion{background:linear-gradient(135deg,#a8e6cf,#dcedc1);color:#2d5016}.bloque-texto.accion{background:linear-gradient(135deg,#ffd93d,#ffb347);color:#333}.bloque-texto.ubicacion{background:linear-gradient(135deg,#87ceeb,#98d8c8);color:#1e3a8a}.bloque-texto.rima{background:linear-gradient(135deg,#ff6b9d,#c06c84);color:#fff}.bloque-texto:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.bloque-texto.seleccionado{border-color:#333;transform:scale(1.05);box-shadow:0 6px 15px #0000004d}.mensaje-pegi-flotante-jardin{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:transparent;padding:10px 25px;border-radius:50px;box-shadow:0 8px 25px #0000004d;display:flex;align-items:center;gap:15px;animation:slideUp .5s ease;z-index:100}@keyframes slideUp{0%{bottom:-100px;opacity:0}to{bottom:30px;opacity:1}}.btn-guardar-adivinanza{display:block;margin:20px auto 0;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;padding:12px 35px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #4ade8066}.btn-guardar-adivinanza:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ade8099}.pantalla-final-jardin{text-align:center;padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.titulo-final-jardin{font-size:2.5rem;color:#2d5016;margin-bottom:20px;text-shadow:2px 2px 4px rgba(255,255,255,.8)}.tarjeta-adivinanza-final{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px #00000026;max-width:500px;width:100%;margin-bottom:30px;transform:rotate(-2deg)}.decoracion-tarjeta{font-size:1.5rem;margin:10px 0;letter-spacing:10px}.tarjeta-adivinanza-final h3{color:#c06c84;margin:10px 0;font-size:1.5rem}.versos-finales{margin:20px 0}.verso-final{font-size:1.2rem;color:#333;margin:5px 0;font-style:italic}.pegi-invitacion{display:flex;align-items:center;gap:20px;background:#ffffffe6;padding:15px 30px;border-radius:50px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.pegi-mensaje-final-jardin p{margin:5px 0;font-size:1.1rem;color:#333}.actividad-cuaderno{background:#fff9c4;padding:20px;border-radius:15px;border:2px dashed #fbc02d;margin-bottom:30px;text-align:left;width:100%;max-width:500px}.actividad-cuaderno h3{color:#f57f17;margin-top:0}.actividad-cuaderno ul{padding-left:20px}.actividad-cuaderno li{margin-bottom:8px;font-size:1.1rem;color:#333}.botones-finales-jardin{display:flex;gap:20px}.btn-descargar-jardin,.btn-volver-jardin{padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;border:none;transition:all .3s ease}.btn-descargar-jardin{background:#3b82f6;color:#fff;box-shadow:0 5px 15px #3b82f666}.btn-volver-jardin{background:#ef4444;color:#fff;box-shadow:0 5px 15px #ef444466}.btn-descargar-jardin:hover,.btn-volver-jardin:hover{transform:translateY(-3px);filter:brightness(1.1)}@media(max-width:768px){.contenedor-reconstruccion,.contenedor-creacion{grid-template-columns:1fr}.flor-vacia{max-width:200px}}._registroBg_24qy8_7{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Poppins,sans-serif;z-index:0}._registroBg_24qy8_7:before{content:"";position:absolute;inset:0;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2FfondoNuevo2.webp?alt=media&token=329abb50-3a8a-4f46-8bee-0d4e2adab596) center 65% / cover no-repeat;z-index:0;opacity:.9}._particles_24qy8_51{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}._registroContainer_24qy8_71{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}._registroCard_24qy8_93{background:#ffffffeb;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);border-radius:24px;padding:40px 48px;text-align:center;width:340px;box-shadow:0 10px 28px #0003,inset 0 0 0 1px #63b3ed40;animation:_fadeIn_24qy8_1 .9s ease-in-out}._title_24qy8_121{font-size:1.9rem;font-weight:800;color:#1e3a8a;margin-bottom:6px}._subtitle_24qy8_135{color:#475569;font-weight:500;margin-bottom:26px}._form_24qy8_149{display:flex;flex-direction:column;gap:15px}._input_24qy8_163{padding:13px 15px;border-radius:14px;border:2px solid #cbd5e1;font-size:16px;outline:none;transition:border .25s ease,box-shadow .25s ease}._input_24qy8_163:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}._button_24qy8_193{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-weight:700;border:none;border-radius:14px;padding:13px;cursor:pointer;font-size:16px;margin-top:6px;transition:transform .2s ease,box-shadow .25s ease}._button_24qy8_193:hover{transform:translateY(-2px);box-shadow:0 8px 18px #3b82f673}._loginText_24qy8_231{margin-top:18px;font-size:15px;color:#475569}._loginLink_24qy8_243{color:#2563eb;font-weight:600;cursor:pointer;transition:color .25s}._loginLink_24qy8_243:hover{color:#1d4ed8}._error_24qy8_267{background:#ef44441f;color:#b91c1c;font-weight:600;padding:10px 14px;border-radius:12px;font-size:14px;margin-top:4px}@keyframes _fadeIn_24qy8_1{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}._rutaBg_1viha_1{min-height:100vh;background-image:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2Frutalab.webp?alt=media&token=15a345df-6665-4401-ae26-07fc87748aff);padding:40px 20px 80px;position:relative;overflow-x:hidden;font-family:Inter,sans-serif}._btnVolver_1viha_23{position:absolute;top:20px;left:20px;z-index:100;padding:12px 24px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006}._btnVolver_1viha_23:hover{background:#000000e6;transform:translate(-5px);box-shadow:0 6px 20px #0009}._btnVolver_1viha_23:active{transform:translate(-3px) scale(.98)}._rutaHeader_1viha_81{text-align:center;margin-bottom:40px;animation:_fadeInDown_1viha_1 .6s ease}._rutaTitulo_1viha_93{font-size:2.5rem;color:#fff;margin:0 0 10px;text-shadow:0 4px 10px rgba(0,0,0,.5);font-weight:800}._rutaDescripcion_1viha_109{font-size:1.1rem;color:#fffc;margin:0}._puzzleContainer_1viha_123{max-width:1000px;margin:0 auto;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;background:#2d2d44;aspect-ratio:16/9}._puzzleBackground_1viha_149{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;filter:brightness(1.1)}._puzzleGrid_1viha_169{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;background:#00000080;padding:2px}._puzzlePiece_1viha_203{position:relative;background:#fff;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;text-align:center}._puzzlePiece_1viha_203:hover{z-index:10;transform:scale(1.02);box-shadow:0 10px 30px #0000004d}._pieceCompleted_1viha_245{background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}._pieceCompleted_1viha_245:hover{background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}._pieceCompleted_1viha_245 ._pieceTitle_1viha_271{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}._pieceCompleted_1viha_245 ._pieceNumber_1viha_281{background:#10b981;color:#fff}._pieceLocked_1viha_293{background:#e5e7eb;cursor:not-allowed;filter:grayscale(1)}._pieceLocked_1viha_293:hover{transform:none}._pieceContent_1viha_315{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}._pieceHeader_1viha_333{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}._pieceNumber_1viha_281{width:30px;height:30px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 5px #0003}._checkIcon_1viha_377,._lockIcon_1viha_385{font-size:1.2rem}._pieceImageContainer_1viha_393{flex:1;width:100%;max-height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}._pieceImage_1viha_393{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}._puzzlePiece_1viha_203:hover ._pieceImage_1viha_393{transform:scale(1.1)}._pieceCompleted_1viha_245 ._pieceImage_1viha_393{opacity:.8}._pieceTitle_1viha_271{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 10px;line-height:1.2}._progressBarContainer_1viha_463{width:100%}._progressBarLabel_1viha_471{display:flex;justify-content:flex-end;font-size:.75rem;color:#6b7280;margin-bottom:4px;font-weight:600}._pieceCompleted_1viha_245 ._progressBarLabel_1viha_471{color:#d1d5db}._progressBarTrack_1viha_497{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}._pieceCompleted_1viha_245 ._progressBarTrack_1viha_497{background:#ffffff4d}._progressBarFill_1viha_521{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .5s ease}._pieceCompleted_1viha_245 ._progressBarFill_1viha_521{background:#10b981}@keyframes _fadeInDown_1viha_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){._puzzleContainer_1viha_123{aspect-ratio:auto;height:auto}._puzzleGrid_1viha_169{position:relative;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:10px;background:transparent;padding:0}._puzzleBackground_1viha_149{display:none}._puzzlePiece_1viha_203{aspect-ratio:1/1;border-radius:15px}}@media(max-width:480px){._puzzleGrid_1viha_169{grid-template-columns:1fr}._puzzlePiece_1viha_203{aspect-ratio:auto;min-height:200px}}.actividad-pictograma-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-size:cover;background-position:center;display:grid;place-items:center;padding:0;z-index:1000}.actividad-pictograma-modal{width:100%;height:100%;background:transparent;border-radius:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.btn-cerrar-pictograma{position:absolute;top:20px;right:20px;background:#fff3;color:#fff;width:40px;height:40px;border-radius:50%;border:none;font-size:24px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-cerrar-pictograma:hover{background:#fff6;transform:scale(1.1)}.video-container-pictograma{position:absolute;inset:0;width:100%;height:100%;z-index:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.video-player-pictograma{width:100%;height:100%;object-fit:cover}.overlay-controls-pictograma{position:absolute;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease;z-index:30}.btn-comenzar-pictograma{background:radial-gradient(circle at 30% 30%,#667eea,#5a67d8);color:#fff;border:none;padding:20px 40px;border-radius:50px;font-size:24px;font-weight:800;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 10px 30px #667eea66;transition:all .3s ease;animation:pulse 2s infinite}.btn-comenzar-pictograma:hover{transform:scale(1.05)}.overlay-inicio-juego{position:absolute;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:40}.btn-iniciar-clasificacion{background:radial-gradient(circle at 30% 30%,#10b981,#059669);color:#fff;border:none;padding:20px 40px;border-radius:50px;font-size:24px;font-weight:800;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 10px 30px #10b98166;transition:all .3s ease}.btn-iniciar-clasificacion:hover{transform:scale(1.05)}.juego-clasificacion-pictograma{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-y:auto;position:relative;z-index:10}.tabla-pictograma{background:#fffffff2;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 8px 20px #0003;width:95%;max-width:1200px}.titulo-pictograma h2{font-family:Poppins,sans-serif;font-weight:800;font-size:1.8rem;color:#333;text-align:center;margin-bottom:20px}.columnas-pictograma{display:flex;justify-content:space-around;gap:15px;margin-top:20px}.columna-drop{flex:1;min-height:300px;border:3px dashed #667eea;border-radius:12px;padding:15px;background:#667eea0d;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.columna-drop:hover{background:#667eea26;border-color:#5a67d8}.header-columna{font-family:Poppins,sans-serif;font-weight:700;font-size:1rem;color:#667eea;text-align:center;margin-bottom:10px;padding:8px;background:#667eea1a;border-radius:8px;width:100%}.area-iconos{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:200px;padding:10px;flex:1;justify-content:flex-start}.icono-pictograma{font-size:3rem;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.icono-pictograma.medio{position:relative;opacity:.7;font-size:2.5rem}.tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:6px;font-size:.7rem;white-space:nowrap;font-family:Poppins,sans-serif;font-weight:400;opacity:0;transition:opacity .3s}.icono-pictograma.medio:hover .tooltip{opacity:1}.contador-colaciones{font-family:Poppins,sans-serif;font-weight:600;font-size:.9rem;color:#555;text-align:center;margin-top:10px;padding:5px;background:#0000000d;border-radius:6px;width:100%}.leyenda-escala{margin-top:20px;display:flex;justify-content:center}.pegi-explicacion{display:flex;align-items:center;gap:15px;background:#667eea1a;padding:15px 25px;border-radius:50px;border:2px solid #667eea}.pegi-imagen{width:60px;height:60px;object-fit:contain}.globo-texto{font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;color:#333;max-width:400px}.area-colaciones{width:95%;max-width:1200px;margin-bottom:20px}.area-colaciones h3{font-family:Poppins,sans-serif;font-weight:700;font-size:1.3rem;color:#fff;text-align:center;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.tarjetas-colaciones{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px}.tarjeta-colacion{background:#fff;border-radius:12px;padding:15px;width:140px;cursor:grab;box-shadow:0 4px 10px #00000026;transition:transform .2s;text-align:center;display:flex;flex-direction:column;align-items:center}.tarjeta-colacion:active{cursor:grabbing;transform:scale(.95)}.tarjeta-colacion:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000040}.tarjeta-colacion img{width:80px;height:80px;object-fit:contain;margin-bottom:10px}.nombre-colacion{font-family:Poppins,sans-serif;font-weight:600;font-size:.9rem;color:#333;margin-bottom:8px}.sellos-visuales{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:8px}.sello-negro{display:inline-block}.sello-negro img{width:50px;height:50px;object-fit:contain}.btn-verificar-pictograma{background:#10b981;color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.2rem;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 4px #059669;transition:transform .1s;margin-top:20px;z-index:20}.btn-verificar-pictograma:active{transform:translateY(4px);box-shadow:none}.btn-verificar-pictograma:hover{background:#059669}.retro-flotante-pictograma{position:fixed;top:20%;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:15px 30px;border-radius:50px;font-weight:800;font-size:1.2rem;font-family:Poppins,sans-serif;box-shadow:0 10px 25px #0003;animation:slideDown .3s ease;z-index:100}.panel-preguntas-pictograma{display:flex;gap:30px;padding:20px;height:100%;width:100%;position:relative;z-index:10}.pictograma-referencia{flex:1;background:#fffffff2;border-radius:16px;padding:20px;box-shadow:0 8px 20px #0003}.pictograma-referencia h3{font-family:Poppins,sans-serif;font-weight:700;font-size:1.5rem;color:#333;text-align:center;margin-bottom:20px}.columnas-pictograma-mini{display:flex;justify-content:space-around;gap:10px}.columna-mini{flex:1;border:2px solid #667eea;border-radius:10px;padding:10px;background:#667eea0d;display:flex;flex-direction:column;align-items:center}.header-mini{font-family:Poppins,sans-serif;font-weight:600;font-size:.8rem;color:#667eea;text-align:center;margin-bottom:8px}.iconos-mini{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:80px;justify-content:center}.icono-mini{font-size:1.5rem}.icono-mini.medio{font-size:1.2rem;opacity:.7}.contador-mini{font-family:Poppins,sans-serif;font-weight:600;font-size:.8rem;color:#555;margin-top:8px}.pregunta-actual{flex:1;background:#fffffff2;border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 20px #0003}.pregunta-actual h2{font-family:Poppins,sans-serif;font-weight:700;font-size:1.5rem;color:#667eea;margin-bottom:20px;text-align:center}.texto-pregunta{font-family:Poppins,sans-serif;font-weight:600;font-size:1.3rem;color:#333;text-align:center;margin-bottom:30px}.opciones-respuesta{display:flex;flex-direction:column;gap:15px}.btn-opcion-pictograma{background:#667eea;color:#fff;border:none;padding:15px 25px;border-radius:12px;font-size:1.1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px #5a67d8}.btn-opcion-pictograma:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 6px #4c51bf}.btn-opcion-pictograma:active{transform:translateY(4px);box-shadow:none}.pantalla-final-pictograma{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center;padding:40px;background:#000000b3;position:relative;z-index:10}.pantalla-final-pictograma h1{font-family:Poppins,sans-serif;font-size:3rem;font-weight:800;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pantalla-final-pictograma p{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:30px}.resumen-resultados{background:#ffffff1a;padding:20px 40px;border-radius:16px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resumen-resultados p{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600}.resumen-resultados strong{color:#10b981;font-size:1.5rem}.botones-finales-pictograma{display:flex;gap:20px;margin-top:20px}.btn-reiniciar-pictograma,.btn-salir-pictograma{padding:12px 24px;border-radius:12px;border:none;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-reiniciar-pictograma{background:#3b82f6;color:#fff;box-shadow:0 4px #2563eb}.btn-reiniciar-pictograma:hover{background:#2563eb}.btn-reiniciar-pictograma:active{transform:translateY(4px);box-shadow:none}.btn-salir-pictograma{background:#ef4444;color:#fff;box-shadow:0 4px #dc2626}.btn-salir-pictograma:hover{background:#dc2626}.btn-salir-pictograma:active{transform:translateY(4px);box-shadow:none}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:1024px){.panel-preguntas-pictograma{flex-direction:column}.pictograma-referencia{max-height:300px}}@media(max-width:768px){.columnas-pictograma{flex-wrap:wrap;gap:10px}.columna-drop{min-width:45%;min-height:200px}.tarjetas-colaciones{gap:10px;padding:15px}.tarjeta-colacion{width:120px}.titulo-pictograma h2{font-size:1.3rem}.area-colaciones h3{font-size:1.1rem}.btn-comenzar-pictograma,.btn-iniciar-clasificacion{font-size:18px;padding:15px 30px}.pantalla-final-pictograma h1{font-size:2rem}.pantalla-final-pictograma p{font-size:1.2rem}}@media(max-width:480px){.columnas-pictograma{flex-direction:column}.columna-drop{min-width:100%;min-height:150px}.tarjeta-colacion{width:100px}.tarjeta-colacion img{width:60px;height:60px}.pegi-explicacion{flex-direction:column;text-align:center}.globo-texto{font-size:.9rem}}.juego-con-pegi-layout{width:100%;height:100%;display:flex;flex-direction:row;position:relative}.pegi-panel-lateral{width:25%;height:100%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.pegi-contenedor-animado{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.pegi-imagen-grande{width:300px;height:300px;object-fit:contain;animation:pegiFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.pegi-dialogo-flotante{width:100%;display:flex;justify-content:center}.dialogo-bubble{background:#fff;padding:20px;border-radius:20px;position:relative;box-shadow:0 8px 20px #0003;font-family:Poppins,sans-serif;font-weight:600;font-size:1.1rem;color:#333;text-align:center;max-width:280px;animation:bubblePulse 2s ease-in-out infinite}.dialogo-bubble:before{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid white}.area-juego-principal{width:75%;height:100%;position:relative;overflow-y:auto;display:flex;flex-direction:column}@keyframes pegiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bubblePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pegi-final-grande{width:200px;height:200px;object-fit:contain;margin-bottom:20px;animation:pegiFloat 3s ease-in-out infinite}.tarjeta-colacion{touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tarjeta-colacion:active{cursor:grabbing}@media(max-width:768px){.tarjeta-colacion{min-width:100px;min-height:120px;padding:15px}.columna-drop{min-height:200px;padding:15px}}:root{--pegi-azul-claro: #A8D8EA;--pegi-azul: #5DADE2;--pegi-amarillo: #F9E79F;--pegi-verde: #82E0AA;--pegi-blanco: #F8F9FA;--pegi-gris: #E8E8E8}.actividad-vitamina-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-size:cover;background-position:center;background-color:var(--pegi-azul-claro);display:grid;place-items:center;padding:0;z-index:1000}.actividad-vitamina-modal{width:100%;height:100%;background:transparent;border-radius:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.btn-cerrar-vitamina{position:absolute;top:20px;right:20px;background:#ffffff4d;color:#fff;width:45px;height:45px;border-radius:50%;border:none;font-size:24px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003}.btn-cerrar-vitamina:hover{background:#ffffff80;transform:scale(1.1)}.video-container-vitamina{position:absolute;inset:0;width:100%;height:100%;z-index:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.video-player-vitamina{width:100%;height:100%;object-fit:cover}.overlay-controls-vitamina{position:absolute;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease;z-index:30}.btn-comenzar-vitamina{background:radial-gradient(circle at 30% 30%,var(--pegi-amarillo),#F4D03F);color:#333;border:none;padding:20px 40px;border-radius:50px;font-size:26px;font-weight:800;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 10px 30px #f4d03f80;transition:all .3s ease;animation:pulse 2s infinite;border:3px solid var(--pegi-azul)}.btn-comenzar-vitamina:hover{transform:scale(1.05)}.area-juego-vitamina{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-y:auto;position:relative;z-index:10}.barra-progreso-container{background:#fff;border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 8px 20px #00000026;width:95%;max-width:900px;border:4px solid var(--pegi-azul)}.pegi-cesta{display:flex;align-items:center;gap:20px;margin-bottom:20px}.pegi-imagen{width:90px;height:90px;object-fit:contain;animation:bounce 2s infinite}.cesta{display:flex;gap:10px;padding:15px 20px;background:var(--pegi-blanco);border:3px dashed var(--pegi-azul);border-radius:16px;min-width:250px;min-height:70px;align-items:center;flex-wrap:wrap}.fruta-en-cesta{width:50px;height:50px;object-fit:contain;animation:popIn .4s ease}.barra-progreso{position:relative;margin-bottom:15px}.barra-fondo{width:100%;height:45px;background:var(--pegi-gris);border-radius:25px;overflow:hidden;border:3px solid var(--pegi-azul);box-shadow:inset 0 2px 5px #0000001a}.barra-relleno{height:100%;background:linear-gradient(90deg,var(--pegi-amarillo),var(--pegi-verde));transition:width .6s ease;border-radius:25px;box-shadow:0 0 10px #82e0aa80}.barra-texto{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:800;font-size:1.3rem;color:#333;text-shadow:0 0 5px white,0 0 10px white;font-family:Poppins,sans-serif}.instruccion-seleccion{text-align:center;font-family:Poppins,sans-serif;font-weight:700;font-size:1.2rem;color:var(--pegi-azul);background:var(--pegi-amarillo);padding:10px 20px;border-radius:20px;display:inline-block;margin:0 auto}.grid-frutas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;width:95%;max-width:1000px}.tarjeta-fruta{background:#fff;border:4px solid var(--pegi-azul-claro);border-radius:20px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 10px #0000001a}.tarjeta-fruta:hover:not(.deshabilitada):not(.seleccionada){transform:translateY(-8px);box-shadow:0 12px 25px #5dade266;border-color:var(--pegi-azul)}.tarjeta-fruta.seleccionada{background:var(--pegi-azul-claro);border-color:var(--pegi-azul);transform:scale(.95);box-shadow:inset 0 4px 8px #0000001a}.tarjeta-fruta.deshabilitada{opacity:.3;cursor:not-allowed;filter:grayscale(100%)}.imagen-fruta{width:100px;height:100px;object-fit:contain}.nombre-fruta{font-family:Poppins,sans-serif;font-weight:700;font-size:1.1rem;color:#333;text-align:center}.valor-vitamina{background:var(--pegi-amarillo);padding:8px 18px;border-radius:20px;font-weight:800;font-size:1rem;color:#333;font-family:Poppins,sans-serif;border:2px solid var(--pegi-azul)}.resultado-vitamina{position:absolute;inset:0;background:#a8d8eaf2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;z-index:50;animation:fadeIn .5s ease}.pegi-resultado{width:150px;height:150px;object-fit:contain;margin-bottom:20px;animation:bounce 1s infinite}.resultado-exitoso,.resultado-fallido{background:#fff;border-radius:30px;padding:40px;text-align:center;box-shadow:0 10px 30px #0003;max-width:600px;border:5px solid var(--pegi-azul)}.resultado-exitoso h2,.resultado-fallido h2{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:800;color:var(--pegi-azul);margin-bottom:20px}.resultado-exitoso p,.resultado-fallido p{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600;color:#333;margin:10px 0}.resultado-exitoso strong,.resultado-fallido strong{color:var(--pegi-azul);font-size:1.5rem}.escudo-animado{font-size:6rem;margin:20px 0;animation:bounce 1s infinite}.texto-escudo{color:var(--pegi-verde);font-weight:800;font-size:1.4rem}.botones-resultado{display:flex;gap:20px;margin-top:30px}.btn-continuar,.btn-reintentar,.btn-salir{padding:15px 30px;border-radius:25px;border:none;font-weight:800;font-family:Poppins,sans-serif;cursor:pointer;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px #0003}.btn-continuar{background:var(--pegi-verde);color:#fff}.btn-continuar:hover{background:#6dd5a0;transform:translateY(-2px);box-shadow:0 6px #0003}.btn-reintentar{background:var(--pegi-amarillo);color:#333}.btn-reintentar:hover{background:#f4d03f;transform:translateY(-2px);box-shadow:0 6px #0003}.btn-salir{background:#e74c3c;color:#fff}.btn-salir:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 6px #0003}.btn-continuar:active,.btn-reintentar:active,.btn-salir:active{transform:translateY(4px);box-shadow:none}.pantalla-final-vitamina{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center;padding:40px;background:#5dade2e6;position:relative;z-index:10}.pantalla-final-vitamina h1{font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.3)}.pantalla-final-vitamina p{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:600;margin-bottom:40px}.botones-finales{display:flex;gap:20px}.btn-reiniciar-final,.btn-salir-final{padding:15px 35px;border-radius:25px;border:none;font-weight:800;font-family:Poppins,sans-serif;cursor:pointer;font-size:1.2rem;transition:all .3s ease;box-shadow:0 4px #0000004d}.btn-reiniciar-final{background:var(--pegi-amarillo);color:#333}.btn-reiniciar-final:hover{background:#f4d03f;transform:translateY(-2px)}.btn-salir-final{background:#fff;color:var(--pegi-azul)}.btn-salir-final:hover{background:var(--pegi-blanco);transform:translateY(-2px)}.btn-reiniciar-final:active,.btn-salir-final:active{transform:translateY(4px);box-shadow:none}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1024px){.grid-frutas{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-frutas{grid-template-columns:repeat(2,1fr);gap:15px}.tarjeta-fruta{padding:15px}.imagen-fruta{width:80px;height:80px}.pegi-cesta{flex-direction:column;align-items:flex-start}.cesta{min-width:100%}.btn-comenzar-vitamina{font-size:20px;padding:15px 30px}.resultado-exitoso h2,.resultado-fallido h2{font-size:2rem}.pantalla-final-vitamina h1{font-size:2.5rem}}@media(max-width:480px){.grid-frutas{grid-template-columns:repeat(2,1fr);gap:10px}.tarjeta-fruta{padding:10px}.imagen-fruta{width:60px;height:60px}.nombre-fruta{font-size:.9rem}.valor-vitamina{font-size:.9rem;padding:6px 12px}.botones-resultado,.botones-finales{flex-direction:column;width:100%}.btn-continuar,.btn-reintentar,.btn-salir,.btn-reiniciar-final,.btn-salir-final{width:100%}}._joinBg_17w2c_3{position:relative;width:100%;height:100vh;background:url(https://firebasestorage.googleapis.com/v0/b/pegistorage.firebasestorage.app/o/Fondos%2Fpasillocentralnew.webp?alt=media&token=69c9a2c0-f3a0-4f7c-a083-220a8340e8b9) center center / cover no-repeat;overflow:hidden;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center}._joinBg_17w2c_3:before{content:"";position:absolute;inset:0;background:#0206178c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._joinCard_17w2c_47{position:relative;z-index:1;width:100%;max-width:420px;padding:32px 28px;background:#0f172abf;border-radius:18px;box-shadow:0 25px 60px #00000073;color:#f8fafc;animation:_cardFadeIn_17w2c_1 .45s ease-out forwards}._title_17w2c_75{margin:0;font-size:1.6rem;font-weight:700;text-align:center}._subtitle_17w2c_89{margin:6px 0 24px;text-align:center;font-size:.9rem;opacity:.85}._form_17w2c_105{display:flex;flex-direction:column;gap:16px}._input_17w2c_119{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#0206178c;color:#f9fafb;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;text-align:center;transition:border .25s ease,box-shadow .25s ease}._input_17w2c_119::placeholder{color:#94a3b8;letter-spacing:normal;text-transform:none}._input_17w2c_119:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}._button_17w2c_173{margin-top:6px;padding:14px;border-radius:999px;border:none;background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#020617;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}._button_17w2c_173:hover{transform:translateY(-2px);box-shadow:0 12px 30px #38bdf873}._button_17w2c_173:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}._error_17w2c_225{font-size:.85rem;color:#fca5a5;text-align:center;background:#7f1d1d59;padding:8px 12px;border-radius:10px}._hud_17w2c_245{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:1;text-align:center;color:#f1f5f9;font-size:.85rem;padding:6px 14px;background:#0f172a73;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 20px #00000059;animation:_hudFadeIn_17w2c_1 .6s ease-out forwards}@keyframes _cardFadeIn_17w2c_1{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _hudFadeIn_17w2c_1{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:480px){._joinCard_17w2c_47{margin:0 16px;padding:26px 22px}._title_17w2c_75{font-size:1.4rem}._subtitle_17w2c_89{font-size:.85rem}}