/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--leading-snug:1.375;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.w-2{width:calc(var(--spacing)*2)}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#64c27b\]{border-color:#64c27b}.bg-white{background-color:var(--color-white)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.text-\[\#64c27b\]{color:#64c27b}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-\[\#64c27b\]:hover{background-color:#64c27b}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-orange: #8B7355;--primary-orange-hover: #6D5A43;--text-dark: #333333;--text-gray: #666666;--text-light: #999999;--bg-white: #FFFFFF;--bg-light: #FAFAFA;--border-light: #E8E8E8;--success-green: #4CAF50;--error-red: #E53935;--blank-gray: #9E9E9E}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#111;color:var(--text-dark);overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-width:auto;scrollbar-color:#8B7355 #e0e0e0;max-width:100vw;box-sizing:border-box;min-height:100vh}*,*:before,*:after{box-sizing:border-box}html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px!important;display:block!important}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#e0e0e0;border-radius:6px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#8b7355;border-radius:6px;border:2px solid #e0e0e0}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#6d5a43}#root{overflow:visible}.app-container{min-height:auto;background:var(--bg-light)}.screen{min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;padding-bottom:100px}.home-screen{background:#fff;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.home-screen>.site-footer{margin-top:auto;flex-shrink:0}.home-icon{margin-bottom:.75rem;animation:float 3s ease-in-out infinite}.home-logo-circle{width:100px;height:100px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 4px 12px #00000026}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.home-screen h1,.home-screen .home-title{font-size:1.4rem;color:var(--text-dark);margin-bottom:.25rem;text-align:center;font-weight:600}.subtitle{font-size:.85rem;color:var(--text-light);margin-bottom:1.25rem;text-align:center}@media(max-width:768px){.home-logo-circle{width:70px;height:70px;padding:14px}.home-icon{margin-bottom:.5rem}.home-screen h1,.home-screen .home-title{font-size:1.15rem;margin-bottom:.2rem}.subtitle{font-size:.8rem;margin-bottom:1rem}}@media(min-width:769px){.home-logo-circle{width:180px;height:180px;padding:36px}.home-icon{margin-bottom:1.5rem}.home-screen h1,.home-screen .home-title{font-size:2.4rem;margin-bottom:.6rem}.subtitle{font-size:1.2rem;margin-bottom:2rem}}.teachable-welcome{background:var(--bg-light);color:var(--text-dark);padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;font-weight:500;text-align:center;border:1px solid var(--border-light);width:100%;max-width:400px}.teachable-welcome small{color:var(--text-light);font-weight:400;font-size:.85rem}.home-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px;margin-bottom:2rem}.prominent-test-button{background:var(--primary-orange)!important;border-color:var(--primary-orange)!important;color:#fff!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;padding:1rem 1.5rem!important}.prominent-test-button:hover{background:#e66a00!important;border-color:#e66a00!important}.prominent-test-button .button-icon{background:#fff3!important;color:#fff!important;margin:0!important}.free-badge{background:#22c55e;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.pro-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.locked-button{opacity:.85;background:#fff!important;border:1px solid var(--border-light)!important;color:var(--text-gray)!important;cursor:pointer;position:relative}.locked-button:hover{opacity:1;background:var(--bg-light)!important;border-color:var(--primary-orange)!important}.locked-button .button-icon{background:var(--primary-orange)!important;color:#fff!important}.pro-feature-notice{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);border:1px solid var(--border-light);border-radius:8px;padding:.75rem 1rem;margin-top:.75rem;font-size:.85rem;color:var(--text-gray);cursor:pointer;transition:all .2s ease}.pro-feature-notice:hover{background:#fff;border-color:var(--primary-orange);transform:translateY(-1px)}.pro-feature-notice svg{flex-shrink:0;color:var(--primary-orange)}.pro-feature-notice strong{color:var(--primary-orange)}.accordion-header.no-expand{cursor:default}.accordion-header.no-expand:hover{background:#fff}.accordion-lock{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-orange);color:#fff;border-radius:50%;margin-left:auto;cursor:pointer;transition:all .2s ease}.accordion-lock:hover{transform:scale(1.1);box-shadow:0 2px 8px #8b735566}.accordion-lock svg{flex-shrink:0}.user-position-card{width:100%;max-width:700px;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;border-left:4px solid var(--primary-orange)}.user-position-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem;font-size:.95rem}.user-position-icon{width:20px;height:20px;color:var(--primary-orange)}.user-position-content{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.user-position-number{font-size:2rem;font-weight:700;color:var(--primary-orange)}.user-position-detail{font-size:.9rem;color:var(--text-gray)}.user-position-content.not-qualified{flex-direction:column;gap:.25rem}.user-position-status{font-size:1.1rem;font-weight:600;color:var(--text-gray)}.user-position-reason{font-size:.85rem;color:var(--text-light);line-height:1.4}.leaderboard-requirement{font-size:.8rem;color:var(--text-light);text-align:center;margin-bottom:1rem;font-style:italic}.leaderboard-section{width:100%;max-width:950px;margin-top:1rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.leaderboard-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.3rem;color:#333;margin-bottom:1rem;font-weight:600}.leaderboard-icon{font-size:1.5rem}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.9rem}.leaderboard-table thead{background:#f8f9fa}.leaderboard-table th{padding:.75rem .5rem;text-align:center;font-weight:600;color:#666;font-size:.8rem;text-transform:uppercase;border-bottom:2px solid #e9ecef}.leaderboard-table th.user-col{text-align:left;padding-left:1rem}.leaderboard-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.leaderboard-table th.sortable:hover{background-color:#e9ecef}.sort-icon{font-size:.65rem;margin-left:4px;opacity:.3;transition:opacity .2s ease}.sort-icon.active{opacity:1;color:var(--primary-orange)}.leaderboard-table th.sortable:hover .sort-icon{opacity:.6}.leaderboard-table td{padding:.75rem .5rem;text-align:center;border-bottom:1px solid #f0f0f0}.leaderboard-table tbody tr:hover{background:#fafafa}.leaderboard-table tbody tr.top-1{background:linear-gradient(90deg,#f5f0eb,#fff)}.leaderboard-table tbody tr.top-2{background:linear-gradient(90deg,#f5f5f5,#fff)}.leaderboard-table tbody tr.top-3{background:linear-gradient(90deg,#fff5f0,#fff)}.rank-cell{font-weight:700;color:#333;width:40px}.medal{font-size:1.2rem}.medal-icon{width:24px;height:24px;display:inline-block}.medal-icon.gold{color:gold;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.medal-icon.silver{color:silver;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.medal-icon.bronze{color:#cd7f32;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.user-position-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.user-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.user-stat-value{font-size:1.1rem;font-weight:700;color:var(--primary-orange)}.user-stat-label{font-size:.7rem;color:var(--text-gray);text-transform:uppercase;margin-top:.25rem}@media(max-width:480px){.user-position-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.user-stat-value{font-size:.95rem}.user-stat-label{font-size:.6rem}}.user-cell{text-align:left!important;padding-left:1rem!important;font-weight:500;color:#333;min-width:140px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-cell{font-size:.8rem;color:#555;min-width:120px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-col{font-size:.8rem;min-width:120px}.tests-cell{color:#666}.correct-cell{color:#4caf50;font-weight:600}.incorrect-cell{color:#e53935;font-weight:600}.score-cell{font-weight:700;color:var(--primary-orange)}.questions-cell{color:#666;font-weight:500}.avg-score-cell{color:#666}.wilson-cell{font-weight:700;color:var(--primary-orange);background:#8b735514}.show-more-button{display:block;width:100%;padding:.75rem 1rem;margin-top:1rem;background:transparent;border:1px dashed var(--primary-orange);border-radius:8px;color:var(--primary-orange);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.show-more-button:hover{background:#8b73551a;border-style:solid}.trend-cell{width:100px}.trend-dots{display:flex;justify-content:center;gap:4px}.trend-dot{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.trend-dot.correct{background:#4caf50}.trend-dot.correct:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.trend-dot.incorrect{background:#e53935}.trend-dot.incorrect:after{content:"✗";color:#fff;font-size:10px;font-weight:700}.trend-dot.neutral{background:#9e9e9e}.trend-dot.neutral:after{content:"−";color:#fff;font-size:10px;font-weight:700}.no-data-text{text-align:center;color:#999;padding:2rem}@media(max-width:600px){.leaderboard-table{font-size:.8rem}.leaderboard-table th,.leaderboard-table td{padding:.5rem .25rem}.user-cell{max-width:80px}.trend-dot{width:12px;height:12px}.trend-dot:after{font-size:8px!important}}.primary-button{background:var(--primary-orange);color:#fff;border:none;padding:.875rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-button:hover{background:var(--primary-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8b73554d}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:#fff;color:var(--text-dark);border:1px solid var(--border-light);padding:.875rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.secondary-button:hover{background:var(--bg-light);border-color:var(--text-light)}.secondary-button.icon-button{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-left:1.5rem;text-align:left}.button-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;background:#e8f4fd;border-radius:50%;color:#6b8aff;flex-shrink:0}.button-icon svg{width:18px;height:18px}.leaderboard-screen{background:var(--bg-light);padding:2rem;padding-bottom:120px;min-height:auto;max-width:1000px;width:100%;margin:0 auto}.leaderboard-screen .section-title{justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.leaderboard-screen .leaderboard-section{margin-top:0;margin-bottom:2rem}.leaderboard-screen .primary-button{display:block;margin:0 auto;max-width:300px}.select-screen{background:#fff;max-width:95%;width:100%;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;margin:0 auto}@media(min-width:1024px){.select-screen{max-width:1200px}}.select-screen h2{font-size:1.8rem;color:#333;margin-bottom:2rem}.question-counter-container{width:100%;max-width:500px;margin:2rem auto;text-align:center}.question-counter-label{font-size:1rem;color:var(--text-gray);margin-bottom:1.5rem}.question-counter{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.counter-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--text-gray);font-size:2rem;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.counter-btn:hover:not(:disabled){color:var(--primary-orange)}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{font-size:3rem;font-weight:400;color:var(--text-dark);min-width:80px;border-bottom:2px solid var(--border-light);padding-bottom:.25rem}.slider-modern{width:100%;height:4px;border-radius:2px;background:var(--border-light);outline:none;-webkit-appearance:none;margin-top:.5rem}.slider-modern::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-orange);cursor:pointer;box-shadow:0 2px 6px #8b735566}.slider-modern::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-orange);cursor:pointer;border:none;box-shadow:0 2px 6px #8b735566}.immediate-feedback-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:12px}.immediate-feedback-toggle .toggle-label{font-size:.9rem;color:var(--text-gray);font-weight:500}.toggle-switch{position:relative;display:flex;align-items:center;width:56px;height:28px;background:#ccc;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;padding:0}.toggle-switch.active{background:var(--primary-orange)}.toggle-switch .toggle-slider{position:absolute;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider{transform:translate(28px)}.toggle-switch .toggle-text{display:none}.toggle-status{font-size:.85rem;font-weight:600;color:var(--text-gray);min-width:28px}.toggle-help-text{font-size:.8rem;color:#6c757d;text-align:center;margin:.5rem 0 0;line-height:1.4;font-style:italic}.slider-container{width:100%;margin:2rem 0}.slider-value{text-align:center;font-size:2rem;font-weight:700;color:var(--primary-orange);margin-bottom:1.5rem}.slider{width:100%;height:6px;border-radius:5px;background:#e0e0e0;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-orange);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-orange);cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;color:#999}.test-type-container{width:100%;margin:2rem 0}.test-type-container h3{font-size:1.2rem;color:#333;margin-bottom:1rem}.test-type-options{display:flex;gap:1rem}.test-type-button{flex:1;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.test-type-button:hover{border-color:#9b7653;background:#f5f0eb}.test-type-button.active{background:#fff;border-color:#9b7653;border-width:2px;color:#9b7653;font-weight:700}.review-modes-title{margin-top:1.5rem;margin-bottom:.75rem;font-size:1rem;color:#666;font-weight:500}.review-options{margin-top:0}.category-selection{width:100%;margin:2rem 0;max-height:450px;overflow-y:auto;border:1px solid var(--border-light);border-radius:8px;background:#fff}.category-selection h3{font-size:1rem;color:var(--text-gray);margin-bottom:0;padding:1rem;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid var(--border-light)}.category-block{border-bottom:1px solid var(--border-light)}.category-block:last-child{border-bottom:none}.category-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--text-dark);padding:1rem;transition:background .2s}.category-checkbox:hover{background:var(--bg-light)}.category-checkbox input[type=checkbox]{display:none}.category-checkbox:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--primary-orange);flex-shrink:0}.category-name{font-size:1rem;color:var(--text-dark)}.temas-list{padding:.5rem 1rem 1rem 2.5rem;display:flex;flex-direction:column;gap:0}.tema-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;background:transparent;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s;font-size:.95rem}.tema-checkbox:last-child{border-bottom:none}.tema-checkbox:hover{background:transparent}.tema-checkbox input[type=checkbox]{display:none}.tema-checkbox:before{content:"";width:10px;height:10px;border-radius:2px;background:var(--primary-orange);flex-shrink:0}.tema-checkbox input[type=checkbox]:checked+.tema-name{font-weight:600;color:var(--text-dark)}.tema-name{color:var(--text-dark)}.category-selection-new{width:100%;margin:2rem 0;max-height:500px;overflow-y:auto;border:1px solid var(--primary-orange);border-radius:8px;background:#fff}.category-selection-new h3{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;margin:0;background:#fff}.category-search-container{position:relative;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--border-light)}.category-search-container.standalone{background:transparent;border:none;padding:0;margin-bottom:1.5rem;width:100%;max-width:100%;display:block}.category-search-container.standalone.loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.1rem 2rem;background:#fff;border:2px solid var(--border-light);border-radius:16px;box-shadow:0 4px 16px #00000014}.category-search-container.standalone .search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--primary-orange);pointer-events:none;z-index:1}.category-search-container.standalone .category-search-input{width:100%;padding:1.1rem 3.5rem;font-size:1.1rem;border:2px solid var(--border-light);border-radius:16px;background:#fff;box-shadow:0 4px 16px #00000014;transition:all .25s ease}.category-search-container.standalone .category-search-input::placeholder{color:#999;font-weight:400}.category-search-container.standalone .category-search-input:focus{border-color:var(--primary-orange);box-shadow:0 4px 20px #9b765333;outline:none}.category-search-container.standalone .category-search-input:focus+.search-icon,.category-search-container.standalone:focus-within .search-icon{color:var(--primary-orange)}.category-search-container.standalone .category-search-clear{right:1.25rem;font-size:1.5rem;color:#999;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.category-search-container.standalone .category-search-clear:hover{background:var(--bg-light);color:var(--text-dark)}.category-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;background:var(--bg-light);color:var(--text-dark);transition:border-color .2s,box-shadow .2s}.category-search-input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #9b76531a}.category-search-input::placeholder{color:var(--text-light)}.category-search-clear{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.category-search-clear:hover{color:var(--text-dark)}.loading-accordion{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;gap:1.25rem}.loading-accordion .loading-dots{display:flex;gap:.5rem;align-items:center}.loading-accordion .loading-dot{width:10px;height:10px;background-color:var(--primary-orange);border-radius:50%;animation:loadingPulse 1.4s ease-in-out infinite}.loading-accordion .loading-dot:nth-child(1){animation-delay:0s}.loading-accordion .loading-dot:nth-child(2){animation-delay:.2s}.loading-accordion .loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-accordion span{font-size:.9rem;font-weight:500;color:var(--text-medium)}.accordion-group{border-bottom:1px solid var(--border-light)}.accordion-group:last-child{border-bottom:none}.accordion-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;color:var(--text-dark);cursor:pointer;transition:all .2s;font-weight:500;font-size:1rem}.accordion-header:hover{background:var(--bg-light)}.accordion-header.expanded{background:#fff}.accordion-indicator{width:12px;height:12px;border-radius:3px;flex-shrink:0}.accordion-group:nth-child(8n+1) .accordion-indicator{background:#c4a982}.accordion-group:nth-child(8n+2) .accordion-indicator{background:#87ceeb}.accordion-group:nth-child(8n+3) .accordion-indicator{background:#98d8c8}.accordion-group:nth-child(8n+4) .accordion-indicator{background:plum}.accordion-group:nth-child(8n+5) .accordion-indicator{background:#d4c4a8}.accordion-group:nth-child(8n+6) .accordion-indicator{background:#ffb6c1}.accordion-group:nth-child(8n+7) .accordion-indicator{background:#b0c4de}.accordion-group:nth-child(8n) .accordion-indicator{background:#deb887}.accordion-header:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--primary-orange);flex-shrink:0}.accordion-header:has(.accordion-indicator):before{display:none}.accordion-icon{font-size:.9rem;transition:transform .3s;display:inline-block;width:20px}.accordion-arrow{color:var(--text-light);font-size:.85rem;margin-left:auto}.accordion-title{flex:1}.accordion-header.sub-level{font-size:.95rem}.accordion-indicator.sub{width:10px;height:10px}.accordion-content{background:#f2ebe3;padding:.5rem}.accordion-subgroup{margin:.5rem 0;border-radius:6px;overflow:hidden;background:#fff}.accordion-subheader{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#e8ded0;color:#333;cursor:pointer;transition:all .2s;font-weight:600}.accordion-subheader:hover,.accordion-subheader.expanded{background:#ddc9b8}.accordion-subtitle{flex:1;font-size:1rem}.accordion-items{padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fff}.tema-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;width:100%;box-sizing:border-box}.tema-item:hover{background:#f2ebe3;border-color:#9b7653}.tema-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#9B7653}.tema-item input[type=checkbox]:checked~span{font-weight:600;color:#9b7653}.tema-item.tema-locked{opacity:.7;cursor:pointer}.tema-item.tema-locked input[type=checkbox]{cursor:not-allowed;opacity:.5}.tema-item.tema-locked:hover{background:#f5f5f5;border-color:var(--border-light)}.tema-lock-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--primary-orange);color:#fff;border-radius:50%;margin-left:auto;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tema-lock-icon:hover{transform:scale(1.1);box-shadow:0 2px 8px #8b735566}.tema-lock-icon svg{width:12px;height:12px}.button-group{display:flex;gap:1rem;margin-top:2rem;margin-bottom:2rem;padding-bottom:20px}.loading-screen{background:#fff;min-height:100vh}.loading-spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#666;font-size:1.1rem}.question-checkbox-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#f9f9f9;border-radius:6px;cursor:pointer;transition:background .2s}.question-checkbox-item:hover{background:#f0f0f0}.question-checkbox-item input[type=checkbox]{margin-top:2px;flex-shrink:0}.question-preview{font-size:.9rem;color:#555;line-height:1.4}.select-all-container{padding:1rem;background:#f5f5f5;border-radius:8px;margin-bottom:1rem}.select-all-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:#333}.selected-count{text-align:center;color:var(--primary-orange);font-weight:600;margin-top:1rem;padding:.75rem;background:#f5f0eb;border-radius:6px}.no-questions-text{text-align:center;color:#4caf50;font-size:1.1rem;padding:2rem}.accordion-header input[type=checkbox]{flex-shrink:0;width:18px;height:18px;cursor:pointer}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;padding:1rem;margin-bottom:1rem;color:#c33}.test-container{min-height:auto;background:#f9f9f9;display:flex;flex-direction:column}.test-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 8px #0000001a;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left{flex:0 0 auto}.exit-button{background:transparent;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;font-size:.95rem;color:#666;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.exit-button:hover{background:#f5f5f5;color:#333}.exit-icon{font-size:1.2rem}.header-center{flex:1;display:flex;flex-direction:column;gap:.5rem}.progress-indicator{text-align:center;font-size:.9rem;color:#666}.answered-count{font-weight:700;color:#333;font-size:1.1rem}.total-count{color:#999}.progress-bar-horizontal{width:100%;height:6px;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-fill-horizontal{height:100%;background:linear-gradient(90deg,#6d5a43,#8b7355);transition:width .3s ease}.header-right{flex:0 0 auto;display:flex;align-items:center;gap:1rem}.timer{font-size:1.1rem;font-weight:600;color:#333;min-width:60px;text-align:center}.pause-button{background:transparent;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pause-button:hover{background:#f5f5f5}.finish-button{background:var(--primary-orange);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.finish-button:hover{background:var(--primary-orange-hover);transform:translateY(-1px)}.finish-bottom-container{display:flex;justify-content:center;padding:1rem;margin-top:1rem;margin-bottom:80px;border-top:2px solid #f0f0f0}.finish-bottom-button{background:var(--primary-orange);color:#fff;border:none;padding:.875rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.finish-bottom-button:hover{background:var(--primary-orange-hover);transform:translateY(-1px)}.test-content{flex:1;max-width:100%;width:100%;margin:0 auto;padding:1.5rem;background:var(--bg-light)}@media(min-width:768px){.test-content{max-width:900px;padding:2rem}}@media(min-width:1200px){.test-content{max-width:1000px;padding:2rem 3rem}}.question-block{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--border-light)}.question-header{display:flex;gap:.75rem;margin-bottom:1.25rem}.question-number{font-weight:600;color:var(--text-dark);font-size:1rem;flex-shrink:0}.question-text{flex:1;font-size:1rem;color:var(--text-dark);line-height:1.6}.options-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.option-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left;font-size:.95rem}.option-item:hover{background:var(--bg-light)}.option-item.selected{background:#fff;border-color:var(--primary-orange);border-width:2px}.option-letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--bg-light);border-radius:50%;font-weight:500;font-size:.8rem;color:var(--text-gray);flex-shrink:0;margin-top:2px}.option-item.selected .option-letter{background:var(--primary-orange);color:#fff}.option-item.wrong-selected{background:#ffebee;border-color:#f44336;border-width:2px}.option-item.wrong-selected .option-letter{background:#f44336;color:#fff}.option-item.correct-option{background:#e8f5e9;border-color:#4caf50;border-width:2px}.option-item.correct-option .option-letter{background:#4caf50;color:#fff}.option-item.disabled-option{opacity:.5;cursor:not-allowed}.option-item:disabled{cursor:not-allowed}.option-item:disabled:hover{background:inherit}.feedback-icon{margin-left:auto;font-weight:700;font-size:1.1rem}.feedback-icon.correct{color:#4caf50}.feedback-icon.wrong{color:#f44336}.immediate-explanation{margin-top:1rem;padding:1rem;background:#f5f0eb;border-radius:8px;border-left:4px solid var(--primary-orange)}.immediate-explanation .explanation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:var(--primary-orange)}.immediate-explanation .explanation-header svg{width:18px;height:18px}.immediate-explanation .explanation-text{color:var(--text-dark);font-size:.9rem;line-height:1.6;margin:0}.option-content{flex:1;color:var(--text-dark);line-height:1.5}.question-footer{padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--border-light)}.question-theme{font-size:.8rem;color:var(--text-light)}.results-screen{background:var(--bg-light);max-width:100%;margin:0 auto;padding:1rem 2rem 2rem;justify-content:flex-start}@media(min-width:768px){.results-screen{max-width:800px;padding:2rem 3rem}}@media(min-width:1200px){.results-screen{max-width:900px}}.results-screen h2{font-size:1.5rem;color:var(--text-dark);text-align:left;margin-bottom:1.5rem;font-weight:600}.results-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;gap:.75rem}.results-header h2{margin:0;font-size:1.5rem}.results-header-top{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px}.results-new-test-btn{padding:.5rem 1rem;background:var(--primary-brown);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.results-new-test-btn:hover{background:var(--secondary-brown)}.results-legend{display:flex;gap:1.5rem;align-items:center;font-size:.9rem;color:var(--text-gray);flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.correct{background:var(--success-green)}.legend-dot.incorrect{background:var(--error-red)}.legend-dot.blank{background:var(--blank-gray)}.time-legend{color:var(--text-light)}.results-card{background:#fff;border-radius:8px;padding:2rem 2.5rem;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;width:100%;overflow:hidden;box-sizing:border-box}@media(max-width:480px){.results-card{padding:1.25rem 1rem}}.results-scores{display:flex;gap:5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.score-block{display:flex;flex-direction:column}.score-label{font-size:.85rem;color:var(--text-light);margin-bottom:.25rem}.score-value{font-size:1.75rem;font-weight:400;color:var(--text-dark)}.score-block-main .score-value{font-size:2.25rem;font-weight:600;color:var(--primary-orange)}.score-explanation{background:#f9f9f9;border:1px solid var(--border-light);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.score-explanation-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem;font-size:.9rem}.score-explanation-icon{width:18px;height:18px;color:var(--primary-orange)}.score-explanation-content{font-size:.85rem;color:var(--text-gray);line-height:1.5}.score-explanation-content p{margin:0 0 .5rem}.score-formula{display:flex;gap:1.5rem;margin:.75rem 0;flex-wrap:wrap}.formula-item{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:4px;font-weight:500;font-size:.8rem}.formula-item.correct{background:#4caf501a;color:var(--success-green)}.formula-item.incorrect{background:#e539351a;color:var(--error-red)}.score-detail{background:#fff;padding:.5rem .75rem;border-radius:4px;border:1px solid var(--border-light);margin-top:.5rem!important}.score-detail strong{color:var(--primary-orange)}.results-bars{display:flex;flex-direction:column;gap:.75rem}.bar-row{display:flex;align-items:center;gap:1rem}.bar-percent{width:50px;font-size:.9rem;color:var(--text-gray);text-align:right}.bar-track{flex:1;height:20px;background:var(--bg-light);border-radius:10px;overflow:hidden;min-width:80px}.bar-fill{height:100%;border-radius:12px;transition:width .5s ease-out}.bar-fill.correct{background:var(--success-green)}.bar-fill.incorrect{background:var(--error-red)}.bar-fill.blank{background:var(--blank-gray)}.bar-count{width:54px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:21px}.bar-row:nth-child(1) .bar-count{background:#4caf5026;color:var(--success-green)}.bar-row:nth-child(2) .bar-count{background:#e5393526;color:var(--error-red)}.bar-row:nth-child(3) .bar-count{background:#9e9e9e26;color:var(--blank-gray)}@media(max-width:480px){.bar-row{gap:.5rem}.bar-percent{width:42px;font-size:.8rem}.bar-count{width:36px;height:32px;font-size:1rem;flex-shrink:0}.bar-track{height:16px}}.results-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.result-card{background:#f9f9f9;border-radius:8px;padding:1.5rem;text-align:center;border:2px solid transparent}.result-card.correct{border-color:var(--success-green)}.result-card.incorrect{border-color:var(--error-red)}.result-card.score{border-color:var(--primary-orange)}.result-card.time{border-color:#999}.result-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.result-card.correct .result-number{color:var(--success-green)}.result-card.incorrect .result-number{color:var(--error-red)}.result-card.score .result-number{color:var(--primary-orange)}.result-card.time .result-number{color:#999}.result-label{font-size:.9rem;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.score-explanation{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center}.score-explanation h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:1rem;font-weight:500}.score-explanation p{color:var(--text-gray);line-height:1.6;margin-bottom:.5rem}.score-explanation .correct-text{color:var(--success-green)}.score-explanation .incorrect-text{color:var(--error-red)}.score-formula{background:var(--bg-light);padding:1rem;border-radius:6px;margin-top:1rem;font-size:1rem;color:var(--text-dark)}.score-formula strong{color:#9b7653;font-size:1.2rem}.ranking-container{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:1.5rem 2rem;margin:1.5rem 0;width:100%;box-sizing:border-box}.ranking-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;color:var(--text-dark);margin-bottom:.75rem;font-weight:600}.ranking-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e8f4fd;border-radius:50%;color:#6b8aff}.ranking-icon svg{width:18px;height:18px}.ranking-container h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:.75rem;text-align:center;font-weight:600}.ranking-description{text-align:center;font-size:.95rem;color:var(--text-gray);margin-bottom:1rem;line-height:1.5}.ranking-description strong{color:#6b8aff;font-size:1.15rem}.ranking-bar-container{width:100%;margin-top:1rem}.ranking-bar-background{width:100%;height:28px;background:var(--bg-light);border-radius:14px;overflow:hidden;position:relative}.ranking-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:12px;transition:width 1s ease-out;position:relative;border-radius:14px}.ranking-bar-fill.excellent,.ranking-bar-fill.great,.ranking-bar-fill.good,.ranking-bar-fill.medium,.ranking-bar-fill.low{background:var(--primary-orange)}.ranking-bar-label{color:#fff;font-weight:600;font-size:.85rem}.ranking-bar-markers{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:var(--text-light);font-weight:600}.explanations-container{margin-top:2rem}.explanations-container h3{font-size:1.25rem;color:var(--text-dark);margin-bottom:1.5rem;font-weight:600}.review-question-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.review-question-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.review-question-number{font-weight:700;color:var(--text-dark);font-size:1rem;flex-shrink:0}.review-question-text{flex:1;font-weight:500;color:var(--text-dark);line-height:1.5;font-size:1rem}.review-status{font-size:.85rem;font-weight:500;flex-shrink:0;margin-left:auto}.review-status.correct{color:var(--success-green)}.review-status.incorrect{color:var(--error-red)}.review-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.review-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:6px;border:1px solid transparent;background:transparent}.review-option.wrong-selected{border-color:var(--error-red);background:#e539350d}.review-option.correct-option{border-color:var(--success-green);background:#4caf500d}.review-option-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;font-weight:500;flex-shrink:0;background:var(--bg-light);color:var(--text-gray);border:1px solid var(--border-light)}.review-option.wrong-selected .review-option-letter{background:var(--error-red);color:#fff;border-color:var(--error-red)}.review-option.correct-option .review-option-letter{background:#fff;color:var(--text-dark);border-color:var(--border-light)}.review-option-text{flex:1;line-height:1.5;color:var(--text-dark);font-size:.95rem}.review-option-icon{font-size:1.25rem;flex-shrink:0}.review-option-icon.wrong{color:var(--error-red)}.review-option-icon.correct{color:var(--success-green)}.review-explanation{background:#8b735514;padding:1rem;border-radius:6px;line-height:1.6;color:var(--text-gray);font-size:.9rem;border-left:3px solid var(--primary-orange)}.review-explanation strong{color:var(--text-dark)}.review-question-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.review-question-theme{font-size:.85rem;color:var(--text-light);font-style:italic}.review-question-theme .subtema-text{color:var(--text-gray)}.explanation-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;margin-bottom:1rem;position:relative}.explanation-card.correct-answer,.explanation-card.incorrect-answer{border-color:var(--border-light)}.explanation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.question-number{font-weight:600;color:var(--text-dark);font-size:1rem}.result-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.result-badge.correct{background:transparent;color:var(--success-green)}.result-badge.incorrect{background:transparent;color:var(--error-red)}.explanation-question{font-weight:500;color:var(--text-dark);margin-bottom:1.25rem;line-height:1.6;font-size:1rem}.explanation-answers{margin-bottom:1rem}.answer-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin-bottom:.25rem;border-radius:6px;border:1px solid transparent}.answer-row.user-selected.wrong{border-color:var(--error-red);background:#e539350d}.answer-row.correct-option{border-color:var(--success-green);background:#4caf500d}.answer-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;font-weight:500;flex-shrink:0;background:var(--bg-light);color:var(--text-gray)}.answer-row.user-selected.wrong .answer-letter{background:var(--error-red);color:#fff}.answer-row.correct-option .answer-letter{background:var(--success-green);color:#fff}.answer-text{flex:1;line-height:1.5;color:var(--text-dark)}.answer-icon{font-size:1.25rem;flex-shrink:0}.wrong-answer{color:var(--error-red)}.correct-answer-text{color:var(--success-green);font-weight:500}.explanation-text{background:var(--bg-light);padding:1rem;border-radius:6px;line-height:1.6;color:var(--text-gray);font-size:.95rem;margin-top:1rem}.explanation-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:transparent;border:none;border-top:1px solid var(--border-light);width:100%;color:var(--text-gray);font-size:.9rem;cursor:pointer;margin-top:1rem}.explanation-toggle:hover{color:var(--text-dark)}.results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;margin-bottom:80px;padding-bottom:20px}.results-actions button{min-width:160px}.results-actions .secondary-button{background:#fff;border:1px solid var(--border-light)}.results-actions .primary-button{background:var(--primary-orange)}@media(max-width:480px){.results-actions{flex-direction:column;align-items:center;gap:.75rem}.results-actions button{width:100%;max-width:280px}}@media(max-width:768px){.test-header{flex-direction:column;padding:1rem;gap:1rem}.header-left,.header-center,.header-right{width:100%}.header-right{justify-content:space-between}.test-content{padding:1rem}.question-block{padding:1.5rem}.question-header{flex-direction:column;gap:.5rem}.results-summary{grid-template-columns:repeat(2,1fr)}.score-explanation{text-align:left}.score-formula{font-size:.9rem}.button-group,.test-type-options{flex-direction:column}.temas-list{margin-left:1rem}.category-selection{max-height:300px}}.stats-screen{background:var(--bg-light);padding:2rem;padding-bottom:120px;min-height:auto;max-width:100%;width:100%;margin:0 auto}@media(min-width:768px){.stats-screen{padding:2rem 3rem 120px}}@media(min-width:1200px){.stats-screen{max-width:1100px;padding:2rem 4rem 120px}}.stats-screen h2{color:var(--text-dark);margin-bottom:2rem;text-align:center}.stats-user-info{background:#fdf6e3;border:2px solid #E8D9B5;border-radius:8px;padding:1rem 2rem;display:block;width:100%;max-width:500px;margin:0 auto 2rem;text-align:center;box-sizing:border-box}.stats-user-info p{margin:.5rem 0;color:#555}.no-stats{text-align:center;padding:4rem 2rem;color:#666}.stats-chart-container{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem 2rem 2rem;margin-bottom:2rem;width:100%;height:450px}.stats-chart-container h3{color:var(--text-dark);margin-bottom:1rem;text-align:left;font-size:1.1rem;font-weight:600;font-style:italic}.stats-summary .stats-chart-container{margin-top:2rem}.no-stats p{font-size:1.1rem;margin:1rem 0}.stats-table-section{width:100%;max-width:900px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#333;font-size:1.2rem;font-weight:600}.section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e8f4fd;border-radius:50%;color:#6b8aff}.section-icon svg{width:20px;height:20px}.stats-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-light);background:#fff}.stats-table-container{overflow-x:auto;margin-bottom:2rem;border-radius:8px;border:1px solid var(--border-light);background:#fff}.stats-table{width:100%;border-collapse:collapse;background:#fff}.stats-table thead{background:var(--bg-light);color:var(--text-gray)}.stats-table th{padding:.875rem 1rem;text-align:left;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.stats-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-light);color:var(--text-dark);font-size:.9rem}.stats-table tbody tr:hover{background:var(--bg-light)}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table .correct-cell{color:#4caf50;font-weight:600}.stats-table .incorrect-cell{color:#e53935;font-weight:600}.show-more-btn{display:block;width:100%;padding:.875rem;background:var(--bg-light);border:none;border-top:1px solid var(--border-light);color:var(--text-gray);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.show-more-btn:hover{background:#f0f0f0;color:var(--text-dark)}.stat-correct{color:#4caf50;font-weight:600}.stat-incorrect{color:#f44336;font-weight:600}.score-badge{padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.9rem}.score-badge.good{background:#e8f5e9;color:#4caf50}.score-badge.medium{background:#f5f0eb;color:#8b7355}.score-badge.low{background:#ffebee;color:#f44336}.stats-summary{margin:2rem 0;width:100%;max-width:100%}.summary-subtitle{color:var(--text-gray);margin-bottom:1.5rem;text-align:left;font-size:1rem}.stats-summary h3{color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.summary-cards-new{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.summary-cards-new.two-cards{grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto 2rem}@media(max-width:768px){.summary-cards-new,.summary-cards-new.two-cards{grid-template-columns:1fr}}.summary-card-new{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.card-left{display:flex;flex-direction:column;gap:.25rem}.card-title{font-weight:600;color:var(--text-dark);font-size:1rem;display:flex;align-items:center;gap:.5rem}.summary-card-new.correct .card-icon{color:#4caf50}.summary-card-new.incorrect .card-icon{color:#e53935}.summary-card-new.blank .card-icon{color:#9e9e9e}.card-count{color:var(--text-gray);font-size:.9rem}.card-circle{width:70px;height:70px;position:relative}.card-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;font-weight:600}.card-circle.correct .circle-percent{color:#4caf50}.card-circle.incorrect .circle-percent{color:#e53935}.card-circle.blank .circle-percent{color:#9e9e9e}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border:2px solid #f0f0f0;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s}.summary-card:hover{border-color:#9b7653;transform:translateY(-2px);box-shadow:0 4px 12px #ffb84d33}.summary-number{font-size:2.5rem;font-weight:700;color:#9b7653;margin-bottom:.5rem}.summary-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media(max-width:768px){.stats-screen{padding:1rem 1rem 120px}.stats-table{font-size:.85rem}.stats-table th,.stats-table td{padding:.75rem .5rem}.summary-cards{grid-template-columns:1fr}}.admin-screen{max-width:95%;margin:0 auto}@media(min-width:1024px){.admin-screen{max-width:1400px}}.admin-login{text-align:center;padding:3rem 2rem}.admin-login p{margin-bottom:1.5rem;font-size:1.1rem;color:#555}.admin-password-input{width:100%;max-width:400px;padding:1rem;font-size:1rem;border:2px solid #9B7653;border-radius:8px;margin-bottom:1.5rem;outline:none;transition:all .2s}.admin-password-input:focus{border-color:#8b7355;box-shadow:0 0 0 3px #8b735533}.admin-content{padding:2rem 1rem}.admin-content h3{color:#333;margin-bottom:1rem}.admin-instructions{color:#666;margin-bottom:1rem;line-height:1.6}.format-example{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;margin:1.5rem 0;overflow-x:auto}.format-example code{display:block;font-family:Courier New,monospace;font-size:.85rem;line-height:1.8;color:#333;white-space:pre}.dropzone{border:3px dashed #9B7653;border-radius:12px;padding:3rem 2rem;text-align:center;background:#f2ebe3;cursor:pointer;transition:all .3s;margin:2rem 0}.dropzone:hover{background:#e8ded0;border-color:#8b7355;transform:scale(1.02)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dropzone-icon{font-size:3rem;margin-bottom:1rem}.dropzone p{margin:.25rem 0;color:#333}.dropzone-hint{font-size:.9rem;color:#999}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.upload-options .dropzone{margin:0;padding:2rem 1rem}.uploaded-files{background:#fff;border:2px solid #9B7653;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.uploaded-files h4{color:#333;margin-bottom:1rem}.uploaded-files ul{list-style:none;padding:0;margin:0}.uploaded-files li{padding:.5rem 0;border-bottom:1px solid #f0f0f0;color:#555}.uploaded-files li:last-child{border-bottom:none}.parsed-preview{background:#f0f9ff;border:2px solid #4caf50;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.parsed-preview h4{color:#2e7d32;margin-bottom:.5rem}.preview-count{font-size:1.1rem;font-weight:600;color:#4caf50;margin:.5rem 0 1rem}.preview-list{background:#fff;border-radius:6px;padding:1rem}.preview-question{padding:.75rem;margin-bottom:.75rem;border-left:3px solid #4caf50;background:#f9f9f9;border-radius:4px;font-size:.9rem;line-height:1.6}.preview-question:last-child{margin-bottom:0}.preview-question strong{color:#333}.preview-question small{color:#666}.preview-more{text-align:center;color:#666;font-style:italic;margin-top:.5rem}.upload-progress{background:#e8ded0;border:2px solid #9B7653;border-radius:8px;padding:1rem;margin:1.5rem 0;text-align:center}.upload-progress p{margin:0;font-weight:600;color:#333}.admin-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.admin-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;flex-wrap:wrap}.admin-tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#666}.admin-tab:hover{color:#9b7653;background:#f9f9f9}.admin-tab.active{color:#9b7653;border-bottom-color:#9b7653}.tab-content{padding:1rem 0}.folder-selector{margin:1.5rem 0}.folder-selector label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.folder-select{width:100%;max-width:400px;padding:.75rem;font-size:1rem;border:2px solid #9B7653;border-radius:8px;background:#fff;cursor:pointer;outline:none}.folder-select:focus{border-color:#7a5a3f;box-shadow:0 0 0 3px #9b765333}.sync-logs{background:#f9f9f9;border:2px solid #9B7653;border-radius:8px;padding:1.5rem;margin-top:2rem}.sync-logs h4{color:#333;margin-bottom:1rem}.log-container{background:#fff;border-radius:6px;padding:1rem;max-height:400px;overflow-y:auto}.log-entry{padding:.5rem;border-bottom:1px solid #f0f0f0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.log-entry:last-child{border-bottom:none}.files-list{background:#fff;border:2px solid #9B7653;border-radius:8px;padding:1rem;margin-top:1rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f0f0f0;transition:all .2s}.file-item:hover{background:#f9f9f9}.file-item:last-child{border-bottom:none}.file-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.file-info strong{color:#333;font-size:1rem}.file-info small{color:#666;font-size:.85rem}.delete-btn{background:#ff5722;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#e64a19;transform:scale(1.05)}.no-files{text-align:center;color:#999;padding:2rem;font-style:italic}@media(max-width:768px){.admin-screen{padding:1rem}.dropzone{padding:2rem 1rem}.upload-options{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-actions button{width:100%}.file-item{flex-direction:column;align-items:flex-start;gap:1rem}.delete-btn{width:100%}}.locked-mode-indicator{background:#f8fafc;border:1px solid #E2E8F0;color:#333;padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:2rem}.locked-mode-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.locked-mode-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e8f4fd;border-radius:50%;color:#6b8aff}.locked-mode-icon svg{width:20px;height:20px}.locked-mode-indicator h3{margin:0;font-size:1.25rem;font-weight:600;color:#333}.locked-mode-indicator p{margin:.25rem 0;font-size:.95rem;color:#555}.locked-mode-category{font-weight:500}.locked-mode-temas{color:#666}.locked-mode-hint{margin-top:.75rem!important;font-size:.85rem!important;font-style:italic;color:#888!important}.iframe-generator-form{background:#f8f8f8;padding:2rem;border-radius:12px;margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333;font-size:.95rem}.admin-select{width:100%;max-width:500px;padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.admin-select:hover{border-color:#9b7653}.admin-select:focus{outline:none;border-color:#9b7653;box-shadow:0 0 0 3px #9b76531a}.iframe-generated{background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #9B7653}.iframe-generated h4{margin:0 0 1rem;color:#9b7653;font-size:1.2rem}.iframe-info{background:#f0f0f0;padding:1rem;border-radius:8px;margin-bottom:1rem;line-height:1.8}.iframe-code-display{width:100%;padding:1rem;font-family:Courier New,monospace;font-size:.85rem;border:2px solid #ddd;border-radius:8px;background:#f9f9f9;resize:vertical;line-height:1.5}.iframe-code-display:focus{outline:none;border-color:#9b7653;background:#fff}.temas-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:1rem;max-height:400px;overflow-y:auto;padding:1rem;background:#fff;border:2px solid #ddd;border-radius:8px}.tema-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f9f9f9;border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box}.tema-checkbox-item:hover{background:#f0f0f0;transform:translateY(-1px)}.tema-checkbox-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.tema-checkbox-item span{font-size:.9rem;color:#333;font-weight:500}.temas-selected-info{margin-top:1rem;padding:.75rem;background:#e8f4fd;border-left:4px solid #9B7653;border-radius:4px;font-size:.9rem;color:#333;font-weight:500}@media(max-width:768px){.locked-mode-indicator{padding:1rem}.locked-mode-indicator h3{font-size:1.1rem}.locked-mode-icon{width:30px;height:30px}.locked-mode-icon svg{width:16px;height:16px}.iframe-generator-form{padding:1rem}.admin-select{max-width:100%}.temas-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;padding:.75rem}}.subtema-label{color:#666;font-weight:400;font-size:.9em}.subtema-text{color:#666;font-weight:400;font-style:italic}.question-stats-section{width:100%;max-width:900px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.question-stats-section h3{margin-bottom:1rem;color:#333;font-size:1.2rem}.question-stats-section .section-title{font-size:1.2rem}.question-stats-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-button{padding:.5rem 1rem;border:2px solid #ddd;border-radius:20px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.filter-button:hover{border-color:#9b7653}.filter-button.active{background:#9b7653;border-color:#9b7653;color:#fff}.filter-button.correct.active{background:#4caf50;border-color:#4caf50}.filter-button.incorrect.active{background:#f44336;border-color:#f44336}.filter-button.skipped.active{background:#a68b5b;border-color:#a68b5b}.loading-question-stats,.no-question-stats{text-align:center;padding:2rem;color:#666}.question-stats-list{display:flex;flex-direction:column;gap:.75rem}.question-stat-card{border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.question-stat-card:hover{border-color:#9b7653}.question-stat-card.expanded{border-color:#9b7653;box-shadow:0 2px 8px #9b765333}.question-stat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;background:#fafafa;gap:1rem}.question-stat-header:hover{background:#f0f0f0}.question-stat-summary{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.question-stat-tema{font-weight:600;color:#333;font-size:.9rem}.question-stat-categoria{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-stat-badges{display:flex;gap:.5rem;flex-wrap:wrap}.question-stat-badges .badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.question-stat-badges .badge.correct{background:#e8f5e9;color:#2e7d32}.question-stat-badges .badge.incorrect{background:#ffebee;color:#c62828}.question-stat-badges .badge.skipped{background:#f5f0eb;color:#8b7355}.question-stat-badges .badge.seen{background:#e3f2fd;color:#1565c0}.expand-icon{color:#999;font-size:.8rem}.question-stat-details{padding:1rem;border-top:1px solid #e0e0e0;background:#fff}.question-stat-text{font-size:.95rem;color:#333;margin-bottom:1rem;line-height:1.5}.question-stat-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.question-stat-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:6px;background:#f5f5f5}.question-stat-option.correct-option{background:#e8f5e9;border:1px solid #4CAF50}.question-stat-option .option-letter{font-weight:600;color:#666;min-width:24px}.question-stat-option .option-text{flex:1;font-size:.9rem;color:#333}.question-stat-option .correct-indicator{color:#4caf50;font-weight:600;font-size:.8rem;white-space:nowrap}.question-stat-option.wrong-option{background:#ffebee;border:1px solid #f44336}.option-indicators{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.user-answer-indicator{font-weight:600;font-size:.75rem;padding:.15rem .5rem;border-radius:10px;white-space:nowrap}.user-answer-indicator.correct{background:#e8f5e9;color:#2e7d32}.user-answer-indicator.incorrect{background:#ffebee;color:#c62828}.no-answer-notice{padding:.75rem;background:#f5f0eb;border-radius:6px;color:#8b7355;font-size:.9rem;margin-bottom:.75rem}.question-stat-footer{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.75rem;border-top:1px solid #e0e0e0;font-size:.85rem;color:#666}.question-stat-footer span{display:flex;align-items:center;gap:.25rem}@media(max-width:600px){.question-stats-filters{justify-content:center}.filter-button{font-size:.8rem;padding:.4rem .8rem}.question-stat-header{flex-direction:column;align-items:flex-start;gap:.5rem}.question-stat-badges{width:100%}.expand-icon{position:absolute;right:1rem;top:.75rem}.question-stat-card{position:relative}.question-stat-footer{flex-direction:column;gap:.5rem}}.loading-container-animated{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f0eb,#e8ddd0);position:fixed;inset:0;z-index:9999;overflow:hidden}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:#8b73554d;border-radius:50%;animation:float-particle 6s ease-in-out infinite}.particle:nth-child(1){left:10%;top:20%}.particle:nth-child(2){left:80%;top:30%}.particle:nth-child(3){left:20%;top:60%}.particle:nth-child(4){left:70%;top:70%}.particle:nth-child(5){left:50%;top:10%}.particle:nth-child(6){left:90%;top:50%}.particle:nth-child(7){left:30%;top:80%}.particle:nth-child(8){left:60%;top:40%}@keyframes float-particle{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}25%{transform:translateY(-30px) translate(20px) scale(1.2);opacity:.6}50%{transform:translateY(-50px) translate(-15px) scale(.8);opacity:.4}75%{transform:translateY(-25px) translate(30px) scale(1.1);opacity:.5}}.loading-circles{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.circle{position:absolute;border:3px solid rgba(139,115,85,.2);border-radius:50%;animation:pulse-circle 3s ease-in-out infinite}.circle-1{width:250px;height:250px;animation-delay:0s}.circle-2{width:190px;height:190px;animation-delay:.5s;border-color:#8b73554d}.circle-3{width:130px;height:130px;animation-delay:1s;border-color:#8b735566}@keyframes pulse-circle{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.8}}.loading-logo-container{position:relative;z-index:10;width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 8px 24px #0003;animation:pulse-logo 2s ease-in-out infinite}.loading-logo{width:100%;height:100%;object-fit:contain}@keyframes pulse-logo{0%,to{transform:scale(1);box-shadow:0 8px 24px #0003}50%{transform:scale(1.05);box-shadow:0 12px 32px #0000004d}}.loading-messages{text-align:center;margin-bottom:2rem;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-text-main{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0;margin-bottom:.5rem;animation:fade-in-text .6s ease-in}.loading-text-sub{color:var(--text-gray);font-size:1rem;font-weight:400;margin:0;animation:fade-in-text .6s ease-in .2s;animation-fill-mode:both}@keyframes fade-in-text{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-bar-loading{width:300px;height:4px;background:#8b735533;border-radius:2px;overflow:hidden;position:relative}.progress-bar-fill-loading{position:absolute;top:0;left:-50%;width:50%;height:100%;background:var(--primary-orange);border-radius:2px;animation:loading-bar 1.5s ease-in-out infinite}@keyframes loading-bar{0%{left:-50%}to{left:100%}}@media(max-width:600px){.loading-circles,.circle-1{width:180px;height:180px}.circle-2{width:140px;height:140px}.circle-3{width:100px;height:100px}.loading-logo-container{width:80px;height:80px}.loading-text-main{font-size:1.2rem}.loading-text-sub{font-size:.9rem}.progress-bar-loading{width:250px}}.infografia-section{width:100%;max-width:100%;margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #E2E8F0;text-align:center}.infografia-section h3{margin:0 0 .5rem;color:var(--text-dark);font-size:1.1rem;font-weight:600}.infografia-title{display:flex;align-items:center;justify-content:center;gap:.5rem}.infografia-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3ebe3;border-radius:50%;color:#a67c52}.infografia-icon svg{width:18px;height:18px}.infografia-description{color:var(--text-light);font-size:.9rem;margin-bottom:1.25rem}.infografia-button{background:linear-gradient(135deg,#a67c52,#bf9168);color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.infografia-button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.infografia-button.icon-btn svg{width:20px;height:20px}.infografia-button:hover{background:linear-gradient(135deg,#956d45,#ae825a);transform:translateY(-1px)}.infografia-button:active{transform:translateY(0)}.infografia-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.infografia-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#9b7653;border-radius:50%;animation:spin 1s linear infinite}.infografia-loading p{color:#666;font-size:1rem;font-weight:500}.infografia-error{background:#fff5f5;border:2px solid #ffcccc;border-radius:12px;padding:1.5rem;margin-top:1rem}.infografia-error p{color:#c62828;margin:0 0 1rem;font-size:.95rem}.infografia-retry-button{background:#c62828;color:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.infografia-retry-button:hover{background:#b71c1c}.infografia-preview{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.infografia-image{max-width:100%;max-height:500px;border-radius:12px;box-shadow:0 8px 24px #00000026;border:2px solid #e0e0e0}.infografia-download-button{background:#6b8aff;color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.infografia-download-button:hover{background:#5a7aee;transform:translateY(-1px)}.infografia-download-button:active{transform:translateY(0)}.infografia-download-button.icon-btn,.infografia-email-button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.infografia-download-button.icon-btn svg,.infografia-email-button.icon-btn svg{width:18px;height:18px}.infografia-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.infografia-email-button{background:#6b8aff;color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.infografia-email-button:hover:not(:disabled){background:#5a7aee;transform:translateY(-1px)}.infografia-email-button:active:not(:disabled){transform:translateY(0)}.infografia-email-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.email-success{color:#4caf50;font-size:.9rem;margin-top:.5rem;text-align:center}.email-error{color:#f44336;font-size:.9rem;margin-top:.5rem;text-align:center}.infografia-email-status{display:flex;align-items:center;gap:.5rem;color:#6b8aff;font-size:.9rem;padding:.5rem 1rem;background:#6b8aff1a;border-radius:8px;animation:pulse-glow 1.5s ease-in-out infinite}.infografia-email-status .spin-icon{width:18px;height:18px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.report-section{width:100%;max-width:100%;margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#fdf8f3,#fef5ee);border-radius:8px;border:1px solid #E8DCD0;text-align:center}.report-section h3{margin:0 0 .5rem;color:var(--text-dark);font-size:1.1rem;font-weight:600}.report-title{display:flex;align-items:center;justify-content:center;gap:.5rem}.report-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f0e6dc;border-radius:50%;color:#8b5e3c}.report-icon svg{width:18px;height:18px}.report-description{color:var(--text-light);font-size:.9rem;margin-bottom:1.25rem}.report-button{background:linear-gradient(135deg,#8b5e3c,#a47352);color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.report-button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.report-button.icon-btn svg{width:20px;height:20px}.report-button:hover:not(:disabled){background:linear-gradient(135deg,#7a4f30,#936444);transform:translateY(-1px)}.report-button:active:not(:disabled){transform:translateY(0)}.report-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.report-login-hint{color:#8b4513;font-size:.85rem;font-style:italic;margin-top:.5rem}.report-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.report-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#8b4513;border-radius:50%;animation:spin 1s linear infinite}.report-loading p{color:#666;font-size:1rem;font-weight:500;margin:0}.report-loading-hint{font-size:.85rem!important;color:#999!important;font-weight:400!important}.report-error{background:#fff5f5;border:2px solid #ffcccc;border-radius:12px;padding:1.5rem;margin-top:1rem}.report-error p{color:#c62828;margin:0 0 1rem;font-size:.95rem}.report-retry-button{background:#c62828;color:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.report-retry-button:hover{background:#b71c1c}.report-success{background:#f0fff4;border:2px solid #9ae6b4;border-radius:12px;padding:1.5rem;margin-top:1rem}.report-success p{color:#276749;margin:0;font-size:.95rem;font-weight:500}.report-success-hint{font-size:.85rem!important;color:#48bb78!important;font-weight:400!important;margin-top:.5rem!important}.report-success.email-failed{background:#fffbeb;border-color:#fbbf24}.report-success.email-failed p:first-child{color:#b45309}.report-success.email-failed .report-success-hint{color:#d97706!important}.report-download-button{display:inline-flex;align-items:center;gap:.5rem;background:#8b4513;color:#fff;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-top:1rem}.report-download-button:hover{background:#7a3c11;transform:translateY(-1px)}.report-download-button svg{width:18px;height:18px}@media(max-width:600px){.report-section{padding:1.25rem}.report-section h3{font-size:1rem}.report-description{font-size:.85rem}.report-button{padding:.75rem 1.25rem;font-size:.95rem}}@media(max-width:600px){.infografia-section{padding:1.5rem;margin:1rem}.infografia-section h3{font-size:1.2rem}.infografia-button,.infografia-download-button,.infografia-email-button{width:100%;font-size:1rem;padding:.875rem 1.5rem}.infografia-actions{flex-direction:column}.infografia-image{max-height:350px}}.sticky-infografia-bar{position:fixed;bottom:0;left:0;right:70px;background:#fff;border-top:1px solid var(--border-light);padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:1000;box-shadow:0 -2px 10px #0000001a}.sticky-infografia-bar .sticky-bar-button{color:#fff;border:none;padding:.5rem .85rem;font-size:.8rem;font-weight:600;border-radius:5px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:110px}.sticky-infografia-bar .sticky-bar-button.infografia{background:linear-gradient(135deg,#a67c52,#bf9168)}.sticky-infografia-bar .sticky-bar-button.infografia:hover:not(:disabled){background:linear-gradient(135deg,#956d45,#ae825a);transform:translateY(-1px)}.sticky-infografia-bar .sticky-bar-button.report{background:linear-gradient(135deg,#8b5e3c,#a47352)}.sticky-infografia-bar .sticky-bar-button.report:hover:not(:disabled){background:linear-gradient(135deg,#7a4f30,#936444);transform:translateY(-1px)}.sticky-bar-button.flashcards{background:linear-gradient(135deg,#6f4e37,#8a654d)!important}.sticky-bar-button.flashcards:hover:not(:disabled){background:linear-gradient(135deg,#5f4028,#7a563f)!important;transform:translateY(-1px)}.sticky-bar-button.audio{background:linear-gradient(135deg,#7a4b3a,#956050)!important}.sticky-bar-button.audio:hover:not(:disabled){background:linear-gradient(135deg,#6a3d2d,#855242)!important;transform:translateY(-1px)}.sticky-infografia-bar .sticky-bar-button svg{width:14px;height:14px}.sticky-infografia-bar .sticky-bar-button:disabled{background:var(--text-gray)!important;cursor:not-allowed;opacity:.7}.sticky-infografia-bar .sticky-bar-button:disabled:hover{transform:none}.sticky-infografia-bar.hidden{display:none}@media(max-width:520px){.sticky-infografia-bar{flex-wrap:wrap;padding:.35rem .5rem;gap:.3rem;left:50px;right:90px;justify-content:center}.sticky-infografia-bar .sticky-bar-button{flex:0 1 calc(50% - .5rem);min-width:0;max-width:120px;padding:.4rem .3rem;font-size:.7rem;justify-content:center}}.results-screen{padding-bottom:100px!important}.test-modes-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.review-modes-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}.review-mode-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s ease}.review-mode-card:hover{background:var(--bg-light)}.review-mode-card.active{border-color:var(--primary-orange);background:#fff}.review-mode-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.25rem;background:var(--bg-light);flex-shrink:0}.review-mode-icon.svg-icon{background:#e8f4fd;border-radius:50%;color:#6b8aff}.review-mode-icon.svg-icon svg{width:20px;height:20px}.review-mode-icon.svg-icon.failed{background:#ffebee;color:#e53935}.review-mode-icon.svg-icon.blank{background:#f5f5f5;color:#9e9e9e}.review-mode-card.active .review-mode-icon{background:#8b73551a}.review-mode-card.active .review-mode-icon.svg-icon{background:#8b735526;color:var(--primary-orange)}.review-mode-content{flex:1}.review-mode-title{margin:0 0 .125rem;font-size:1rem;font-weight:500;color:var(--text-dark)}.review-mode-description{margin:0;font-size:.85rem;color:var(--text-light);line-height:1.4}@media(max-width:600px){.review-modes-section{margin-top:1rem}.review-mode-card{padding:.875rem}.review-mode-icon{width:36px;height:36px;font-size:1.1rem}.review-mode-title{font-size:.95rem}.review-mode-description{font-size:.8rem}}.auth-section{margin:1.5rem 0}.auth-buttons{display:flex;gap:1rem;justify-content:center}.auth-button{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.auth-button.login{background:var(--primary-orange);color:#fff}.auth-button.login:hover{background:var(--primary-orange-hover)}.auth-button.register{background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange)}.auth-button.register:hover{background:var(--primary-orange);color:#fff}.auth-button.logout{background:transparent;color:var(--text-gray);border:1px solid var(--border-light);padding:.5rem 1rem;font-size:.85rem}.auth-button.logout:hover{background:var(--bg-light);border-color:var(--text-gray)}.user-welcome-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff,#f8f9fa);padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(155,118,83,.1);max-width:400px;margin:0 auto}.welcome-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-orange) 0%,#c49a6c 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #9b76534d}.welcome-avatar img{width:100%;height:100%;object-fit:cover}.welcome-avatar-letter{color:#fff;font-size:1.25rem;font-weight:600}.welcome-text{display:flex;flex-direction:column;gap:.15rem;flex:1}.welcome-greeting{font-size:.8rem;color:var(--text-gray);font-weight:400}.welcome-name{font-size:1.1rem;font-weight:600;color:var(--text-dark)}.welcome-icon{width:28px;height:28px;flex-shrink:0}.auth-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:0 10px 40px #0003}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-gray);line-height:1;padding:0}.auth-modal-close:hover{color:var(--text-dark)}.auth-modal h2{margin-bottom:1.5rem;color:var(--text-dark);font-size:1.5rem;text-align:center}.auth-field{margin-bottom:1rem}.auth-field label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-weight:500;font-size:.9rem}.auth-field input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.auth-field input:focus{outline:none;border-color:var(--primary-orange)}.auth-error{background:#e539351a;color:var(--error-red);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;text-align:center}.auth-submit{width:100%;padding:.875rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:var(--primary-orange-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:1.5rem;text-align:center;color:var(--text-gray);font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--primary-orange);font-weight:600;cursor:pointer;font-size:.9rem}.auth-switch button:hover{text-decoration:underline}@media(max-width:480px){.auth-modal{padding:1.5rem;margin:1rem}.auth-buttons{flex-direction:column}.auth-button{width:100%}}.auth-page-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#0000008c,#0000008c),url(https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1000;padding:1rem}.auth-card{background:#fff;border-radius:16px;padding:2.5rem;max-width:420px;width:100%;box-shadow:0 25px 50px #00000040;text-align:center;animation:slideUp .4s ease-out}.auth-card-logo{width:80px;height:80px;margin:0 auto 1.5rem}.auth-card-logo img{width:100%;height:100%;object-fit:contain}.auth-card-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.auth-card-subtitle{font-size:1rem;color:var(--text-gray);margin-bottom:2rem}.auth-gate{margin-top:0;max-width:100%;width:100%}.auth-gate-message{color:var(--text-gray);margin-bottom:1.5rem;font-size:1rem;text-align:center;display:none}.google-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:#fff;border:1px solid #dadce0;border-radius:8px;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.google-button:hover{background:#f8f9fa;border-color:#c6c6c6;box-shadow:0 2px 8px #00000026}.google-button svg{flex-shrink:0}.email-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:transparent;border:1px solid #dadce0;border-radius:8px;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:all .2s ease;margin-top:.75rem}.email-button:hover{background:#f8f9fa;border-color:#c6c6c6}.email-button svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.auth-divider span{color:var(--text-light);font-size:.85rem;text-transform:lowercase}.auth-inline-form{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none}.auth-inline-form.hidden,.auth-tabs{display:none}.auth-tab{flex:1;padding:.75rem;background:none;border:none;font-size:.95rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s ease;position:relative}.auth-tab:hover{color:var(--text-dark)}.auth-tab.active{color:var(--primary-orange)}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-orange)}.auth-card .auth-field{margin-bottom:1rem;text-align:left}.auth-card .auth-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.auth-card .auth-field input{width:100%;padding:.875rem 1rem;border:1px solid #dadce0;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.auth-card .auth-field input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff7a001a}.auth-card .auth-submit{width:100%;padding:1rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:.5rem}.auth-card .auth-submit:hover{background:#e66a00}.auth-card .auth-submit:active{transform:scale(.98)}.auth-card .auth-submit:disabled{background:#ccc;cursor:not-allowed}.auth-card .auth-error{background:#fff5f5;color:#c53030;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;text-align:left}.auth-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.auth-footer-link{color:var(--text-gray);font-size:.95rem}.auth-footer-link a,.auth-footer-link button{color:var(--primary-orange);text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.auth-footer-link a:hover,.auth-footer-link button:hover{text-decoration:underline}.auth-privacy-link{display:block;margin-top:1rem;font-size:.8rem;color:var(--text-light);text-decoration:none}.auth-privacy-link:hover{color:var(--text-gray)}.auth-back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-gray);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .2s}.auth-back-button:hover{color:var(--text-dark)}@media(max-width:480px){.auth-page-container{padding:.5rem}.auth-card{padding:1.5rem;border-radius:12px}.auth-card-title{font-size:1.5rem}.google-button,.email-button{padding:.875rem 1rem;font-size:.95rem}}.logout-button{margin-top:1rem!important;border-color:#e8e8e8!important;color:var(--text-gray)!important}.logout-button:hover{border-color:var(--error-red)!important;color:var(--error-red)!important;background:#e539350d!important}.logout-button .button-icon{color:var(--text-gray)}.logout-button:hover .button-icon{color:var(--error-red)}.top-navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100;box-shadow:0 1px 3px #0000000d}.navbar-left{display:flex;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s ease}.navbar-logo:hover{opacity:.8}.navbar-logo-img{width:36px;height:36px;object-fit:contain}.navbar-brand{font-size:1.1rem;font-weight:600;color:var(--text-dark)}.navbar-right{display:flex;align-items:center;gap:1.5rem}.navbar-stats{display:flex;gap:1rem}.stat-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--bg-light);border-radius:8px;border:1px solid var(--border-light)}.stat-icon{width:18px;height:18px;color:var(--primary-orange)}.stat-icon.correct{color:var(--success-green)}.stat-icon svg{width:100%;height:100%}.stat-value{font-weight:600;font-size:.95rem;color:var(--text-dark)}.stat-label{font-size:.8rem;color:var(--text-gray)}.navbar-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s ease}.navbar-profile:hover{background:var(--bg-light)}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:500;font-size:.9rem;color:var(--text-dark)}.profile-email{font-size:.75rem;color:var(--text-gray)}.app-container:has(.top-navbar) .screen{padding-top:80px}.app-container:has(.top-navbar) .home-screen{padding-top:80px}@media(max-width:768px){.top-navbar{padding:0 1rem}.navbar-brand,.navbar-stats,.profile-info,.top-navbar .stat-label{display:none}}@media(max-width:480px){.top-navbar{height:50px}.navbar-logo-img{width:30px;height:30px}.profile-avatar{width:34px;height:34px;font-size:.9rem}.app-container:has(.top-navbar) .screen,.app-container:has(.top-navbar) .home-screen{padding-top:70px}}.navbar-asignaturas{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.navbar-asignaturas:hover{background:var(--primary-orange);color:#fff}.navbar-asignaturas svg{width:18px;height:18px}.navbar-infografias{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.navbar-infografias:hover{background:var(--primary-orange);color:#fff}.navbar-nuevo-test{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.navbar-nuevo-test:hover{background:var(--primary-orange-hover)}.navbar-nuevo-test svg{width:18px;height:18px}.navbar-suscribirse{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,orange);color:#333;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #ffa5004d}.navbar-suscribirse:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ffa50066}.navbar-suscribirse svg{width:18px;height:18px}@media(max-width:768px){.navbar-asignaturas span{display:none}.navbar-asignaturas{padding:.5rem}.navbar-nuevo-test span{display:none}.navbar-nuevo-test{padding:.5rem}.navbar-suscribirse span{display:none}.navbar-suscribirse{padding:.5rem}}.navbar-area-personal{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.navbar-area-personal:hover{background:var(--primary-orange-hover)}.navbar-area-personal svg{width:18px;height:18px}@media(max-width:768px){.navbar-area-personal span{display:none}.navbar-area-personal{padding:.5rem}}@media(max-width:768px){.navbar-right{gap:.5rem}.navbar-infografias,.navbar-asignaturas,.navbar-nuevo-test,.navbar-suscribirse,.navbar-area-personal{font-size:.75rem;padding:.4rem .6rem;white-space:nowrap}.navbar-asignaturas svg,.navbar-nuevo-test svg,.navbar-suscribirse svg,.navbar-area-personal svg{width:16px;height:16px}}@media(max-width:480px){.navbar-right{gap:.3rem}.navbar-infografias,.navbar-asignaturas,.navbar-nuevo-test,.navbar-suscribirse,.navbar-area-personal{font-size:.65rem;padding:.35rem .5rem}.navbar-asignaturas svg,.navbar-nuevo-test svg,.navbar-suscribirse svg,.navbar-area-personal svg{width:14px;height:14px}}.navbar-mobile-menu{display:block;position:relative}.navbar-dots-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.navbar-dots-button:hover{background:var(--primary-orange-hover)}.navbar-dots-button svg{width:18px;height:18px}.navbar-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:1000;overflow:hidden}.navbar-dropdown-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--text-dark);font-size:.9rem;cursor:pointer;transition:background .2s ease;text-align:left}.navbar-dropdown-menu button:hover{background:var(--bg-light)}.navbar-dropdown-menu button svg{width:18px;height:18px;color:var(--primary-orange)}.hide-on-results{display:none!important}@media(max-width:768px){.navbar-dots-button{padding:.4rem}.navbar-dots-button svg{width:16px;height:16px}}@media(max-width:480px){.navbar-dots-button{padding:.35rem}.navbar-dots-button svg{width:14px;height:14px}}.profile-screen{background:var(--bg-light);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.profile-screen>.profile-container{flex:1}.profile-screen>.site-footer{margin-top:auto;flex-shrink:0}.profile-container{display:flex;align-items:flex-start;max-width:1100px;margin:0 auto;gap:2rem;padding:1.5rem;box-sizing:border-box}.profile-sidebar{width:260px;flex-shrink:0;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.profile-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;margin:0 auto 1rem;overflow:hidden;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-user-name{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0;word-break:break-word;overflow-wrap:break-word}.profile-user-email{font-size:.85rem;color:var(--text-gray);margin:.25rem 0 0;word-break:break-all;overflow-wrap:break-word}.profile-nav{display:flex;flex-direction:column;gap:.25rem}.profile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:8px;font-size:.9rem;color:var(--text-gray);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.profile-nav-item:hover{background:var(--bg-light);color:var(--text-dark)}.profile-nav-item.active{background:#8b73551a;color:var(--primary-orange);font-weight:500}.profile-nav-item svg{width:20px;height:20px;flex-shrink:0}.profile-logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:1.5rem;background:none;border:1px solid var(--border-light);border-radius:8px;color:var(--text-gray);font-size:.9rem;cursor:pointer;transition:all .2s ease}.profile-logout-btn:hover{border-color:var(--error-red);color:var(--error-red);background:#e539350d}.profile-logout-btn svg{width:18px;height:18px}.profile-content{flex:1;min-width:0}.profile-tab-content{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000000d}.tab-title{font-size:1.2rem;color:var(--text-dark);margin:0 0 .5rem;padding-bottom:0;border-bottom:none}.tab-subtitle{color:var(--text-muted);font-size:.9rem;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.stats-section-title,.leaderboard-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}.empty-state-small{background:#f9f9f9;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem}.empty-state-small p{color:var(--text-muted);margin:0;font-size:.9rem}.stats-overview{display:flex;flex-direction:column;gap:1.5rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat-card{background:#faf5f4;border-radius:12px;padding:1.25rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:1.75rem;font-weight:600;color:var(--primary-color)}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stats-detail-section{margin-top:1rem}.stats-detail-section h4{font-size:1rem;color:var(--text-dark);margin:0 0 1rem}.stats-recent-list{display:flex;flex-direction:column;gap:.5rem}.stats-recent-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid var(--border-light);border-radius:8px}.stats-recent-info{display:flex;flex-direction:column;gap:.25rem}.stats-recent-name{font-weight:500;color:var(--text-dark);font-size:.9rem}.stats-recent-date{font-size:.75rem;color:var(--text-muted)}.stats-recent-score .score-badge{padding:.35rem .75rem;border-radius:20px;font-weight:600;font-size:.85rem}.score-badge.good{background:#d4edda;color:#155724}.score-badge.low{background:#f8d7da;color:#721c24}.empty-state{text-align:center;padding:2rem;color:var(--text-gray)}.empty-state .primary-button{margin-top:1rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-light);border-radius:8px;gap:1rem}.history-date{font-size:.85rem;color:var(--text-gray);min-width:140px}.history-details{flex:1;display:flex;gap:.5rem}.history-category{font-weight:500;color:var(--text-dark)}.history-tema{color:var(--text-gray);font-size:.9rem}.history-results{display:flex;align-items:center;gap:.75rem}.history-correct{color:var(--success-green);font-weight:500}.history-total{color:var(--text-gray);font-size:.85rem}.history-score{background:var(--primary-orange);color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.85rem}.history-score.passed{background:var(--success-green)}.history-score.failed{background:var(--error-red)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-light);border-radius:12px;padding:1.5rem;text-align:center}.stat-card-icon{width:48px;height:48px;margin:0 auto 1rem;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-orange)}.stat-card-icon.correct{color:var(--success-green)}.stat-card-icon.incorrect{color:var(--error-red)}.stat-card-icon svg{width:24px;height:24px}.stat-card-value{font-size:2rem;font-weight:700;color:var(--text-dark)}.stat-card-label{font-size:.9rem;color:var(--text-gray);margin-top:.25rem}.ranking-position-card{background:var(--primary-orange);color:#fff;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.ranking-position-card.not-qualified{background:var(--bg-light);color:var(--text-gray);flex-direction:column;gap:.5rem;text-align:center}.ranking-position{font-size:1.25rem;font-weight:600}.ranking-detail{font-size:.9rem;opacity:.9}.ranking-progress{font-weight:500;color:var(--primary-orange)}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-item{display:flex;align-items:center;padding:1rem;background:var(--bg-light);border-radius:8px;gap:1rem}.ranking-item.top-3{background:#8b73551a}.ranking-pos{font-weight:700;color:var(--primary-orange);min-width:40px}.ranking-name{flex:1;font-weight:500}.ranking-score{font-weight:600;color:var(--text-dark)}.config-form{max-width:400px}.config-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.config-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;overflow:hidden;flex-shrink:0}.config-avatar-img{width:100%;height:100%;object-fit:cover}.config-avatar-btn{padding:.5rem 1rem;background:none;border:1px solid var(--border-light);border-radius:6px;color:var(--text-gray);font-size:.85rem;cursor:pointer;transition:all .2s ease}.config-avatar-btn:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.config-avatar-btn:disabled{opacity:.6;cursor:not-allowed}.config-field{margin-bottom:1rem}.config-field label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text-dark)}.config-field input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.config-field input:focus{outline:none;border-color:var(--primary-orange)}.config-error{background:#e539351a;color:var(--error-red);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.config-success{background:#4caf501a;color:var(--success-green);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.subscription-info{display:flex;flex-direction:column;gap:1.5rem}.subscription-status-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.subscription-status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.subscription-icon{width:24px;height:24px;color:var(--primary-orange)}.subscription-status-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.subscription-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.95rem;margin-bottom:1rem}.subscription-status-badge.active{background:#4caf5026;color:var(--success-green)}.subscription-status-badge.active svg{width:18px;height:18px}.subscription-status-badge.inactive{background:#f4433626;color:#f44336}.subscription-status-badge.inactive svg{width:18px;height:18px}.subscription-subscribe-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-brown);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease}.subscription-subscribe-btn:hover{background:var(--secondary-brown)}.subscription-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.subscription-details{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:1.5rem}.subscription-details h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.subscription-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.subscription-detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.9rem}.detail-value{color:var(--text-primary);font-weight:500;font-size:.9rem}.subscription-actions{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:1.5rem}.subscription-actions h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.subscription-warning{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.contact-form-section{margin-bottom:1rem}.contact-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.contact-textarea{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease}.contact-textarea:focus{outline:none;border-color:var(--primary-orange)}.contact-textarea::placeholder{color:#999}.subscription-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.subscription-cancel-btn,.subscription-contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;padding:.7rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:background .2s ease,opacity .2s ease;cursor:pointer;border:none}.subscription-contact-btn{background:var(--primary-orange)}.subscription-contact-btn:hover{background:var(--primary-orange-hover)}.subscription-cancel-btn{background:#b0766a}.subscription-cancel-btn:hover{background:#996058}.subscription-cancel-btn svg,.subscription-contact-btn svg{width:16px;height:16px}.subscription-buttons button:disabled{opacity:.7;cursor:not-allowed}.cancel-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cancel-confirm-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0003}.cancel-confirm-modal h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.cancel-warning-box{display:flex;gap:1rem;background:#fff8e6;border:1px solid #f0c36d;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.cancel-warning-box svg{width:24px;height:24px;color:#d4a012;flex-shrink:0;margin-top:2px}.cancel-warning-box p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-primary)}.cancel-warning-box ul{margin:0;padding-left:1.25rem;font-size:.85rem;color:var(--text-secondary)}.cancel-warning-box li{margin-bottom:.25rem}.cancel-confirm-buttons{display:flex;gap:.75rem;justify-content:flex-end}.cancel-confirm-back{padding:.7rem 1.25rem;border:1px solid var(--border-light);background:#fff;color:var(--text-primary);border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.cancel-confirm-back:hover{background:#f5f5f5}.cancel-confirm-yes{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border:none;background:#b0766a;color:#fff;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.cancel-confirm-yes:hover{background:#996058}.cancel-confirm-yes:disabled{opacity:.7;cursor:not-allowed}.cancel-confirm-back:disabled{opacity:.7;cursor:not-allowed}.subscription-success{color:var(--success-green);background:#4caf501a;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.subscription-error{color:#f44336;background:#f443361a;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.subscription-result{margin-top:1rem}.subscription-sent-preview{background:#f9f9f9;border:1px solid var(--border-light);border-radius:8px;padding:1rem;margin-top:.75rem}.subscription-sent-preview .preview-title{font-size:.85rem;color:var(--text-secondary);margin:0 0 .75rem;font-weight:500}.subscription-sent-preview .preview-content{background:#fff;border:1px solid var(--border-light);border-radius:6px;padding:.75rem}.subscription-sent-preview .preview-content p{margin:0 0 .5rem;font-size:.85rem;color:var(--text-primary)}.subscription-sent-preview .preview-content p:last-child{margin-bottom:0}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.profile-screen{width:100vw;max-width:100%}.profile-container{flex-direction:column;padding:.5rem;width:100%;max-width:100%}.profile-sidebar{width:100%;max-width:100%;position:static;padding:1rem;box-sizing:border-box}.profile-header{padding-bottom:1rem;width:100%}.profile-avatar-large{width:60px;height:60px;font-size:1.5rem}.profile-user-name{font-size:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.profile-user-email{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.profile-nav-item{padding:.6rem .5rem;font-size:.75rem;justify-content:center;text-align:center;flex-direction:column;gap:.25rem}.profile-nav-item svg{width:18px;height:18px}.profile-logout-btn{margin-top:1rem;padding:.6rem;font-size:.8rem}.history-item{flex-direction:column;align-items:flex-start}.history-results{width:100%;justify-content:flex-start}.profile-welcome h2{font-size:1.25rem}.profile-welcome p{font-size:.9rem}.profile-content{width:100%;max-width:100%;padding:.5rem;box-sizing:border-box}}.subscription-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.subscription-badge svg{width:20px;height:20px;flex-shrink:0}.subscription-badge.active{background:#6b8e231a;border:1px solid rgba(107,142,35,.3);color:#6b8e23}.subscription-badge.inactive{background:#cd5c5c1a;border:1px solid rgba(205,92,92,.3);color:#cd5c5c}.subscription-badge.free-tier{background:#4682b41a;border:1px solid rgba(70,130,180,.3);color:#4682b4}.subscription-badge button{background:var(--primary-orange);color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;margin-left:.5rem;transition:all .2s ease}.subscription-badge button:hover{background:var(--primary-orange-hover)}.premium-badge{background:var(--primary-orange);color:#fff;font-size:.6rem;font-weight:600;padding:.2rem .45rem;border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.3px}.subscription-screen{min-height:100vh;padding:2rem 1rem;background:linear-gradient(180deg,#faf8f5,#f5f0eb)}.subscription-container{max-width:600px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:2rem}.subscription-icon{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#f5f0eb,#ede6dd);border-radius:50%;display:flex;align-items:center;justify-content:center}.subscription-icon svg{width:40px;height:40px;color:var(--primary-orange)}.subscription-icon .subscription-logo-img{width:50px;height:50px;object-fit:contain}.subscription-header h1{font-size:1.75rem;color:var(--text-dark);margin-bottom:.5rem;font-weight:600}.subscription-tagline{color:var(--text-gray);font-size:1rem}.payment-success-banner{display:flex;align-items:center;gap:1rem;background:#6b8e231a;border:1px solid rgba(107,142,35,.3);border-radius:12px;padding:1rem 1.25rem;margin-bottom:2rem}.payment-success-banner svg{width:32px;height:32px;color:#6b8e23;flex-shrink:0}.payment-success-banner strong{color:#6b8e23;display:block;margin-bottom:.25rem}.payment-success-banner p{color:var(--text-gray);font-size:.9rem;margin:0}.subscription-price-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;border:2px solid var(--primary-orange);position:relative}.price-badge{background:var(--primary-orange);color:#fff;font-size:.75rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%);text-transform:uppercase;letter-spacing:.5px}.price-amount{margin:1rem 0}.price-value{font-size:3rem;font-weight:700;color:var(--primary-orange)}.price-period{font-size:1.2rem;color:var(--text-gray)}.price-description{color:var(--text-gray);font-size:.9rem;margin:0}.subscription-benefits{margin-bottom:2rem}.subscription-benefits h3{text-align:center;color:var(--text-dark);margin-bottom:1.25rem;font-size:1.25rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.benefit-card{display:flex;align-items:flex-start;gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-light);transition:all .2s ease}.benefit-card:hover{border-color:#8b73554d;box-shadow:0 4px 12px #00000014}.benefit-icon-svg{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#f5f0eb,#ede6dd);border-radius:10px;display:flex;align-items:center;justify-content:center}.benefit-icon-svg svg{width:22px;height:22px;color:var(--primary-orange)}.benefit-content strong{display:block;color:var(--text-dark);margin-bottom:.35rem;font-size:.95rem;font-weight:600}.benefit-content p{color:var(--text-gray);font-size:.85rem;margin:0;line-height:1.5}.subscription-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.subscribe-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--primary-orange);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.subscribe-button svg{width:24px;height:24px}.subscribe-button:hover{background:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.back-button{background:transparent;color:var(--text-gray);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease}.back-button:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.already-subscribed{display:flex;align-items:center;gap:1rem;background:#6b8e231a;border:1px solid rgba(107,142,35,.3);border-radius:12px;padding:1.25rem}.already-subscribed svg{width:40px;height:40px;flex-shrink:0}.already-subscribed strong{color:#6b8e23;display:block;margin-bottom:.25rem}.already-subscribed p{color:var(--text-gray);font-size:.9rem;margin:0}.plan-cards-container{display:flex;gap:12px;padding:0 16px;margin-bottom:16px}@media(max-width:600px){.plan-cards-container{flex-direction:column;gap:20px}}.subscription-footer{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-light)}.footer-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.85rem}.footer-item svg{width:18px;height:18px;color:var(--text-light)}.paywall-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paywall-modal{background:#fff;border-radius:16px;padding:1.5rem;max-width:380px;width:100%;text-align:center;position:relative;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paywall-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.paywall-modal-close:hover{background:var(--bg-light);color:var(--text-dark)}.paywall-icon{margin-bottom:.75rem}.paywall-icon svg{width:40px;height:40px;color:var(--primary-orange)}.paywall-modal h2{font-size:1.25rem;color:var(--text-dark);margin-bottom:.5rem}.paywall-message{color:var(--text-gray);font-size:.875rem;margin-bottom:1rem;line-height:1.4}.paywall-price{margin-bottom:1rem}.paywall-price-value{font-size:2rem;font-weight:700;color:var(--primary-orange)}.paywall-price-period{font-size:.9rem;color:var(--text-gray)}.paywall-benefits-mini{background:var(--bg-light);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;text-align:left}.paywall-benefit{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.825rem;color:var(--text-dark)}.paywall-benefit svg{width:16px;height:16px;min-width:16px;color:var(--success-green)}.paywall-actions{display:flex;flex-direction:column;gap:.5rem}.paywall-subscribe-button{background:var(--primary-orange);color:#fff;border:none;padding:.875rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.paywall-subscribe-button:hover{background:var(--primary-orange-hover)}.paywall-cancel-button{background:transparent;color:var(--text-gray);border:none;padding:.5rem;font-size:.85rem;cursor:pointer;transition:color .2s ease}.paywall-cancel-button:hover{color:var(--text-dark)}.paywall-free-option{color:var(--primary-orange)!important;font-weight:600;text-decoration:underline}.paywall-free-option:hover{color:var(--primary-orange-hover)!important}@media(max-width:480px){.subscription-header h1{font-size:1.5rem}.price-value{font-size:2.5rem}.benefits-grid{grid-template-columns:1fr}.paywall-modal{padding:1.5rem}.paywall-price-value{font-size:2rem}}.exam-dev-stats-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-light)}.exam-dev-stats-section .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem}.exam-dev-stats-section .section-icon{width:24px;height:24px;color:var(--primary-orange)}.exam-dev-empty{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;color:var(--text-gray)}.exam-dev-empty p:first-child{font-size:1.1rem;margin-bottom:.5rem}.exam-dev-empty p:last-child{font-size:.9rem;opacity:.8}.exam-dev-summary{margin-bottom:1.5rem}.exam-dev-performance-card{background:#fff;border:2px solid;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014}.performance-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.performance-emoji{font-size:2rem}.performance-title{font-size:1.25rem;font-weight:600}.performance-stats{display:flex;justify-content:space-around;gap:1rem}.performance-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.performance-stat .stat-value{font-size:2rem;font-weight:700;line-height:1.2}.performance-stat .stat-label{font-size:.85rem;color:var(--text-gray);margin-top:.25rem}.exam-dev-table .score-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-weight:600;font-size:.9rem}.exam-dev-table .temas-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.exam-dev-performance-card{padding:1rem}.performance-emoji{font-size:1.5rem}.performance-title{font-size:1rem}.performance-stats{flex-direction:column;gap:.75rem}.performance-stat{flex-direction:row;justify-content:space-between;width:100%;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.performance-stat:last-child{border-bottom:none}.performance-stat .stat-value{font-size:1.5rem}.exam-dev-table .temas-cell{max-width:100px}.exam-dev-table th,.exam-dev-table td{padding:.5rem .4rem;font-size:.75rem}.exam-dev-table .score-badge{font-size:.75rem;padding:.2rem .4rem}}@media(max-width:480px){.performance-stats{gap:.5rem}.performance-stat .stat-value{font-size:1.25rem}.performance-stat .stat-label{font-size:.75rem}.exam-dev-table th,.exam-dev-table td{padding:.4rem .3rem;font-size:.7rem}.stats-table-wrapper{margin:0 -.5rem;border-radius:0;border-left:none;border-right:none}}.stats-header{margin-bottom:1.5rem}.stats-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--text-dark)}.stats-header-icon{width:28px;height:28px;color:var(--primary-orange)}.stats-header-icon svg{width:100%;height:100%}.stats-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f5f5f5;padding:.375rem;border-radius:12px}.stats-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;font-size:.95rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s ease}.stats-tab svg{width:20px;height:20px;flex-shrink:0}.stats-tab:hover{color:var(--text-dark);background:#8b73551a}.stats-tab.active{background:#fff;color:var(--primary-orange);box-shadow:0 2px 8px #00000014}.performance-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.performance-icon svg{width:100%;height:100%}@media(max-width:600px){.stats-tabs{flex-direction:column}.stats-tab{justify-content:flex-start;padding:.75rem 1rem}}.asignatura-selected-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90CAF9;border-radius:12px;padding:.75rem 1rem;margin-bottom:1.5rem}.asignatura-selected-banner .banner-content{display:flex;align-items:center;gap:.75rem;color:#1565c0}.asignatura-selected-banner .banner-content svg{width:22px;height:22px;stroke:#1565c0;flex-shrink:0}.asignatura-selected-banner .banner-content span{font-size:1rem}.asignatura-selected-banner .banner-content strong{color:#0d47a1}.banner-clear-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:#fff;color:#666;border:1px solid #ddd;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.banner-clear-btn:hover{background:#f5f5f5;border-color:#bbb}.banner-clear-btn svg{width:14px;height:14px;stroke:#666}@media(max-width:600px){.asignatura-selected-banner{flex-direction:column;gap:.75rem;text-align:center}.asignatura-selected-banner .banner-content{justify-content:center}}.asignaturas-screen{max-width:100%;width:100%;margin:0 auto;padding:0;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;background:#fff}.asignaturas-screen>.asignaturas-header,.asignaturas-screen>.category-search-container,.asignaturas-screen>.asignaturas-list{max-width:800px;width:100%;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.asignaturas-screen>.asignaturas-header{padding-top:1.5rem}.asignaturas-screen>.asignaturas-list{flex:1;padding-bottom:2rem}.asignaturas-screen>.site-footer{margin-top:auto;flex-shrink:0}.asignaturas-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.asignaturas-header h1{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.back-arrow-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--bg-white);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.back-arrow-btn:hover{background:var(--bg-light);transform:translate(-2px)}.back-arrow-btn svg{width:24px;height:24px;stroke:var(--text-gray)}.asignaturas-search-container{margin-bottom:1.5rem}.asignaturas-search-box{display:flex;align-items:center;background:var(--bg-white);border:2px solid var(--border-light);border-radius:16px;padding:.75rem 1rem;gap:.75rem;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.asignaturas-search-box:focus-within{border-color:var(--primary-orange);box-shadow:0 4px 12px #8b735526}.asignaturas-search-box .search-icon{width:20px;height:20px;stroke:var(--text-light);flex-shrink:0}.asignaturas-search-input{flex:1;border:none;outline:none;font-size:1rem;background:transparent;color:var(--text-dark)}.asignaturas-search-input::placeholder{color:var(--text-light)}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--bg-light);border-radius:50%;cursor:pointer;transition:all .2s ease}.search-clear-btn:hover{background:var(--error-red)}.search-clear-btn:hover svg{stroke:#fff}.search-clear-btn svg{width:14px;height:14px;stroke:var(--text-light)}.asignaturas-list{display:flex;flex-direction:column;gap:.75rem;width:100%;overflow-x:hidden}.asignaturas-count{font-size:.9rem;color:var(--text-gray);margin-bottom:.5rem;padding-left:.25rem}.asignatura-card{display:flex;align-items:center;gap:1rem;background:var(--bg-white);border-radius:16px;padding:1rem 1.25rem;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;border:1px solid var(--border-light);width:100%;max-width:100%}.asignatura-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.asignatura-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover) 100%);border-radius:12px;flex-shrink:0}.asignatura-icon svg{width:24px;height:24px;stroke:#fff}.asignatura-info{flex:1;min-width:0}.asignatura-info h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asignatura-id{font-size:.8rem;color:var(--text-light)}.asignatura-actions{display:flex;gap:.5rem;flex-shrink:0}.asignatura-test-btn,.asignatura-exam-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}.asignatura-test-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.asignatura-test-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #4caf504d}.asignatura-exam-btn{background:linear-gradient(135deg,#2196f3,#1976d2)}.asignatura-exam-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #2196f34d}.asignaturas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.asignaturas-loading p{color:var(--text-gray);font-size:.95rem}.asignaturas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-light)}.asignaturas-empty svg{width:64px;height:64px;stroke:var(--text-light);opacity:.5}.asignaturas-empty p{font-size:1rem}.asignaturas-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;background:var(--bg-white);border-radius:16px;border:1px dashed var(--border-light)}.asignaturas-no-results svg{width:48px;height:48px;stroke:var(--text-light)}.asignaturas-no-results p{color:var(--text-gray);font-size:.95rem;text-align:center}.clear-search-btn{padding:.5rem 1rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{background:var(--primary-orange-hover)}@media(max-width:600px){.asignaturas-screen{padding:1rem;overflow-x:hidden;width:100%;box-sizing:border-box}.asignaturas-list{overflow-x:hidden}.asignaturas-header h1{font-size:1.25rem}.asignatura-card{padding:.75rem;gap:.5rem;width:100%;box-sizing:border-box}.asignatura-icon{width:36px;height:36px;border-radius:8px}.asignatura-icon svg{width:18px;height:18px}.asignatura-info{flex:1;min-width:0;overflow:hidden}.asignatura-info h3{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asignatura-id{font-size:.75rem}.asignatura-actions{gap:.35rem}.asignatura-test-btn,.asignatura-exam-btn{padding:.4rem .5rem;font-size:.7rem;border-radius:6px}}@media(max-width:380px){.asignatura-card{padding:.5rem;gap:.3rem}.asignatura-icon{display:none}.asignatura-info h3{font-size:.8rem}.asignatura-test-btn,.asignatura-exam-btn{padding:.35rem .4rem;font-size:.65rem}}.site-footer{background:#1a1a1a;color:#888;margin-top:3rem;width:100vw;margin-left:calc(-50vw + 50%);position:relative}.footer-container.footer-compact{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;gap:2rem;flex-wrap:wrap}.footer-brand-section{display:flex;align-items:center;gap:1rem}.footer-logo-wrapper{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:8px;flex-shrink:0}.footer-logo{width:100%;height:100%;object-fit:contain}.footer-brand-name{font-size:1rem;font-weight:700;color:#c9a86c;letter-spacing:2px;white-space:nowrap}.footer-nav-section{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-nav-section a{color:#999;text-decoration:none;font-size:.9rem;transition:color .2s ease;white-space:nowrap}.footer-nav-section a:hover{color:#c9a86c}.footer-courses-section{display:flex;align-items:center;gap:1rem}.footer-courses-label{color:#c9a86c;font-size:.85rem;font-weight:600;white-space:nowrap}.footer-courses-links{display:flex;align-items:center;gap:.5rem}.footer-courses-links a{color:#999;text-decoration:none;font-size:.85rem;padding:.4rem .8rem;background:#c9a86c1a;border:1px solid rgba(201,168,108,.3);border-radius:20px;transition:all .2s ease;white-space:nowrap}.footer-courses-links a:hover{background:#c9a86c33;border-color:#c9a86c;color:#c9a86c}.footer-legal{background:#1a1a1a;padding:1rem 2rem;text-align:center;border-top:1px solid #333;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem}.footer-legal a{color:#999;text-decoration:none;font-size:.85rem;transition:color .2s ease}.footer-legal a:hover{color:#fff}.footer-legal-separator{color:#555;font-size:.85rem}.footer-bottom{background:#111;padding:1rem 2rem 1.5rem;text-align:center;box-shadow:0 50vh 0 50vh #111}.footer-bottom p{color:#666;font-size:.8rem;max-width:1400px;margin:0 auto}@media(max-width:1024px){.footer-container.footer-compact{justify-content:center;gap:1.5rem}.footer-courses-section{flex-direction:column;gap:.5rem}.footer-courses-links{flex-wrap:wrap;justify-content:center}}@media(max-width:768px){.footer-container.footer-compact{flex-direction:column;align-items:center;text-align:center;padding:1.5rem;gap:1.25rem}.footer-brand-section{flex-direction:column;gap:.5rem}.footer-logo-wrapper{width:45px;height:45px}.footer-nav-section{justify-content:center;gap:1rem}.footer-courses-section{width:100%;justify-content:center}.footer-courses-links{justify-content:center}}@media(max-width:480px){.footer-container.footer-compact{padding:1.25rem 1rem;gap:1rem}.footer-brand-name{font-size:.9rem;letter-spacing:1px}.footer-nav-section{gap:.75rem}.footer-nav-section a,.footer-courses-label{font-size:.8rem}.footer-courses-links a{font-size:.75rem;padding:.3rem .6rem}.footer-bottom{padding:1rem}.footer-bottom p{font-size:.75rem}}.footer-contact-btn{background:none;border:none;color:#999;font-size:.9rem;cursor:pointer;padding:0;transition:color .2s ease;white-space:nowrap}.footer-contact-btn:hover{color:#c9a86c}.footer-contact-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.footer-contact-modal{background:#fff;border-radius:16px;padding:2rem;max-width:450px;width:100%;position:relative;box-shadow:0 10px 40px #0000004d}.footer-contact-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.footer-contact-close:hover{background:#f0f0f0;color:#333}.footer-contact-modal h3{margin:0 0 .5rem;color:var(--text-dark);font-size:1.4rem}.footer-contact-subtitle{color:var(--text-gray);margin:0 0 1.5rem;font-size:.9rem}.footer-contact-field{margin-bottom:1rem}.footer-contact-field label{display:block;font-size:.85rem;font-weight:500;color:var(--text-dark);margin-bottom:.4rem}.footer-contact-field input,.footer-contact-field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;transition:border-color .2s}.footer-contact-field input:focus,.footer-contact-field textarea:focus{outline:none;border-color:var(--primary-orange)}.footer-contact-field textarea{resize:vertical;min-height:100px}.footer-contact-submit{width:100%;padding:.9rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.5rem}.footer-contact-submit:hover:not(:disabled){background:var(--primary-orange-hover)}.footer-contact-submit:disabled{opacity:.7;cursor:not-allowed}.footer-contact-error{color:var(--error-red);font-size:.85rem;margin:0 0 .5rem;text-align:center}.footer-contact-success{text-align:center;padding:1rem 0}.footer-contact-success svg{width:60px;height:60px;color:var(--success-green);margin-bottom:1rem}.footer-contact-success p{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-dark)}.footer-contact-success-sub{color:var(--text-gray)!important;font-size:.9rem!important;font-weight:400!important;margin-top:.5rem!important}.footer-contact-done-btn{margin-top:1.5rem;padding:.75rem 2rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.footer-contact-done-btn:hover{background:var(--primary-orange-hover)}@media(max-width:480px){.footer-contact-modal{padding:1.5rem}.footer-contact-modal h3{font-size:1.2rem}}.support-widget{position:fixed;bottom:24px;left:24px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-orange);color:#fff;border:none;border-radius:50px;font-size:.95rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #8b735566;transition:all .3s ease;z-index:9999;width:130px;box-sizing:border-box}.support-widget:hover{background:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:0 6px 16px #8b735580}.support-widget svg{width:20px;height:20px}.support-widget span{font-weight:500}@media(max-width:768px){.support-widget{bottom:16px;left:16px;padding:.6rem 1rem;font-size:.85rem;width:auto}.support-widget svg{width:18px;height:18px}}@media(max-width:480px){.support-widget{padding:.75rem;border-radius:50%;width:auto}.support-widget span{display:none}.support-widget svg{width:22px;height:22px}}.quick-start-container{width:100%;max-width:800px;margin:1.5rem auto;padding:0 1rem}.quick-start-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b73554d}.quick-start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b735566}.quick-start-button:active:not(:disabled){transform:translateY(0)}.quick-start-button:disabled{opacity:.7;cursor:not-allowed}.quick-start-button svg{width:24px;height:24px}@media(max-width:768px){.quick-start-container{margin:1rem auto}.quick-start-button{padding:.875rem 1.5rem;font-size:1rem}.quick-start-button svg{width:20px;height:20px}}.navbar-finish-test{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.navbar-finish-test:hover{background:var(--primary-orange-hover);transform:translateY(-1px)}.navbar-finish-test svg{width:18px;height:18px}@media(max-width:768px){.navbar-finish-test{font-size:.75rem;padding:.4rem .75rem}.navbar-finish-test svg{width:16px;height:16px}}@media(max-width:480px){.navbar-finish-test{font-size:.65rem;padding:.35rem .5rem}.navbar-finish-test svg{width:14px;height:14px}}.notification-prompt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem;animation:fadeIn .3s ease}.notification-prompt-modal{background:#fffbf7;border-radius:16px;padding:2rem;max-width:400px;width:100%;position:relative;text-align:center;box-shadow:0 20px 60px #8b735540;animation:slideUp .3s ease;border:1px solid #E8DDD4}.notification-prompt-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#8b7355;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.notification-prompt-close:hover{background:#f5f0eb;color:#5c4a3a}.notification-prompt-icon{width:72px;height:72px;margin:0 auto 1.5rem;background:#fffbf7;border:2px solid #8B7355;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-prompt-icon svg{width:36px;height:36px;stroke:#8b7355;stroke-width:1.5}.notification-prompt-modal h2{font-size:1.4rem;color:#5c4a3a;margin-bottom:.75rem;font-weight:600}.notification-prompt-message{color:#8b7355;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.notification-prompt-benefits{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;text-align:left}.notification-benefit{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:#f5f0eb;border-radius:8px;border:1px solid #E8DDD4}.notification-benefit-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.notification-benefit-icon svg{width:20px;height:20px;stroke:#8b7355}.notification-benefit span:last-child{color:#5c4a3a;font-size:.85rem;font-weight:500}.notification-prompt-actions{display:flex;flex-direction:column;gap:.75rem}.notification-accept-button{background:#8b7355;color:#fff;border:none;padding:.9rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-accept-button:hover{background:#5c4a3a}.notification-dismiss-button{background:transparent;color:#8b7355;border:none;padding:.6rem;font-size:.85rem;cursor:pointer;transition:color .2s ease}.notification-dismiss-button:hover{color:#5c4a3a;text-decoration:underline}.dark-mode .notification-prompt-modal{background:#2c2c2c;border-color:#3c3c3c}.dark-mode .notification-prompt-modal h2{color:#f5f0eb}.dark-mode .notification-prompt-message{color:#b8a99a}.dark-mode .notification-prompt-icon{background:#3c3c3c;border-color:#b8a99a}.dark-mode .notification-prompt-icon svg{stroke:#b8a99a}.dark-mode .notification-benefit{background:#3c3c3c;border-color:#4c4c4c}.dark-mode .notification-benefit-icon svg{stroke:#b8a99a}.dark-mode .notification-benefit span:last-child{color:#f5f0eb}.dark-mode .notification-prompt-close{color:#b8a99a}.dark-mode .notification-prompt-close:hover{background:#3c3c3c;color:#f5f0eb}.dark-mode .notification-accept-button{background:#b8a99a;color:#2c2c2c}.dark-mode .notification-accept-button:hover{background:#f5f0eb}.dark-mode .notification-dismiss-button{color:#b8a99a}@media(max-width:480px){.notification-prompt-modal{padding:1.5rem;margin:.5rem}.notification-prompt-icon{width:60px;height:60px}.notification-prompt-icon svg{width:30px;height:30px}.notification-prompt-modal h2{font-size:1.2rem}}.infografias-screen{display:block;min-height:100vh!important;padding:2rem 1rem 4rem;background:#f8f9fa}.infografias-screen>*:not(.site-footer){max-width:1100px;margin-left:auto;margin-right:auto;width:100%}.infografias-screen>.site-footer{display:none}.apuntes-section-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0 0 1.5rem;text-align:left}.back-button-container{display:flex;justify-content:center;width:100%;margin:8rem 0 0}.infografias-screen .back-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:auto;padding:.75rem 1.5rem;font-size:.95rem}.infografias-screen .back-button svg{width:18px;height:18px}.infografias-header{text-align:left;margin-bottom:2.5rem}.infografias-header .section-title{margin-bottom:.5rem}.infografias-subtitle{color:var(--text-gray);font-size:1.1rem;font-weight:400}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-orange);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.empty-state-notebook{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#faf8f5,#f5f0eb);border-radius:20px;border:2px dashed var(--border-light);margin-bottom:2rem}.empty-illustration{margin-bottom:1.5rem}.empty-illustration svg{width:120px;height:120px}.empty-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.empty-description{color:var(--text-gray);font-size:1rem;text-align:center;max-width:400px;margin-bottom:1.5rem;line-height:1.6}.empty-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-orange) 0%,#7a634a 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b735559}.empty-action-btn svg{width:20px;height:20px}.folder-sections-horizontal{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.notebook-section{margin-bottom:0;text-align:left;background:var(--bg-white);border:1px solid var(--border-light);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;min-width:0;overflow:hidden}@media(max-width:900px){.folder-sections-horizontal{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.folder-sections-horizontal{grid-template-columns:1fr}}.section-header-notebook{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.section-icon-badge{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.section-icon-badge.infografia{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.section-icon-badge.pdf{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.section-icon-badge svg{width:18px;height:18px}.section-header-text h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.1rem}.section-count{font-size:.75rem;color:var(--text-light)}.notebook-grid{display:flex;flex-direction:column;gap:.75rem}.folder-sections-horizontal .notebook-grid,.folder-sections-horizontal .infografias-grid,.folder-sections-horizontal .pdf-grid,.folder-sections-horizontal .flashcards-grid{display:flex!important;flex-direction:column!important;gap:.75rem!important;grid-template-columns:none!important}.notebook-card{background:#fafafa;border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:all .25s ease;width:100%;min-width:0}.folder-sections-horizontal .notebook-card{width:100%}.notebook-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px #8b73551f;transform:translateY(-2px)}.card-thumbnail{position:relative;cursor:pointer;overflow:hidden}.infografia-thumbnail{height:100px;background:linear-gradient(135deg,#f5f0eb,#ebe3d9)}.infografia-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.notebook-card:hover .infografia-thumbnail img{transform:scale(1.05)}.thumbnail-fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0eb,#ebe3d9)}.thumbnail-fallback.visible{display:flex}.thumbnail-fallback svg{width:48px;height:48px;color:var(--text-light)}.thumbnail-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.card-thumbnail:hover .thumbnail-overlay{opacity:1}.thumbnail-overlay svg{width:32px;height:32px;margin-bottom:.5rem}.thumbnail-overlay span{font-size:.9rem;font-weight:600}.pdf-thumbnail{height:100px;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.pdf-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.pdf-logo{width:40px;height:40px;margin-bottom:.5rem}.pdf-logo img{width:100%;height:100%;object-fit:contain}.pdf-title-preview{text-align:center;margin-bottom:.75rem}.pdf-doc-type{display:block;font-size:.7rem;font-weight:700;color:#2e7d32;letter-spacing:1px;text-transform:uppercase}.pdf-doc-subtitle{display:block;font-size:.7rem;color:var(--text-gray);margin-top:.15rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-lines{width:70%;display:flex;flex-direction:column;gap:.35rem}.pdf-line{height:4px;background:#e0e0e0;border-radius:2px}.pdf-line.short{width:60%}.card-content{padding:.75rem .875rem .5rem;overflow:hidden;min-width:0}.notebook-card .card-title{font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.card-date{font-size:.75rem;color:var(--text-gray);margin-bottom:.15rem;white-space:nowrap}.card-meta{font-size:.7rem;color:var(--text-light);white-space:nowrap}.card-actions{display:flex;gap:.5rem;padding:.5rem 1rem 1rem}.card-action-btn{flex:1;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.card-action-btn svg{width:18px;height:18px}.card-action-btn.primary{background:linear-gradient(135deg,var(--primary-orange) 0%,#7a634a 100%);color:#fff}.card-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.card-action-btn.danger{background:var(--bg-light);color:var(--text-gray)}.card-action-btn.danger:hover{background:#ffebee;color:var(--error-red)}.card-action-btn:disabled{opacity:.6;cursor:not-allowed}.back-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem}.back-button svg{width:20px;height:20px}.spinner-small{width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--primary-orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.folders-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;margin-bottom:2rem;align-items:stretch}.materia-folder{background:#e8eaed;border:none;border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;gap:.75rem;min-height:140px;position:relative}.materia-folder:hover{background:#dde0e4;box-shadow:0 2px 8px #00000014}.folder-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#87ceeb,#6bb8d9);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.folder-icon.color-0{background:linear-gradient(135deg,#87ceeb,#6bb8d9)}.folder-icon.color-1{background:linear-gradient(135deg,#98d8c8,#7cc4b2)}.folder-icon.color-2{background:linear-gradient(135deg,plum,#c88ac8)}.folder-icon.color-3{background:linear-gradient(135deg,#ffb6c1,#f0a0ab)}.folder-icon.color-4{background:linear-gradient(135deg,#b0c4de,#9ab0c8)}.folder-icon.color-5{background:linear-gradient(135deg,#a5d6a7,#81c784)}.folder-icon.color-6{background:linear-gradient(135deg,#ce93d8,#ba68c8)}.folder-icon svg{width:24px;height:24px;color:#fff;stroke:#fff;fill:none}.folder-icon svg path{stroke:#fff;fill:#fff3}.folder-info{flex:1;min-width:0;width:100%}.folder-name{font-size:.95rem;font-weight:500;color:#1f2937;margin:0 0 .35rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.folder-count{font-size:.8rem;color:#6b7280;line-height:1.4}.folder-expand-icon{display:none}.folder-full-view{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.folder-full-header{margin-bottom:1.5rem}.folder-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-light);border:1px solid var(--border-light);border-radius:10px;padding:.6rem 1rem;font-size:.9rem;color:var(--text-gray);cursor:pointer;transition:all .2s ease}.folder-back-btn:hover{background:var(--bg-white);border-color:var(--primary-orange);color:var(--text-dark)}.folder-back-btn svg{width:18px;height:18px}.folder-full-title-section{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#faf8f5,#f5f0eb);border-radius:16px;margin-bottom:1.5rem}.folder-full-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.folder-full-icon svg{width:48px;height:48px}.folder-full-icon.color-0 svg{color:#6bb8d9}.folder-full-icon.color-1 svg{color:#7cc4b2}.folder-full-icon.color-2 svg{color:#c88ac8}.folder-full-icon.color-3 svg{color:#f0a0ab}.folder-full-icon.color-4 svg{color:#9ab0c8}.folder-full-icon.color-5 svg{color:#81c784}.folder-full-icon.color-6 svg{color:#ba68c8}.folder-full-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0;flex:1}.folder-full-count{font-size:.9rem;color:var(--text-gray);background:var(--bg-white);padding:.4rem .8rem;border-radius:8px}.folder-documents-list,.folder-documents{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--bg-light);border-radius:12px;transition:all .2s ease}.document-item:hover{background:var(--border-light)}.document-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.document-icon svg{width:28px;height:28px}.document-info{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0}.document-type{font-size:.85rem;font-weight:600;padding:.2rem .6rem;border-radius:6px}.document-type.infografia{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1}.document-type.pdf{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.document-date{font-size:.85rem;color:var(--text-gray)}.document-questions{font-size:.8rem;color:var(--text-light)}.document-actions{display:flex;gap:.5rem;flex-shrink:0}.doc-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.doc-action-btn svg{width:18px;height:18px}.doc-action-btn.download{background:linear-gradient(135deg,var(--primary-orange) 0%,#7a634a 100%);color:#fff}.doc-action-btn.download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.doc-action-btn.delete{background:var(--bg-white);color:var(--text-gray);border:1px solid var(--border-light)}.doc-action-btn.delete:hover{background:#ffebee;color:var(--error-red);border-color:#ffcdd2}.doc-action-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1000px){.folders-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.folders-grid{grid-template-columns:repeat(2,1fr)}.folder-full-title-section{flex-wrap:wrap;gap:.75rem}.folder-full-title{flex:1 1 100%;order:2;font-size:1.1rem}.folder-full-count{order:3}}@media(max-width:500px){.folders-grid{grid-template-columns:1fr}.materia-folder{padding:.875rem}.folder-icon{width:36px;height:36px}.folder-icon svg{width:30px;height:30px}.document-item{flex-wrap:wrap;padding:.75rem}.document-info{flex:1 1 100%;order:2;margin-top:.5rem}.document-actions{order:1;margin-left:auto}}@media(max-width:900px){.infografias-grid,.pdf-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.infografias-grid,.pdf-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.infografias-header .section-title{font-size:1.5rem}.infografias-subtitle{font-size:1rem}.section-header-notebook{flex-direction:column;text-align:left;gap:.75rem}.empty-state-notebook{padding:2.5rem 1.5rem}.empty-title{font-size:1.25rem}}.flashcards-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f5f2,#f0ebe5);border-radius:16px;border:1px solid var(--border-light);text-align:center}.flashcards-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.25rem;color:var(--text-dark);margin-bottom:.75rem}.flashcards-icon{width:28px;height:28px;color:#6f4e37}.flashcards-description{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.flashcards-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6f4e37,#8a654d);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 auto}.flashcards-button:hover{background:linear-gradient(135deg,#5f4028,#7a563f);transform:translateY(-2px);box-shadow:0 4px 15px #6f4e374d}.flashcards-button svg{width:20px;height:20px}.flashcards-loading{text-align:center;padding:2rem}.flashcards-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#6f4e37;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.flashcards-loading-hint{font-size:.85rem;color:var(--text-light);margin-top:.5rem}.flashcards-error{background:#fff5f5;border:1px solid #ffcdd2;border-radius:12px;padding:1rem;text-align:center}.flashcards-retry-button{margin-top:.75rem;padding:.5rem 1rem;background:#ef5350;color:#fff;border:none;border-radius:8px;cursor:pointer}.flashcards-generated{text-align:center}.flashcards-success-message{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:.75rem;margin-bottom:1rem;color:#2e7d32}.flashcards-preview{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.flashcard-preview-item{background:#fff;border:1px solid var(--border-light);border-radius:10px;padding:.75rem;width:150px;text-align:left}.flashcard-preview-label{font-size:.65rem;color:#6b5b95;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flashcard-preview-item p{font-size:.8rem;color:var(--text-dark);margin:.25rem 0 0;line-height:1.3}.flashcard-preview-more{display:flex;align-items:center;justify-content:center;width:80px;background:#f5f0eb;border-radius:10px;font-size:.9rem;color:var(--text-light);font-weight:500}.flashcards-study-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#6f4e37,#8a654d);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.flashcards-study-button:hover{background:linear-gradient(135deg,#5f4028,#7a563f);transform:translateY(-2px);box-shadow:0 6px 20px #6f4e3759}.flashcards-study-button svg{width:20px;height:20px}.audio-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f3f0fa,#ebe5f5);border-radius:16px;border:1px solid var(--border-light);text-align:center}.audio-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.25rem;color:var(--text-dark);margin-bottom:.75rem}.audio-icon{width:28px;height:28px;color:#7a4b3a}.audio-description{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.audio-generate-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#7a4b3a,#956050);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 auto}.audio-generate-button:hover{background:linear-gradient(135deg,#6a3d2d,#855242);transform:translateY(-2px);box-shadow:0 4px 15px #7a4b3a4d}.audio-generate-button svg{width:20px;height:20px}.audio-loading{text-align:center;padding:2rem}.audio-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#7a4b3a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.audio-loading-hint{font-size:.85rem;color:var(--text-light);margin-top:.5rem}.audio-error{background:#fff5f5;border:1px solid #ffcdd2;border-radius:12px;padding:1rem;text-align:center}.audio-retry-button{margin-top:.75rem;padding:.5rem 1rem;background:#ef5350;color:#fff;border:none;border-radius:8px;cursor:pointer}.audio-player-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.audio-player{width:100%;max-width:500px;border-radius:12px}.audio-speed-hint{font-size:.8rem;color:var(--text-light);margin-top:.5rem;font-style:italic}.flashcard-study-screen{min-height:100vh;background:linear-gradient(180deg,#f8f5f2,#ebe3d9,#e8dfd5);padding:1rem 1rem 2rem;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.flashcard-study-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:1rem}.flashcard-back-button{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-dark);font-size:.95rem;cursor:pointer;border-radius:8px;transition:background .2s ease}.flashcard-back-button:hover{background:#0000000d}.flashcard-category-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#6b5b95,#8b7ba8);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flashcard-progress{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.flashcard-progress-bar{flex:1;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.flashcard-progress-fill{height:100%;background:linear-gradient(90deg,#6b5b95,#8b7ba8);border-radius:3px;transition:width .3s ease}.flashcard-progress-text{font-size:.9rem;color:var(--text-light);font-weight:500}.flashcard-container{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1rem}.flashcard{width:100%;max-width:500px;min-height:320px;cursor:pointer;position:relative}.flashcard:active{transform:scale(.98)}.flashcard-inner{position:relative;width:100%;min-height:320px}.flashcard-front,.flashcard-back{width:100%;min-height:320px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;box-shadow:0 10px 40px #0000001a;box-sizing:border-box;position:relative}.flashcard-front{background:#fff;border:1px solid var(--border-light)}.flashcard-back{background:linear-gradient(135deg,#6b5b95,#8b7ba8);color:#fff}.flashcard .flashcard-front{display:flex}.flashcard .flashcard-back,.flashcard.flipped .flashcard-front{display:none}.flashcard.flipped .flashcard-back{display:flex}.flashcard-type-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:1rem}.flashcard-front .flashcard-type-label{color:#6b5b95}.flashcard-back .flashcard-type-label{color:#ffffffb3}.flashcard-content{font-size:1.1rem;line-height:1.5;text-align:center;max-width:100%;overflow-y:auto;max-height:180px;word-wrap:break-word;overflow-wrap:break-word;padding:.5rem}.flashcard-front .flashcard-content{color:var(--text-dark)}.flashcard-back .flashcard-content{color:#fff}.flashcard-reveal-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid #6B5B95;border-radius:25px;color:#6b5b95;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.flashcard-reveal-button:hover{background:#6b5b95;color:#fff}.flashcard-rating-buttons{display:flex;justify-content:center;gap:.5rem;padding:1rem;flex-wrap:wrap;width:100%;max-width:500px;margin:0 auto}.flashcard-rating-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:60px}.flashcard-rating-btn:hover{transform:translateY(-3px)}.rating-number{font-size:1.5rem;font-weight:700}.rating-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.flashcard-rating-btn.rating-1{background:linear-gradient(135deg,#ef5350,#f44336);color:#fff}.flashcard-rating-btn.rating-2{background:linear-gradient(135deg,#ffb74d,#ffa726);color:#fff}.flashcard-rating-btn.rating-3{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff}.flashcard-rating-btn.rating-4{background:linear-gradient(135deg,#42a5f5,#2196f3);color:#fff}.flashcard-rating-btn.rating-5{background:linear-gradient(135deg,#ab47bc,#9c27b0);color:#fff}.flashcard-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px #00000026;z-index:1000;max-width:90%;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.flashcard-toast.success{border-left:4px solid #4CAF50}.flashcard-toast.success svg{width:24px;height:24px;color:#4caf50;flex-shrink:0}.flashcard-toast span{font-size:.9rem;color:var(--text-dark);line-height:1.4}.flashcard-toast button{background:none;border:none;color:var(--text-light);cursor:pointer;padding:.25rem;font-size:1rem;margin-left:auto}.flashcard-toast button:hover{color:var(--text-dark)}.flashcard-status-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #0000001a}.flashcard-status-badge.due{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.flashcard-status-badge.not-due{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.flashcard-status-badge svg{width:14px;height:14px;flex-shrink:0}.flashcard-status-badge .streak-count{margin-left:.25rem;opacity:.8}.section-icon-badge.flashcards{background:linear-gradient(135deg,#6b5b9526,#8b7ba826);color:#6b5b95}.flashcards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.flashcard-deck-card{border-color:#6b5b9533}.flashcard-deck-card:hover{border-color:#6b5b95}.flashcard-thumbnail{height:100px;background:linear-gradient(135deg,#f8f5ff,#ebe3ff)}.flashcard-deck-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;padding:.5rem}.deck-cards-stack{position:relative;width:60px;height:50px}.stack-card{position:absolute;width:50px;height:35px;background:#fff;border:2px solid #6B5B95;border-radius:6px}.stack-card:nth-child(1){top:0;left:0;opacity:.3}.stack-card:nth-child(2){top:4px;left:4px;opacity:.6}.stack-card.front{top:8px;left:8px;opacity:1;display:flex;align-items:center;justify-content:center}.stack-card.front svg{width:24px;height:24px;color:#6b5b95}.deck-count{font-size:.75rem;color:#6b5b95;font-weight:600;white-space:nowrap}@media(max-width:900px){.flashcards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.flashcards-grid{grid-template-columns:repeat(2,1fr)}.flashcard,.flashcard-inner,.flashcard-front,.flashcard-back{min-height:280px}.flashcard-content{font-size:.95rem;max-height:150px}.flashcard-rating-buttons{gap:.35rem}.flashcard-rating-btn{padding:.6rem 1rem;min-width:50px}.rating-number{font-size:1.25rem}.rating-label{font-size:.6rem}}@media(max-width:400px){.flashcard-rating-btn{padding:.5rem .75rem;min-width:45px}.rating-number{font-size:1.1rem}}