@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f5}:root{--color-primary: #0A1A2F;--color-primary-light: #0F2847;--color-primary-dark: #060F1A;--color-accent: #00D4FF;--color-accent-light: #7EEAFF;--color-accent-dark: #00A8CC;--color-white: #FFFFFF;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(0, 212, 255, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-gray-50);color:var(--color-gray-800)}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{background:var(--color-accent);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app{min-height:100vh;display:flex;flex-direction:column}.tool-page{flex:1;max-width:1600px;margin:0 auto;padding:2rem;width:100%;display:flex;flex-direction:column}.tool-page-content{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);flex:1;min-height:500px}.tools-section{background:var(--color-gray-50);max-width:1400px;margin:0 auto;width:100%;padding:2rem 2rem 4rem}.category-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-200)}.pill{padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:9999px;font-size:.8125rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60d}.pill.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 2px 8px #3b82f64d}.tools-grid-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tool-page-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);margin-bottom:1.5rem}.back-button:hover{background:var(--color-gray-50);color:var(--color-primary);border-color:var(--color-gray-300)}.tool-page-info{display:flex;align-items:center;gap:1rem}.tool-page-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-gray-100);border-radius:var(--radius-lg);font-size:1.75rem}.tool-page-info h1{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.25rem}.tool-page-info p{font-size:1rem;color:var(--color-gray-500)}.tool-not-found{text-align:center;padding:4rem 2rem}.tool-not-found h1{color:var(--color-gray-700);margin-bottom:1rem}.tool-not-found button{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);cursor:pointer}.no-results{text-align:center;padding:4rem 2rem;color:var(--color-gray-500)}.no-results p{margin-bottom:1rem;font-size:1.125rem}.no-results button{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.no-results button:hover{background:var(--color-primary-light)}@media (max-width: 768px){.tools-section{padding-left:1rem;padding-right:1rem}.category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.tools-grid-flat{grid-template-columns:1fr}.tool-page,.tool-page-content{padding:1rem}.tool-page-info h1{font-size:1.25rem}.tool-page-icon{width:48px;height:48px;font-size:1.5rem}}.header{position:sticky;top:0;z-index:100;background:var(--color-primary);border-bottom:1px solid rgba(255,255,255,.1)}.header-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.header-logo:hover{opacity:.8}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.25rem;font-weight:700;color:var(--color-white);letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:.75rem}.github-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-white);opacity:.7;transition:all var(--transition-fast)}.github-link:hover{opacity:1;background:#ffffff1a}.search-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.search-toggle:hover{background:#ffffff26;border-color:#ffffff4d}.search-shortcut{display:flex;gap:.25rem}.search-shortcut kbd{padding:.125rem .375rem;background:#ffffff26;border-radius:4px;font-size:.6875rem;font-family:inherit}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn var(--transition-fast);z-index:1000}.search-modal-content{width:100%;max-width:600px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideDown var(--transition-base);margin:0 1rem}.search-input-wrapper{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.search-input-wrapper svg{color:var(--color-gray-400);flex-shrink:0}.search-input-wrapper input{flex:1;border:none;background:none;font-size:1.125rem;color:var(--color-gray-800);outline:none}.search-input-wrapper input::placeholder{color:var(--color-gray-400)}.search-input-wrapper kbd{padding:.25rem .5rem;font-size:.75rem;font-family:inherit;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-gray-500)}@media (max-width: 768px){.header-container{padding:0 1rem}.search-shortcut{display:none}.logo-text{font-size:1.125rem}}.hero{position:relative;padding:4rem 2rem;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%)}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:linear-gradient(30deg,var(--color-accent) 12%,transparent 12.5%,transparent 87%,var(--color-accent) 87.5%,var(--color-accent)),linear-gradient(150deg,var(--color-accent) 12%,transparent 12.5%,transparent 87%,var(--color-accent) 87.5%,var(--color-accent)),linear-gradient(30deg,var(--color-accent) 12%,transparent 12.5%,transparent 87%,var(--color-accent) 87.5%,var(--color-accent)),linear-gradient(150deg,var(--color-accent) 12%,transparent 12.5%,transparent 87%,var(--color-accent) 87.5%,var(--color-accent)),linear-gradient(60deg,rgba(0,212,255,.5) 25%,transparent 25.5%,transparent 75%,rgba(0,212,255,.5) 75%,rgba(0,212,255,.5)),linear-gradient(60deg,rgba(0,212,255,.5) 25%,transparent 25.5%,transparent 75%,rgba(0,212,255,.5) 75%,rgba(0,212,255,.5));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}.hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto;text-align:center}.hero-title{font-size:2.5rem;font-weight:700;color:var(--color-white);line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em;animation:slideUp var(--transition-slow) ease-out}.hero-subtitle{font-size:1.125rem;color:var(--color-gray-300);margin-bottom:2rem;animation:slideUp var(--transition-slow) ease-out .1s both}.hero-search{animation:slideUp var(--transition-slow) ease-out .2s both}.hero-search-wrapper{display:flex;align-items:center;gap:1rem;background:var(--color-white);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:var(--shadow-xl),var(--shadow-glow);transition:box-shadow var(--transition-base)}.hero-search-wrapper:focus-within{box-shadow:var(--shadow-xl),0 0 30px #00d4ff66}.hero-search-wrapper svg{color:var(--color-gray-400);flex-shrink:0}.hero-search-wrapper input{flex:1;border:none;background:none;font-size:1rem;color:var(--color-gray-800);outline:none;min-width:0}.hero-search-wrapper input::placeholder{color:var(--color-gray-400)}.hero-search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-gray-100);border:none;border-radius:50%;color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast)}.hero-search-clear:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.hero-features{display:flex;justify-content:center;gap:2rem;margin-top:2rem;animation:slideUp var(--transition-slow) ease-out .3s both}.hero-feature{display:flex;align-items:center;gap:.5rem;color:var(--color-white);font-size:.875rem;font-weight:500;opacity:.9}.hero-feature-icon{font-size:1.25rem}@media (max-width: 768px){.hero{padding:3rem 1rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-search-wrapper{padding:.875rem 1rem}.hero-search-wrapper input{font-size:.875rem}.hero-features{gap:1rem;flex-wrap:wrap}.hero-feature{font-size:.75rem}.hero-feature-icon{font-size:1rem}}.footer{background:var(--color-primary);color:var(--color-gray-300);margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;padding:3rem 2rem 1.5rem}.footer-main{display:flex;justify-content:space-between;gap:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:280px}.footer-logo{font-size:1.25rem;font-weight:700;color:var(--color-white)}.footer-tagline{margin-top:.75rem;font-size:.875rem;line-height:1.5;color:var(--color-gray-400)}.footer-links{display:flex;gap:4rem}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-column h4{font-size:.875rem;font-weight:600;color:var(--color-white);margin-bottom:.25rem}.footer-column a{font-size:.8125rem;color:var(--color-gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem}.footer-bottom p{font-size:.8125rem;color:var(--color-gray-500)}.footer-social{display:flex;gap:1rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-gray-400);background:#ffffff0d;border-radius:var(--radius-md);transition:all var(--transition-fast)}.footer-social a:hover{color:var(--color-accent);background:#ffffff1a}@media (max-width: 768px){.footer-container{padding:2rem 1rem 1rem}.footer-main{flex-direction:column;gap:2rem}.footer-brand{max-width:100%}.footer-links{flex-wrap:wrap;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.tool-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-base);overflow:hidden;text-decoration:none}.tool-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:var(--shadow-lg),var(--shadow-glow)}.tool-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-gray-50);border-radius:var(--radius-md);font-size:1.5rem;flex-shrink:0;transition:all var(--transition-base)}.tool-card:hover .tool-card-icon{background:#00d4ff1a;transform:scale(1.05)}.tool-card-content{flex:1;min-width:0}.tool-card-title{font-size:.9375rem;font-weight:600;color:var(--color-gray-800);margin-bottom:.25rem;transition:color var(--transition-fast)}.tool-card:hover .tool-card-title{color:var(--color-primary)}.tool-card-description{font-size:.8125rem;color:var(--color-gray-500);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card-arrow{color:var(--color-gray-300);flex-shrink:0;transition:all var(--transition-base)}.tool-card:hover .tool-card-arrow{color:var(--color-accent);transform:translate(4px)}.tool-card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(0,212,255,.03) 50%,transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.tool-card:hover .tool-card-glow{opacity:1}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:2rem;max-width:1400px;margin:0 auto}.category-section{margin-bottom:3rem}.category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 2rem}.category-icon{font-size:1.25rem}.category-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-800)}.category-count{padding:.25rem .5rem;background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-gray-500)}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr;padding:1rem}.category-header{padding:0 1rem}.tool-card{padding:1rem}.tool-card-icon{width:40px;height:40px;font-size:1.25rem}}.calculadora{max-width:600px;margin:0 auto}.form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.radio-label input[type=radio]{width:auto;cursor:pointer}.btn-calcular{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-calcular:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-calcular:active{transform:translateY(0)}.resultado{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;border-radius:12px;margin-top:2rem}.resultado h3{color:#333;margin-bottom:1.5rem;text-align:center}.resultado h4{color:#555;margin:1rem 0 .5rem;font-size:1rem}.resultado-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.resultado-item .label{color:#666;font-weight:500}.resultado-item .valor{color:#333;font-weight:700;font-size:1.1rem}.resultado-item.destacado{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.resultado-item.destacado .label,.resultado-item.destacado .valor{color:#fff}.resultado-item.positivo{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.resultado-item.positivo .label,.resultado-item.positivo .valor{color:#fff}.resultado-item.info{background:#e3f2fd;border-left:4px solid #2196f3}.nota{margin-top:1rem;padding:.75rem;background:#fff;border-radius:8px;color:#666;font-size:.9rem;font-style:italic}.conversor-unidades{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.conversor-unidades .form-group{flex:1;margin-bottom:0}.conversor-flecha{font-size:2rem;color:#667eea;margin-bottom:.75rem;font-weight:700}.resultado-conversion{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;background:#fff;border-radius:12px;flex-wrap:wrap}.valor-original,.valor-convertido{font-size:1.3rem;font-weight:600;color:#333}.valor-convertido{color:#667eea}.igual{font-size:1.5rem;color:#999}.imc-resultado{text-align:center;padding:2rem;background:#fff;border-radius:12px;margin-bottom:1.5rem;border:3px solid}.imc-valor{font-size:3rem;font-weight:700;margin-bottom:1rem}.imc-categoria{display:inline-block;padding:.5rem 1.5rem;border-radius:20px;color:#fff;font-weight:600;font-size:1.1rem}.imc-referencia{background:#fff;padding:1rem;border-radius:8px}.imc-referencia ul{list-style:none;padding-left:0}.imc-referencia li{padding:.4rem 0;color:#666;font-size:.9rem}.edad-principal{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;background:#fff;border-radius:12px;margin-bottom:1.5rem;flex-wrap:wrap}.edad-numero{font-size:2.5rem;font-weight:700;color:#667eea;min-width:60px;text-align:center}.edad-label{font-size:1rem;color:#666;margin-right:1rem}.edad-detalles{background:#fff;padding:1.5rem;border-radius:12px}.temperatura-referencia{background:#fff;padding:1rem;border-radius:8px;margin-top:1rem}.temperatura-referencia ul{list-style:none;padding-left:0}.temperatura-referencia li{padding:.4rem 0;color:#666;font-size:.9rem}@media (max-width: 768px){.conversor-unidades{flex-direction:column;align-items:stretch}.conversor-unidades .form-group{margin-bottom:1rem}.conversor-flecha{transform:rotate(90deg);margin:0;text-align:center}.resultado-conversion{flex-direction:column;padding:1.5rem 1rem}.edad-principal{gap:.5rem}.edad-numero{font-size:2rem;min-width:50px}.edad-label{font-size:.9rem}.imc-valor{font-size:2.5rem}}.calculadora-financiera{display:flex;flex-direction:column;gap:1.5rem}.calculadora-financiera .formula-principal{font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-gray-700);padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.calculadora-financiera .inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.calculadora-financiera .input-group{display:flex;flex-direction:column;gap:.5rem}.calculadora-financiera .input-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.calculadora-financiera .input-group input,.calculadora-financiera .input-group select{padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.calculadora-financiera .input-group input:focus,.calculadora-financiera .input-group select:focus{outline:none;border-color:var(--color-primary)}.calculadora-financiera .btn-calcular{padding:.875rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.calculadora-financiera .btn-calcular:hover{background:var(--color-primary-dark)}.calculadora-financiera .resultado-financiero{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.calculadora-financiera .resultado-valor{padding:.5rem 0;border-bottom:1px solid var(--color-gray-200)}.calculadora-financiera .resultado-valor:last-child{border-bottom:none}.calculadora-financiera .resultado-destacado{font-size:1.1rem;background:#fff;padding:1rem;border-radius:var(--radius-md);margin-bottom:.5rem}.calculadora-salud{display:flex;flex-direction:column;gap:1.5rem}.calculadora-salud .formula-principal{font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-gray-700);padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.calculadora-salud .inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.calculadora-salud .input-group{display:flex;flex-direction:column;gap:.5rem}.calculadora-salud .input-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.calculadora-salud .input-group input,.calculadora-salud .input-group select{padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.calculadora-salud .input-group input:focus,.calculadora-salud .input-group select:focus{outline:none;border-color:var(--color-primary)}.calculadora-salud .btn-calcular{padding:.875rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.calculadora-salud .btn-calcular:hover{background:var(--color-primary-dark)}.calculadora-salud .resultado-salud{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.calculadora-salud .resultado-valor{padding:.5rem 0;border-bottom:1px solid var(--color-gray-200)}.calculadora-salud .resultado-valor:last-child{border-bottom:none}.calculadora-salud .resultado-destacado{font-size:1.1rem;background:#fff;padding:1rem;border-radius:var(--radius-md);margin-bottom:.5rem}.conversor{display:flex;flex-direction:column;gap:1.5rem}.conversor .formula-principal{font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-gray-700);padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.conversor .inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.conversor .input-group{display:flex;flex-direction:column;gap:.5rem}.conversor .input-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.conversor .input-group input,.conversor .input-group select{padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.conversor .input-group input:focus,.conversor .input-group select:focus{outline:none;border-color:var(--color-primary)}.conversor .btn-calcular{padding:.875rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.conversor .btn-calcular:hover{background:var(--color-primary-dark)}.conversor .resultado-conversor{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.conversor .resultado-valor{padding:.5rem 0;border-bottom:1px solid var(--color-gray-200)}.conversor .resultado-valor:last-child{border-bottom:none}.geogebra-pro{width:100%;min-height:100vh;height:100vh;max-height:100vh;display:flex;flex-direction:column;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative}.geogebra-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000026;z-index:100;flex-shrink:0}.geogebra-header h2{margin:0;font-size:1.4em;font-weight:600}.header-controls{display:flex;gap:8px}.header-controls button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.95em;transition:all .3s ease}.header-controls button:hover{background:#ffffff4d;transform:translateY(-2px)}.geogebra-main{display:flex;flex:1 1 auto;overflow:hidden;min-height:0}.left-panel{width:300px;min-width:250px;max-width:400px;background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000d;flex-shrink:0}.panel-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #dee2e6;flex-shrink:0}.panel-tabs button{flex:1;padding:12px 8px;background:transparent;border:none;cursor:pointer;font-size:.85em;font-weight:500;color:#666;transition:all .3s ease;border-bottom:3px solid transparent}.panel-tabs button:hover{background:#e9ecef;color:#333}.panel-tabs button.active{background:#fff;color:#667eea;border-bottom:3px solid #667eea;font-weight:600}.panel-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:15px;min-height:0}.panel-content h3{margin:0 0 15px;font-size:1.1em;color:#2c3e50;font-weight:600}.empty-state{color:#999;font-size:.9em;text-align:center;padding:30px 15px;line-height:1.6}.algebra-view{height:100%}.algebra-list{display:flex;flex-direction:column;gap:8px}.algebra-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.algebra-item:hover{background:#e9ecef;border-color:#667eea;box-shadow:0 2px 6px #667eea26}.algebra-icon{width:16px;height:16px;border-radius:3px;flex-shrink:0}.algebra-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.algebra-info strong{color:#2c3e50;font-size:.95em;font-weight:600}.algebra-info span{color:#666;font-size:.85em;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.algebra-actions{display:flex;gap:5px}.algebra-actions button{background:transparent;border:none;padding:4px 8px;cursor:pointer;font-size:1.1em;border-radius:4px;transition:all .2s ease}.algebra-actions button:hover{background:#667eea1a;transform:scale(1.1)}.tools-view{height:100%}.tools-view h3{margin:20px 0 10px;font-size:.95em;color:#667eea;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tools-view h3:first-child{margin-top:0}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.tool-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.9em;font-weight:500;color:#555}.tool-item:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-3px);box-shadow:0 4px 12px #667eea33}.tool-item.active{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.tool-icon{font-size:1.8em}.graph-area{flex:1 1 auto;display:flex;flex-direction:column;background:#fff;position:relative;min-height:400px;min-width:0;overflow:hidden}.jxgbox{flex:1 1 auto;width:100%;min-height:300px;background:#fff;position:relative;overflow:hidden}.jxgbox svg{width:100%!important;height:100%!important;display:block!important;visibility:visible!important;opacity:1!important}.jxgbox{background:#fafafa!important;border:2px solid #e0e0e0}.input-bar{background:#fff;border-top:2px solid #e9ecef;box-shadow:0 -2px 8px #0000000d;flex-shrink:0}.input-container{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f8f9fa}.input-container label{font-weight:600;color:#555;font-size:.95em}.math-input{flex:1;padding:10px 15px;border:2px solid #dee2e6;border-radius:8px;font-size:1em;font-family:Courier New,monospace;transition:all .3s ease}.math-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-add{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-keyboard{padding:10px 20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-keyboard:hover{background:#f8f9fa}.btn-keyboard.active{background:#667eea;color:#fff}.virtual-keyboard{background:#fff;padding:20px;border-top:1px solid #e9ecef;display:flex;gap:20px;flex-shrink:0;overflow-x:auto}.keyboard-section{flex:1}.keyboard-section h4{margin:0 0 10px;font-size:.9em;color:#667eea;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.keyboard-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:6px}.keyboard-section:nth-child(2) .keyboard-row{grid-template-columns:repeat(3,1fr)}.keyboard-section:nth-child(3) .keyboard-row{grid-template-columns:1fr 1fr}.virtual-keyboard button{padding:12px 8px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;font-size:.95em;font-weight:600;color:#555;cursor:pointer;transition:all .2s ease}.virtual-keyboard button:hover{background:#e9ecef;border-color:#667eea;color:#667eea;transform:scale(1.05)}.virtual-keyboard button:active{transform:scale(.95)}.btn-clear,.btn-backspace{background:#fee!important;border-color:#fcc!important;color:#e74c3c!important}.btn-clear:hover,.btn-backspace:hover{background:#fdd!important;border-color:#e74c3c!important}@media (max-width: 1200px){.left-panel{width:250px;min-width:200px}.geogebra-header h2{font-size:1.2em}}@media (max-width: 1024px){.geogebra-main{flex-direction:column}.left-panel{width:100%;min-width:100%;max-width:100%;max-height:250px;border-right:none;border-bottom:1px solid #ddd;flex-shrink:0}.graph-area{min-height:300px}.jxgbox{min-height:250px}.virtual-keyboard{flex-direction:column;padding:15px}.tool-grid{grid-template-columns:repeat(3,1fr)}.keyboard-section{min-width:100%}}@media (max-width: 768px){.geogebra-header{padding:10px 15px}.geogebra-header h2{font-size:1em}.header-controls{gap:6px}.header-controls button{padding:5px 10px;font-size:.85em}.left-panel{max-height:200px}.panel-content{padding:10px}.graph-area{min-height:250px}.jxgbox{min-height:200px}.input-container{flex-wrap:wrap;gap:8px;padding:10px 15px}.math-input{width:100%;font-size:.9em}.virtual-keyboard{padding:12px}.keyboard-row{gap:4px}.virtual-keyboard button{padding:10px 6px;font-size:.85em}.tool-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tool-item{padding:12px 8px;font-size:.85em}}@media (max-width: 480px){.geogebra-header h2{font-size:.9em}.header-controls button{padding:4px 8px;font-size:.75em}.panel-tabs button{font-size:.7em;padding:8px 4px}.left-panel{max-height:180px}.graph-area{min-height:200px}.jxgbox{min-height:180px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:6px}.tool-item{padding:10px 6px;font-size:.75em}.tool-icon{font-size:1.5em}.keyboard-row{grid-template-columns:repeat(4,1fr)!important}.virtual-keyboard button{padding:8px 4px;font-size:.75em}.input-container label{font-size:.85em}.btn-add,.btn-keyboard{padding:8px 12px;font-size:.85em}}@media (min-width: 1921px){.geogebra-pro{max-width:100%}.left-panel{width:350px;max-width:450px}}@media (max-width: 360px){.geogebra-header h2{font-size:.85em}.header-controls{flex-direction:column;gap:4px}.keyboard-row{grid-template-columns:repeat(3,1fr)!important;gap:3px}.virtual-keyboard button{padding:6px 3px;font-size:.7em}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.virtual-keyboard{animation:fadeIn .3s ease}.algebra-item{animation:fadeIn .2s ease}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1}.panel-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#999}.calculadora-calculo{display:flex;flex-direction:column;gap:1.5rem}.calculo-main{display:flex;flex-direction:column;gap:1.25rem}.operacion-selector{display:flex;flex-direction:column;gap:.5rem}.operacion-selector label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.operacion-selector select{padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;background:var(--color-white);cursor:pointer}.operacion-selector select:focus{outline:none;border-color:var(--color-accent)}.parametros{display:flex;gap:1rem;flex-wrap:wrap}.parametro{display:flex;flex-direction:column;gap:.25rem}.parametro label{font-size:.75rem;color:var(--color-gray-600)}.parametro input{width:80px;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;text-align:center}.parametro input:focus{outline:none;border-color:var(--color-accent)}.expresion-input{display:flex;flex-direction:column;gap:.5rem}.expresion-input label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.expresion-input input{padding:1rem;font-size:1.25rem;font-family:Courier New,monospace;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50)}.expresion-input input:focus{outline:none;border-color:var(--color-accent);background:var(--color-white)}.teclado-matematico{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.teclado-grid.basico{grid-template-columns:repeat(4,1fr)}.acciones-teclado{display:flex;gap:.5rem;align-items:flex-end}.acciones-teclado button{flex:1;padding:.75rem}.btn-borrar{background:var(--color-gray-200)!important;border-color:var(--color-gray-300)!important}.btn-borrar:hover{background:var(--color-gray-300)!important;color:var(--color-gray-800)!important}.btn-limpiar-input{background:#fee2e2!important;border-color:#fecaca!important;color:#dc2626!important}.btn-limpiar-input:hover{background:#fecaca!important}.botones-accion{display:flex;gap:.75rem;flex-wrap:wrap}.botones-accion button{flex:1;min-width:120px;padding:.875rem 1rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-calcular{background:var(--color-primary);color:var(--color-white)}.btn-graficar{background:var(--color-accent);color:var(--color-gray-900)}.btn-graficar:hover{background:#00b8d9}.btn-procedimiento{background:#8b5cf6;color:var(--color-white)}.btn-procedimiento:hover{background:#7c3aed}.btn-procedimiento-detallado{background:#ec4899;color:var(--color-white)}.btn-procedimiento-detallado:hover{background:#db2777}.resultado{padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-gray-50)}.resultado.exito{border-left:4px solid var(--color-accent)}.resultado.error{border-left:4px solid #ef4444;background:#fef2f2}.resultado h3{font-size:.875rem;font-weight:600;color:var(--color-gray-600);margin-bottom:.75rem}.resultado-principal{font-size:1.5rem;font-family:Courier New,monospace;font-weight:600;color:var(--color-gray-900);word-break:break-all}.resultado-nota{margin-top:.5rem;font-size:.8125rem;color:var(--color-gray-500);font-style:italic}.resultado-componentes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.resultado-componentes p{font-size:.8125rem;font-weight:600;color:var(--color-gray-600);margin-bottom:.5rem}.resultado-componentes ul{list-style:none;padding:0;margin:0}.resultado-componentes li{padding:.25rem 0;font-family:Courier New,monospace;font-size:.875rem}.error-mensaje{color:#dc2626;font-weight:500}.grafica-container{min-height:400px;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.grafica{width:100%;height:400px}.procedimiento{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.procedimiento h3{font-size:1rem;font-weight:600;color:var(--color-gray-700);margin-bottom:1rem}.pasos{display:flex;flex-direction:column;gap:1rem}.paso-numero{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.paso-contenido h4{font-size:.875rem;font-weight:600;color:var(--color-gray-800);margin-bottom:.25rem}@media (max-width: 768px){.teclado-matematico{grid-template-columns:repeat(2,1fr)}.botones-accion{flex-direction:column}.botones-accion button{min-width:100%}.parametros{flex-direction:column}.parametro input{width:100%}}@media (max-width: 480px){.teclado-matematico{grid-template-columns:1fr}.resultado-principal{font-size:1.125rem}}.calculadora-algebra{display:flex;flex-direction:column;gap:1.5rem}.algebra-input{display:flex;flex-direction:column;gap:.5rem}.algebra-input label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.algebra-input input{padding:1rem;font-size:1.25rem;font-family:Courier New,monospace;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50)}.algebra-input input:focus{outline:none;border-color:var(--color-accent);background:var(--color-white)}.algebra-teclado{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.teclado-seccion h4{font-size:.75rem;font-weight:600;color:var(--color-gray-500);margin-bottom:.5rem;text-transform:uppercase}.teclado-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.teclado-grid.variables{grid-template-columns:repeat(4,1fr)}.teclado-grid button{padding:.5rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.teclado-grid button:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.teclado-seccion.acciones{display:flex;gap:.5rem;align-items:flex-end}.teclado-seccion.acciones button{flex:1;padding:.75rem}.btn-borrar{background:var(--color-gray-200)!important}.btn-ce{background:#fee2e2!important;color:#dc2626!important}.algebra-botones{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.algebra-botones button{padding:.875rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-simplificar{background:var(--color-primary);color:var(--color-white)}.btn-simplificar:hover{background:var(--color-primary-light)}.btn-expandir{background:#3b82f6;color:var(--color-white)}.btn-expandir:hover{background:#2563eb}.btn-factorizar{background:#8b5cf6;color:var(--color-white)}.btn-factorizar:hover{background:#7c3aed}.btn-resolver{background:#10b981;color:var(--color-white)}.btn-resolver:hover{background:#059669}.btn-evaluar{background:#f59e0b;color:var(--color-white)}.btn-evaluar:hover{background:#d97706}.algebra-procedimiento-btns{display:flex;gap:.75rem}.algebra-procedimiento-btns button{flex:1;padding:.75rem;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-proc-resumido{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-proc-resumido:hover:not(:disabled){background:var(--color-gray-200)}.btn-proc-completo{background:#ec4899;color:var(--color-white)}.btn-proc-completo:hover:not(:disabled){background:#db2777}.btn-limpiar{background:var(--color-gray-200);color:var(--color-gray-700)}.btn-limpiar:hover{background:var(--color-gray-300)}.algebra-procedimiento-btns button:disabled{opacity:.5;cursor:not-allowed}.algebra-resultado{padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-gray-50)}.algebra-resultado.exito{border-left:4px solid var(--color-accent)}.algebra-resultado.error{border-left:4px solid #EF4444;background:#fef2f2}.algebra-resultado h3{font-size:.875rem;font-weight:600;color:var(--color-gray-600);margin-bottom:.75rem}.resultado-valor{font-size:1.5rem;font-family:Courier New,monospace;font-weight:600;color:var(--color-gray-900)}.resultado-nota{margin-top:.5rem;font-size:.8125rem;color:var(--color-gray-500)}.error-mensaje{color:#dc2626}.algebra-pasos{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.algebra-pasos h3{font-size:1rem;font-weight:600;color:var(--color-gray-700);margin-bottom:1rem}.pasos-lista{display:flex;flex-direction:column;gap:.75rem}.paso{display:flex;gap:1rem;padding:1rem;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.paso-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.paso-contenido{flex:1}.paso-contenido strong{display:block;font-size:.875rem;color:var(--color-gray-800);margin-bottom:.25rem}.paso-contenido p{font-size:.8125rem;color:var(--color-gray-600);font-family:Courier New,monospace}.algebra-ejemplos{padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.algebra-ejemplos h4{font-size:.8125rem;font-weight:600;color:var(--color-gray-600);margin-bottom:.75rem}.ejemplos-grid{display:flex;flex-wrap:wrap;gap:.5rem}.ejemplos-grid button{padding:.5rem .75rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem;font-family:Courier New,monospace;cursor:pointer;transition:all var(--transition-fast)}.ejemplos-grid button:hover{background:var(--color-accent);color:var(--color-gray-900);border-color:var(--color-accent)}@media (max-width: 768px){.algebra-botones{grid-template-columns:repeat(3,1fr)}.algebra-procedimiento-btns{flex-direction:column}.algebra-teclado{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.algebra-botones{grid-template-columns:repeat(2,1fr)}.algebra-teclado{grid-template-columns:1fr}.resultado-valor{font-size:1.125rem}}.calculadora-redes{display:flex;flex-direction:column;gap:1.5rem}.calculadora-redes .formula-principal{font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-gray-700);padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.calculadora-redes .inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.calculadora-redes .input-group{display:flex;flex-direction:column;gap:.5rem}.calculadora-redes .input-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.calculadora-redes .input-group input,.calculadora-redes .input-group select{padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.calculadora-redes .input-group input:focus,.calculadora-redes .input-group select:focus{outline:none;border-color:var(--color-primary)}.calculadora-redes .btn-calcular{padding:.875rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.calculadora-redes .btn-calcular:hover{background:var(--color-primary-dark)}.calculadora-redes .resultado-redes{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.calculadora-redes .resultado-valor{padding:.5rem 0;border-bottom:1px solid var(--color-gray-200)}.calculadora-redes .resultado-valor:last-child{border-bottom:none}.generador-qr{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.qr-input-section{display:flex;flex-direction:column;gap:1rem}.qr-input-section label{font-weight:600;color:var(--color-gray-700);font-size:.9375rem}.qr-input-section textarea{padding:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;resize:vertical;transition:border-color var(--transition-fast)}.qr-input-section textarea:focus{outline:none;border-color:var(--color-accent)}.qr-buttons{display:flex;gap:.75rem}.btn-primary,.btn-secondary,.btn-download{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.qr-preview-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-canvas-wrapper{width:280px;height:280px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base)}.qr-canvas-wrapper.active{background:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md)}.qr-canvas-wrapper canvas{border-radius:var(--radius-md)}.qr-placeholder{text-align:center;color:var(--color-gray-400)}.qr-placeholder span{font-size:3rem;display:block;margin-bottom:.5rem}.qr-placeholder p{font-size:.875rem}.btn-download{display:flex;align-items:center;gap:.5rem;background:var(--color-accent);color:var(--color-primary)}.btn-download:hover{background:var(--color-accent-light)}.qr-tips{grid-column:1 / -1;padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md);margin-top:1rem}.qr-tips h4{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.75rem}.qr-tips ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.qr-tips li{font-size:.8125rem;color:var(--color-gray-600)}.qr-tips strong{color:var(--color-gray-700)}@media (max-width: 768px){.generador-qr,.qr-tips ul{grid-template-columns:1fr}}.generador-contrasenas{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto}.contrasena-display{display:flex;gap:.75rem}.contrasena-display input{flex:1;padding:1rem;font-family:Monaco,Menlo,monospace;font-size:1rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.contrasena-display input:focus{outline:none;border-color:var(--color-accent)}.btn-copiar{padding:0 1.25rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-copiar:hover:not(:disabled){background:var(--color-primary-light)}.btn-copiar:disabled{opacity:.5;cursor:not-allowed}.fortaleza-bar{display:flex;align-items:center;gap:1rem;height:8px;background:var(--color-gray-100);border-radius:4px;overflow:visible;position:relative}.fortaleza-nivel{height:100%;border-radius:4px;transition:all var(--transition-base)}.fortaleza-bar span{position:absolute;right:0;top:12px;font-size:.75rem;font-weight:600}.opciones-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.longitud-control{display:flex;flex-direction:column;gap:.75rem}.longitud-control label{font-size:.875rem;color:var(--color-gray-600)}.longitud-control strong{color:var(--color-primary);font-size:1.125rem}.longitud-control input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--color-gray-200);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.longitud-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.longitud-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.opciones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.opcion-check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer}.opcion-check input{display:none}.checkmark{width:18px;height:18px;border:2px solid var(--color-gray-300);border-radius:4px;position:relative;transition:all var(--transition-fast)}.opcion-check input:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.opcion-check input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.btn-generar{padding:1rem;background:var(--color-accent);color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-generar:hover:not(:disabled){background:var(--color-accent-light);transform:translateY(-2px)}.btn-generar:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.opciones-grid{grid-template-columns:1fr}.contrasena-display{flex-direction:column}}.generador-hash{display:flex;flex-direction:column;gap:1.5rem}.hash-input{display:flex;flex-direction:column;gap:.75rem}.hash-input label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.hash-input textarea{padding:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;resize:vertical;min-height:100px}.hash-input textarea:focus{outline:none;border-color:var(--color-accent)}.hash-resultados{display:flex;flex-direction:column;gap:1rem}.hash-item{padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.hash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hash-tipo{font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase}.btn-copiar{padding:.25rem .5rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-copiar.copiado{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-gray-900)}.hash-valor{display:block;word-break:break-all;font-size:.8125rem;font-family:Courier New,monospace;color:var(--color-gray-700);background:var(--color-white);padding:.5rem;border-radius:var(--radius-sm)}.generador-uuid{display:flex;flex-direction:column;gap:1.5rem}.uuid-config{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.config-item select,.config-item input{padding:.625rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem}.config-item input{width:80px;text-align:center}.uuid-resultados{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:1rem}.uuid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-gray-200)}.uuid-header span{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.btn-copiar-todos{padding:.5rem 1rem;background:var(--color-accent);color:var(--color-gray-900);border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-copiar-todos:hover{background:#00b8d9}.btn-copiar-todos.copiado{background:#10b981;color:#fff}.uuid-lista{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.uuid-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.uuid-item code{font-size:.8125rem;font-family:Courier New,monospace;color:var(--color-gray-700)}.btn-copiar{padding:.25rem .5rem;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}@media (max-width: 480px){.uuid-config{flex-direction:column;align-items:stretch}.config-item input{width:100%}.uuid-item{flex-direction:column;gap:.5rem;align-items:stretch}.uuid-item code{font-size:.7rem;word-break:break-all}}.generador-colores{display:flex;flex-direction:column;gap:1.5rem}.color-config{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.color-picker,.tipo-paleta{display:flex;flex-direction:column;gap:.5rem}.color-picker label,.tipo-paleta label{font-size:.8125rem;font-weight:600;color:var(--color-gray-600)}.picker-container{display:flex;gap:.5rem;align-items:center}.picker-container input[type=color]{width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);cursor:pointer}.picker-container input[type=text]{width:90px;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:.875rem;text-transform:uppercase}.btn-random{padding:.5rem .75rem;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-random:hover{background:var(--color-gray-200)}.tipo-paleta select{padding:.625rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem}.paleta-resultado{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:1.5rem}.paleta-resultado h3{font-size:1rem;font-weight:600;color:var(--color-gray-700);margin-bottom:1rem}.paleta-preview{display:flex;height:80px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.color-preview{flex:1}.paleta-lista{display:flex;flex-direction:column;gap:.5rem}.color-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.color-muestra{width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.color-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.color-info code{font-size:.875rem;font-weight:600;color:var(--color-gray-800)}.color-info span{font-size:.75rem;color:var(--color-gray-500)}.btn-copiar{padding:.375rem .75rem;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-copiar:hover{background:var(--color-gray-200)}.btn-copiar.copiado{background:#10b981;color:#fff;border-color:#10b981}@media (max-width: 480px){.color-config{flex-direction:column;align-items:stretch}.picker-container,.color-item{flex-wrap:wrap}}.generador-numeros{display:flex;flex-direction:column;gap:1.5rem}.numeros-config{display:flex;flex-direction:column;gap:1rem}.config-row{display:flex;gap:1rem;flex-wrap:wrap}.config-item input{width:100px;padding:.625rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;text-align:center}.config-checks{display:flex;gap:1.5rem}.check-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-600);cursor:pointer}.check-item input{width:16px;height:16px;accent-color:var(--color-primary)}.btn-generar{padding:.875rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.numeros-resultado{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:1.5rem}.resultado-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.numeros-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.numero-item{padding:.5rem .75rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--color-primary)}.numeros-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.75rem;color:var(--color-gray-500)}.stat-value{font-size:1rem;font-weight:700;color:var(--color-gray-800)}@media (max-width: 480px){.config-row{flex-direction:column}.config-item input{width:100%}.numeros-stats{grid-template-columns:repeat(2,1fr)}}.generador-json{display:flex;flex-direction:column;gap:1.5rem}.json-config{display:flex;flex-direction:column;gap:1rem}.config-cantidad{display:flex;align-items:center;gap:.75rem}.config-cantidad label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.config-cantidad input{width:80px;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-align:center;font-size:.875rem}.campos-lista{display:flex;flex-direction:column;gap:.5rem}.campos-lista>label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.campo-item{display:flex;gap:.5rem;align-items:center}.campo-item input{flex:1;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem}.campo-item select{width:150px;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem}.btn-eliminar{width:32px;height:32px;background:#fee2e2;color:#dc2626;border:none;border-radius:var(--radius-sm);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.btn-eliminar:hover:not(:disabled){background:#fecaca}.btn-eliminar:disabled{opacity:.3;cursor:not-allowed}.btn-agregar{padding:.5rem;background:var(--color-gray-100);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.btn-agregar:hover{background:var(--color-gray-200);border-color:var(--color-gray-400)}.btn-generar{padding:.875rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.json-resultado{background:var(--color-gray-50);border-radius:var(--radius-lg);overflow:hidden}.resultado-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.resultado-header span{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.btn-copiar{padding:.5rem 1rem;background:var(--color-accent);color:var(--color-gray-900);border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-copiar:hover{background:#00b8d9}.btn-copiar.copiado{background:#10b981;color:#fff}.json-output{padding:1rem;margin:0;font-size:.8125rem;font-family:Courier New,monospace;color:var(--color-gray-700);background:var(--color-white);overflow-x:auto;max-height:400px}@media (max-width: 480px){.campo-item{flex-wrap:wrap}.campo-item select{width:100%}}.calculadora-desarrollo{display:flex;flex-direction:column;gap:1.5rem}.calculadora-desarrollo .formula-principal{font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-gray-700);padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.calculadora-desarrollo .inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.calculadora-desarrollo .input-group{display:flex;flex-direction:column;gap:.5rem}.calculadora-desarrollo .input-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.calculadora-desarrollo .input-group input,.calculadora-desarrollo .input-group select{padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.calculadora-desarrollo .input-group input:focus,.calculadora-desarrollo .input-group select:focus{outline:none;border-color:var(--color-primary)}.calculadora-desarrollo .btn-calcular{padding:.875rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.calculadora-desarrollo .btn-calcular:hover{background:var(--color-primary-dark)}.calculadora-desarrollo .resultado-desarrollo{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.calculadora-desarrollo .resultado-valor{padding:.5rem 0;border-bottom:1px solid var(--color-gray-200)}.calculadora-desarrollo .resultado-valor:last-child{border-bottom:none}.utilidad-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.moneda{width:120px;height:120px;border-radius:50%;background:linear-gradient(145deg,gold,#ffed4a);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 4px 20px #0003;transition:transform .1s}.moneda.girando{animation:girarMoneda .8s ease-in-out}@keyframes girarMoneda{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}.moneda-placeholder{font-size:4rem}.resultado-texto{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.btn-lanzar{padding:1rem 2rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-lanzar:disabled{opacity:.6;cursor:not-allowed}.historial{width:100%;padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.historial-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.historial-lista{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.historial-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:50%;font-size:.875rem;box-shadow:var(--shadow-sm)}.ruleta-input{width:100%;display:flex;flex-direction:column;gap:.5rem}.ruleta-input textarea{padding:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;resize:vertical}.ruleta-visual{position:relative;width:250px;height:250px}.ruleta-circulo{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003;transition:transform 3s cubic-bezier(.17,.67,.12,.99)}.ruleta-circulo.girando{transition:transform 3s cubic-bezier(.17,.67,.12,.99)}.ruleta-seccion{position:absolute;width:50%;height:50%;top:0;right:0;transform-origin:bottom left;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);padding-left:20%}.ruleta-seccion span{transform:rotate(45deg)}.ruleta-flecha{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--color-primary)}.resultado-ruleta span{display:block;font-size:.8125rem;margin-bottom:.25rem}.contador-palabras{display:grid;grid-template-columns:1fr 300px;gap:2rem}.contador-input{display:flex;flex-direction:column;gap:1rem}.contador-input textarea{flex:1;min-height:300px;padding:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast)}.contador-input textarea:focus{outline:none;border-color:var(--color-accent)}.contador-actions{display:flex;gap:.75rem}.contador-actions button{padding:.5rem 1rem;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.contador-actions button:hover:not(:disabled){background:var(--color-gray-200)}.contador-actions button:disabled{opacity:.5;cursor:not-allowed}.estadisticas-grid{display:flex;flex-direction:column;gap:.75rem}.stat-card{display:flex;flex-direction:column;padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md);transition:all var(--transition-fast)}.stat-card:hover{background:var(--color-gray-100)}.stat-card.principal{background:var(--color-primary);color:var(--color-white)}.stat-card.principal:hover{background:var(--color-primary-light)}.stat-card.tiempo{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2)}.stat-value{font-size:1.5rem;font-weight:700;line-height:1}.stat-card.principal .stat-value{font-size:2rem}.stat-label{font-size:.75rem;font-weight:500;margin-top:.25rem;opacity:.8}.stat-card.principal .stat-label{opacity:.9}@media (max-width: 768px){.contador-palabras{grid-template-columns:1fr}.estadisticas-grid{display:grid;grid-template-columns:repeat(2,1fr)}.stat-card.principal,.stat-card.tiempo{grid-column:1 / -1}}.calculadora-propinas{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:800px}.propinas-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.form-group strong{color:var(--color-primary)}.input-moneda{display:flex;align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.input-moneda:focus-within{border-color:var(--color-accent)}.input-moneda span{padding:0 1rem;background:var(--color-gray-50);color:var(--color-gray-500);font-weight:500;height:100%;display:flex;align-items:center}.input-moneda input{flex:1;padding:1rem;border:none;font-size:1.25rem;font-weight:600}.input-moneda input:focus{outline:none}.porcentajes-rapidos{display:flex;gap:.5rem}.porcentajes-rapidos button{flex:1;padding:.5rem;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.porcentajes-rapidos button:hover{background:var(--color-gray-200)}.porcentajes-rapidos button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.form-group input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--color-gray-200);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer}.personas-control{display:flex;align-items:center;gap:1rem}.personas-control button{width:40px;height:40px;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.personas-control button:hover:not(:disabled){background:var(--color-gray-100)}.personas-control button:disabled{opacity:.3;cursor:not-allowed}.personas-control span{font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.propinas-resultado{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg);align-self:start}.resultado-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-gray-200)}.resultado-item:last-child{border-bottom:none}.resultado-item span:first-child{font-size:.875rem;color:var(--color-gray-600)}.resultado-item .valor{font-size:1.25rem;font-weight:700;color:var(--color-gray-800)}.resultado-item.total{background:var(--color-primary);margin:0 -1.5rem;padding:1rem 1.5rem;border-bottom:none}.resultado-item.total span:first-child,.resultado-item.total .valor{color:var(--color-white)}.resultado-item.total .valor{font-size:1.5rem}.resultado-item.por-persona{background:#00d4ff1a;margin:0 -1.5rem;padding:1rem 1.5rem;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.resultado-item.por-persona .valor{color:var(--color-accent-dark)}@media (max-width: 768px){.calculadora-propinas{grid-template-columns:1fr}}.formateador-codigo{display:flex;flex-direction:column;gap:1rem}.formateador-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.lenguaje-selector{display:flex;align-items:center;gap:.75rem}.formateador-controls select{padding:.625rem 1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;background:var(--color-white);cursor:pointer}.lenguaje-detectado{font-size:.8125rem;color:var(--color-primary);font-weight:600;padding:.375rem .75rem;background:var(--color-accent);border-radius:var(--radius-sm)}.lenguajes-info{font-size:.75rem;color:var(--color-gray-400);text-align:center;padding:.5rem 0}.formateador-buttons{display:flex;gap:.5rem}.btn-primary,.btn-secondary{padding:.625rem 1rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-light)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-600)}.btn-secondary:hover{background:var(--color-gray-200)}.sql-opciones{padding:1rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.sql-opciones h4{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.75rem}.sql-opciones .opciones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.sql-opciones label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-gray-600);cursor:pointer}.sql-opciones input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.sql-opciones select{margin-left:.5rem;padding:.25rem .5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem}.formateador-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.btn-copy{padding:.25rem .5rem;background:var(--color-accent);color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer}.btn-copy:hover{background:var(--color-accent-light)}.formateador-codigo .panel textarea{flex:1;min-height:600px!important;height:auto;padding:1rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);resize:vertical!important;-moz-tab-size:2;tab-size:2;overflow:auto}.formateador-codigo .panel textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-white)}.formateador-codigo .panel textarea[readonly]{background:var(--color-white)}.formateador-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#dc2626;font-size:.875rem}@media (max-width: 768px){.formateador-panels{grid-template-columns:1fr}.formateador-codigo .panel textarea{min-height:400px!important}}.comparador-texto{display:flex;flex-direction:column;gap:1rem}.comparador-options{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-200)}.option-check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-600);cursor:pointer}.option-check input{width:16px;height:16px;accent-color:var(--color-primary)}.option-buttons{display:flex;gap:.5rem;margin-left:auto}.option-buttons button{padding:.5rem .75rem;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.option-buttons button:hover{background:var(--color-gray-200)}.comparador-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.panel label{font-size:.8125rem;font-weight:600;color:var(--color-gray-600)}.comparador-texto .panel textarea{min-height:300px!important;height:auto;padding:1rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);resize:vertical!important;overflow:auto}.panel textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-white)}.resultado-status{padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:600;text-align:center}.resultado-status.igual{background:#10b9811a;color:#059669}.resultado-status.diferente{background:#ef44441a;color:#dc2626}.resultado-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:var(--radius-md);background:var(--color-gray-50)}.stat span{font-size:1.5rem;font-weight:700}.stat small{font-size:.6875rem;color:var(--color-gray-500);margin-top:.25rem}.stat.igual span{color:#10b981}.stat.eliminada span{color:#ef4444}.stat.agregada span{color:#3b82f6}.diff-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.diff-panel{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.diff-header{padding:.75rem 1rem;background:var(--color-gray-100);font-size:.8125rem;font-weight:600;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-200)}.diff-content{max-height:500px;overflow-y:auto;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.6}.diff-line{display:flex;min-height:1.6em}.diff-line.equal{background:var(--color-white)}.diff-line.removed{background:#ef444426}.diff-line.added{background:#10b98126}.diff-line.modified{background:#f59e0b1a}.diff-line.placeholder{background:var(--color-gray-50)}.diff-line-num{min-width:40px;padding:0 .5rem;text-align:right;color:var(--color-gray-400);background:#00000008;border-right:1px solid var(--color-gray-200);-webkit-user-select:none;user-select:none}.diff-line.removed .diff-line-num{background:#ef44441a;color:#dc2626}.diff-line.added .diff-line-num{background:#10b9811a;color:#059669}.diff-line-text{flex:1;padding:0 .75rem;white-space:pre;overflow-x:auto}.diff-line.removed .diff-line-text{color:#991b1b}.diff-line.added .diff-line-text{color:#065f46}.diff-line.modified .diff-line-text{color:var(--color-gray-700)}.char-diff{background:#ffc80080;border-radius:2px;padding:1px 0}.diff-panel:first-child .char-diff{background:#ef44444d}.diff-panel:last-child .char-diff{background:#10b9814d}@media (max-width: 768px){.comparador-panels,.diff-panels{grid-template-columns:1fr}.resultado-stats{grid-template-columns:repeat(3,1fr)}.comparador-options{flex-direction:column;align-items:flex-start}.option-buttons{margin-left:0;width:100%}}.conversor-base64{display:flex;flex-direction:column;gap:1rem}.base64-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{display:flex;flex-direction:column;gap:.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-header label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.panel-header button{padding:.25rem .5rem;background:var(--color-gray-100);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.panel-header button:hover:not(:disabled){background:var(--color-gray-200)}.panel-header button:disabled{opacity:.5;cursor:not-allowed}.panel textarea{min-height:150px;padding:1rem;font-family:Monaco,Menlo,monospace;font-size:.8125rem;line-height:1.5;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);resize:vertical}.panel textarea:focus{outline:none;border-color:var(--color-accent)}.btn-action{padding:.75rem 1rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-action:hover:not(:disabled){background:var(--color-primary-light)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.base64-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#dc2626;font-size:.875rem}.btn-limpiar{padding:.625rem 1rem;background:var(--color-gray-100);color:var(--color-gray-600);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);align-self:center}.base64-info{padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md);margin-top:.5rem}.base64-info h4{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.5rem}.base64-info p{font-size:.8125rem;color:var(--color-gray-600);line-height:1.5}@media (max-width: 768px){.base64-panels{grid-template-columns:1fr}}.generador-lorem{display:flex;flex-direction:column;gap:1.5rem;max-width:700px}.lorem-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.8125rem;font-weight:600;color:var(--color-gray-600)}.control-group input,.control-group select{padding:.625rem .75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-white)}.control-group input{width:80px}.control-group input:focus,.control-group select:focus{outline:none;border-color:var(--color-accent)}.btn-generar{padding:.625rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-generar:hover{background:var(--color-primary-light)}.lorem-resultado{display:flex;flex-direction:column;gap:.75rem}.resultado-header{display:flex;justify-content:space-between;align-items:center}.resultado-header span{font-size:.8125rem;color:var(--color-gray-500)}.resultado-header button{padding:.375rem .75rem;background:var(--color-accent);color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.resultado-header button:hover{background:var(--color-accent-light)}.resultado-texto{padding:1.5rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.7;color:var(--color-gray-700);white-space:pre-wrap;max-height:400px;overflow-y:auto}@media (max-width: 480px){.lorem-controls{flex-direction:column;align-items:stretch}.control-group input,.btn-generar{width:100%}}.convertidor-texto{display:grid;grid-template-columns:1fr 300px;gap:2rem}.convertidor-textarea{display:flex;flex-direction:column;gap:1rem}.convertidor-textarea textarea{min-height:400px;padding:1rem;font-size:1rem;line-height:1.6;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);resize:vertical;font-family:inherit}.convertidor-textarea textarea:focus{outline:none;border-color:var(--color-accent)}.textarea-actions{display:flex;gap:.5rem}.textarea-actions button{padding:.5rem 1rem;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.textarea-actions button:hover:not(:disabled){background:var(--color-gray-200)}.textarea-actions button:disabled{opacity:.5;cursor:not-allowed}.convertidor-opciones{display:flex;flex-direction:column;gap:1.5rem}.opciones-grupo{display:flex;flex-direction:column;gap:.5rem}.opciones-grupo h4{font-size:.8125rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.opciones-grupo button{padding:.625rem 1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.opciones-grupo button:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}@media (max-width: 768px){.convertidor-texto{grid-template-columns:1fr}.convertidor-opciones{flex-direction:row;flex-wrap:wrap}.opciones-grupo{flex:1;min-width:150px}}.simulador-dados{display:flex;flex-direction:column;gap:2rem;max-width:600px}.dados-config{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.config-item{display:flex;flex-direction:column;gap:.5rem}.config-item label{font-size:.8125rem;font-weight:600;color:var(--color-gray-600)}.stepper{display:flex;align-items:center;gap:.5rem}.stepper button{width:36px;height:36px;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.stepper button:hover{background:var(--color-gray-100)}.stepper span{min-width:40px;text-align:center;font-size:1.25rem;font-weight:700}.config-item select{padding:.625rem 1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-white)}.btn-lanzar{padding:.75rem 2rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-lanzar:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-2px)}.btn-lanzar:disabled{opacity:.7;cursor:not-allowed}.dados-resultado{padding:2rem;background:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center}.dados-display{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.dados-display.animando .dado{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.dado{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:1.5rem;font-weight:700;color:var(--color-primary);box-shadow:var(--shadow-md)}.dados-suma{font-size:1.125rem;color:var(--color-gray-600)}.dados-suma strong{font-size:1.5rem;color:var(--color-primary)}.dados-placeholder{color:var(--color-gray-400);font-size:1rem}.dados-historial{padding:1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.historial-header h4{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.historial-header button{padding:.25rem .5rem;background:none;border:none;font-size:.75rem;color:var(--color-gray-500);cursor:pointer}.historial-header button:hover{color:var(--color-primary)}.historial-lista{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.historial-item{display:flex;gap:.75rem;font-size:.8125rem;padding:.5rem;background:var(--color-gray-50);border-radius:var(--radius-sm)}.historial-time{color:var(--color-gray-400);font-size:.75rem}.historial-valores{flex:1;font-family:monospace}.historial-suma{font-weight:600;color:var(--color-primary)}.sorteador{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.sorteador-input{display:flex;flex-direction:column;gap:1rem}.sorteador-input>label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.sorteador-input>label span{font-weight:400;color:var(--color-gray-500)}.sorteador-input textarea{min-height:250px;padding:1rem;font-size:1rem;line-height:1.6;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);resize:vertical;font-family:inherit}.sorteador-input textarea:focus{outline:none;border-color:var(--color-accent)}.sorteador-config{display:flex;flex-direction:column;gap:1rem}.config-cantidad{display:flex;align-items:center;gap:.5rem}.config-cantidad label{font-size:.875rem;color:var(--color-gray-600)}.config-cantidad input{width:60px;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-align:center;font-size:1rem;font-weight:600}.config-cantidad span{font-size:.875rem;color:var(--color-gray-500)}.sorteador-buttons{display:flex;gap:.75rem}.btn-sortear{flex:1;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-sortear:hover:not(:disabled){background:var(--color-primary-light)}.btn-sortear:disabled{opacity:.5;cursor:not-allowed}.btn-limpiar{padding:.75rem 1rem;background:var(--color-gray-100);color:var(--color-gray-600);border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-limpiar:hover{background:var(--color-gray-200)}.sorteador-resultado{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.sorteador-resultado h3{font-size:1rem;font-weight:600;color:var(--color-gray-700);margin-bottom:1rem}.resultado-lista{display:flex;flex-direction:column;gap:.75rem}.resultado-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.resultado-numero{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:.875rem;font-weight:700}.resultado-valor{flex:1;font-size:1.125rem;font-weight:600;color:var(--color-gray-800)}@media (max-width: 768px){.sorteador{grid-template-columns:1fr}}.redimensionar-imagen{display:flex;flex-direction:column;gap:1.5rem}.imagen-upload{display:flex;flex-direction:column;gap:.75rem}.imagen-upload input[type=file]{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:2rem;background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.upload-label:hover{border-color:var(--color-accent);background:#00d4ff0d}.upload-label img{max-width:100%;max-height:300px;border-radius:var(--radius-md)}.upload-label span{color:var(--color-gray-500);font-size:.875rem}.imagen-info{text-align:center;font-size:.875rem;color:var(--color-gray-600)}.imagen-controles{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.dimensiones-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.dimension-input{display:flex;flex-direction:column;gap:.5rem}.dimension-input label{font-size:.8125rem;font-weight:600;color:var(--color-gray-600)}.dimension-input input{width:120px;padding:.625rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;text-align:center}.dimension-input input:focus{outline:none;border-color:var(--color-accent)}.aspecto-check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-600);cursor:pointer;padding-bottom:.625rem}.aspecto-check input{width:16px;height:16px;accent-color:var(--color-primary)}.presets{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.presets span{font-size:.8125rem;color:var(--color-gray-600)}.presets button{padding:.375rem .75rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.presets button:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-redimensionar{padding:1rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-redimensionar:hover{background:var(--color-primary-light)}@media (max-width: 480px){.dimensiones-form{flex-direction:column;align-items:stretch}.dimension-input input{width:100%}}.generador-favicon{display:flex;flex-direction:column;gap:1.5rem}.favicon-upload{display:flex;flex-direction:column;gap:.75rem}.favicon-upload input[type=file]{display:none}.favicon-upload .upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:2rem;background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.favicon-upload .upload-label:hover{border-color:var(--color-accent);background:#00d4ff0d}.favicon-upload .upload-label img{max-width:200px;max-height:200px;border-radius:var(--radius-md)}.upload-icon{font-size:3rem;margin-bottom:1rem}.favicon-upload .upload-label span{color:var(--color-gray-500);font-size:.875rem}.upload-hint{font-size:.75rem!important;margin-top:.5rem;opacity:.7}.favicon-actions{display:flex;justify-content:center}.btn-generar{padding:1rem 2rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-generar:hover:not(:disabled){background:var(--color-primary-light)}.btn-generar:disabled{opacity:.6;cursor:not-allowed}.favicon-preview{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.favicon-preview h3{margin:0 0 1rem;font-size:1rem;color:var(--color-gray-700)}.preview-browser{display:flex;justify-content:center;margin-bottom:1.5rem;padding:1rem;background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.browser-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-gray-100);border-radius:var(--radius-sm)}.browser-tab img{width:16px;height:16px}.browser-tab span{font-size:.8125rem;color:var(--color-gray-700)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem}.preview-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.preview-item img{max-width:48px;max-height:48px;image-rendering:pixelated}.preview-item span{font-size:.6875rem;color:var(--color-gray-500)}.btn-download-small{padding:.25rem .5rem;background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;transition:all var(--transition-fast)}.btn-download-small:hover{background:var(--color-gray-100)}.favicon-code{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.favicon-code h3{margin:0 0 1rem;font-size:1rem;color:var(--color-gray-700)}.favicon-code pre{padding:1rem;background:var(--color-gray-900);color:var(--color-gray-100);border-radius:var(--radius-md);font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.btn-copiar{margin-top:1rem;padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-copiar:hover{background:var(--color-gray-100)}.btn-descargar-todos{padding:1rem;background:var(--color-accent);color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-descargar-todos:hover{opacity:.9}@media (max-width: 480px){.preview-grid{grid-template-columns:repeat(3,1fr)}}.calculadora-ciencias{display:flex;flex-direction:column;gap:1.5rem}.formula-principal{text-align:center;font-size:1.5rem;font-family:Courier New,monospace;font-weight:600;color:var(--color-primary);padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md)}.inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.input-group input{padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem}.input-group input:focus{outline:none;border-color:var(--color-accent)}.nota-ciencias{font-size:.8125rem;color:var(--color-gray-500);text-align:center}.btn-calcular{padding:.875rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-calcular:hover{background:var(--color-primary-light)}.resultado-ciencias{padding:1.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent)}.resultado-formula{font-size:.875rem;color:var(--color-gray-500);margin-bottom:.75rem;font-family:Courier New,monospace}.resultado-valor{font-size:1rem;color:var(--color-gray-700);padding:.25rem 0}.resultado-valor strong{color:var(--color-gray-900);font-size:1.125rem}@media (max-width: 480px){.inputs-grid{grid-template-columns:1fr}}.ruleta-container{display:flex;flex-direction:column;gap:2rem;width:100%}.ruleta-main{display:grid;grid-template-columns:450px 350px;gap:2rem;align-items:start;justify-content:center}.ruleta-wheel-container{position:relative;width:450px;height:450px}.ruleta-wheel-wrapper{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);padding:15px;box-shadow:0 10px 30px #0006,0 0 0 8px #333,0 0 0 12px #222,inset 0 2px 4px #ffffff1a}.ruleta-wheel{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.ruleta-flecha{position:absolute;top:-5px;left:50%;transform:translate(-50%);font-size:2rem;color:#f44;z-index:10;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));text-shadow:0 0 10px rgba(255,68,68,.5)}.ruleta-sidebar{display:flex;flex-direction:column;gap:1rem}.ruleta-input{display:flex;flex-direction:column;gap:.5rem}.ruleta-input label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.ruleta-input textarea{padding:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;resize:vertical;min-height:300px;width:100%}.ruleta-input textarea:focus{outline:none;border-color:var(--color-accent)}.contador-opciones{font-size:.75rem;color:var(--color-gray-500);text-align:right}.btn-girar{padding:1rem 2rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-girar:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-2px)}.btn-girar:disabled{opacity:.6;cursor:not-allowed}.resultado-acciones{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}.resultado-ruleta{text-align:center;padding:1rem;background:var(--color-accent);border-radius:var(--radius-md);color:var(--color-gray-900)}.resultado-ruleta span{display:block;font-size:.75rem;margin-bottom:.25rem;color:var(--color-gray-600)}.resultado-ruleta strong{font-size:1.25rem}.acciones-botones{display:flex;gap:.5rem}.btn-accion{flex:1;padding:.75rem 1rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-accion:hover{background:var(--color-primary-light)}.btn-accion.eliminar{background:#ef4444}.btn-accion.eliminar:hover{background:#dc2626}@media (max-width: 768px){.ruleta-main{grid-template-columns:1fr;justify-items:center}.ruleta-wheel-container{width:280px;height:280px}.ruleta-sidebar{width:100%}}