@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";.accordion{display:flex;flex-direction:column;gap:16px}.accordion-item{border:1px solid #E0E0E0;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 8px #00000014;transition:all .3s ease-out}.accordion-item:hover{box-shadow:0 4px 16px #0000001f}.accordion-header{width:100%;padding:16px 24px;background-color:#f8f8f8;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:#2b3e50;transition:all .2s ease-out;border-bottom:1px solid #F0F0F0}.accordion-header:hover{background-color:#f0f0f0}.accordion-header:focus-visible{outline:3px solid #4BB69C;outline-offset:2px}.accordion-icon{color:#4bb69c;font-size:24px;font-weight:700;transition:color .2s ease-out}.accordion-content{padding:24px;background-color:#fff;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.accordion-header{padding:12px 16px;font-size:15px}.accordion-content{padding:16px}}.usuarios-simulados{width:100%}.usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.usuarios-header h3{font-family:Roboto,sans-serif;font-size:18px;font-weight:600;color:#2b3e50;margin:0}.filtro-region{display:flex;align-items:center;gap:12px}.filtro-region label{font-family:Roboto,sans-serif;font-size:14px;color:#646464;font-weight:500}.filtro-region select{padding:8px 12px;border:1px solid #E0E0E0;border-radius:6px;font-family:Roboto,sans-serif;font-size:14px;color:#2b3e50;cursor:pointer;background-color:#f8f8f8}.usuarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.usuario-card{background-color:#f8f8f8;border:1px solid #E0E0E0;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease-out}.usuario-card:hover{background-color:#fff;box-shadow:0 4px 16px #0000001f;border-color:#4bb69c}.usuario-card h4{font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:#2b3e50;margin:0 0 12px}.usuario-card p{font-family:Roboto,sans-serif;font-size:14px;color:#646464;margin:6px 0}.usuario-card .region{color:#4bb69c;font-weight:500}.usuario-card .situacion{font-size:13px;font-style:italic;color:#b4b4b4}.btn-ver{width:100%;padding:8px 12px;margin-top:12px;background-color:#4bb69c;color:#fff;border:none;border-radius:6px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.btn-ver:hover{background-color:#15bd98}.detalle-usuario{width:100%}.btn-volver{padding:10px 16px;margin-bottom:20px;background-color:transparent;border:2px solid #4BB69C;color:#4bb69c;border-radius:6px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.btn-volver:hover{background-color:#4bb69c1a}.usuario-card-detalle{background-color:#f8f8f8;border:1px solid #E0E0E0;border-radius:8px;padding:24px}.usuario-card-detalle h4{font-family:Roboto,sans-serif;font-size:24px;font-weight:600;color:#2b3e50;margin:0 0 16px}.usuario-info{background-color:#fff;padding:16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #4BB69C}.usuario-info p{font-family:Roboto,sans-serif;font-size:14px;color:#2b3e50;margin:8px 0}.usuario-info strong{color:#4bb69c;font-weight:600}.respuestas-detalle h5{font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:#2b3e50;margin:20px 0 16px}.respuesta-item{background-color:#fff;border-left:4px solid #4BB69C;padding:12px 16px;margin-bottom:12px;border-radius:4px}.pregunta-num{font-family:Courier New,monospace;font-size:12px;color:#4bb69c;font-weight:700;margin-bottom:6px}.respuesta-item p{font-family:Roboto,sans-serif;font-size:14px;color:#2b3e50;line-height:1.5;margin:0}.usuarios-stats{text-align:center;padding-top:16px;border-top:1px solid #E0E0E0;font-family:Roboto,sans-serif;font-size:13px;color:#646464}@media (max-width: 640px){.usuarios-header{flex-direction:column;align-items:flex-start}.usuarios-grid{grid-template-columns:1fr}.usuario-card-detalle{padding:16px}}.visualizacion-perfiles{width:100%}.vista-toggle{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #E0E0E0;padding-bottom:16px}.toggle-btn{padding:10px 20px;background-color:transparent;border:none;border-bottom:3px solid transparent;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#646464;cursor:pointer;transition:all .2s ease-out}.toggle-btn:hover{color:#4bb69c}.toggle-btn.activo{color:#4bb69c;border-bottom-color:#4bb69c}.perfil-grupo h2{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;color:#2b3e50;margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-item{background-color:#fff;padding:16px;border-radius:8px;text-align:center;border:2px solid #E8F5F2}.stat-label{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#4bb69c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-valor{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;color:#2b3e50}.felder-grupo .felder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.distribucion-items{display:flex;flex-direction:column;gap:16px}.dist-item{background-color:#fff;padding:16px;border-radius:6px}.dist-item label{display:block;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#2b3e50;margin-bottom:8px;text-transform:capitalize}.dist-barra{width:100%;height:16px;background-color:#e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:8px}.dist-relleno{height:100%;background:linear-gradient(90deg,#4bb69c,#15bd98);transition:width .3s ease-out}.dist-item span{display:block;font-family:Roboto,sans-serif;font-size:12px;text-align:right;color:#646464}.motivacion-grupo .medidores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.seleccionar-usuario{text-align:center}.seleccionar-usuario h3{font-family:Roboto,sans-serif;font-size:18px;font-weight:600;color:#2b3e50;margin-bottom:24px}.usuarios-lista-perfil{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px}.usuario-btn-perfil{padding:16px;background-color:#f8f8f8;border:1px solid #E0E0E0;border-radius:8px;cursor:pointer;transition:all .2s ease-out;text-align:left;border:none}.usuario-btn-perfil:hover{background-color:#fff;box-shadow:0 4px 16px #0000001f;border-color:#4bb69c}.usuario-nombre{font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:#2b3e50;margin-bottom:8px}.usuario-info-resumen{font-family:Roboto,sans-serif;font-size:13px;color:#646464}.nota-usuarios{font-family:Roboto,sans-serif;font-size:13px;color:#b4b4b4;margin-top:16px}.perfil-detalle{width:100%}.btn-volver-perfil{padding:10px 16px;margin-bottom:24px;background-color:transparent;border:2px solid #4BB69C;color:#4bb69c;border-radius:6px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.btn-volver-perfil:hover{background-color:#4bb69c1a}.perfil-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #E8F5F2}.perfil-header h2{font-family:Roboto,sans-serif;font-size:28px;font-weight:700;color:#2b3e50;margin:0 0 8px}.perfil-subtitulo{font-family:Roboto,sans-serif;font-size:14px;color:#646464;margin:0}.perfil-contenido{display:flex;flex-direction:column;gap:32px}.seccion-perfil{background-color:#f8f8f8;padding:24px;border-radius:8px;border-left:4px solid #4BB69C}.seccion-perfil h3{font-family:Roboto,sans-serif;font-size:18px;font-weight:600;color:#2b3e50;margin:0 0 16px}.sintesis{border-left:4px solid #4BB69C}.narrativa-box{background-color:#fff;padding:16px;border-radius:6px;line-height:1.8}.narrativa-box p{font-family:Roboto,sans-serif;font-size:16px;color:#2b3e50;margin:0}.felder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.felder-item{background-color:#fff;padding:16px;border-radius:6px}.felder-label{font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#4bb69c;margin-bottom:8px;display:block}.felder-barra{width:100%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:8px}.felder-valor{height:100%;background:linear-gradient(90deg,#4bb69c,#15bd98);transition:width .3s ease-out}.felder-texto{font-family:Roboto,sans-serif;font-size:12px;text-align:right;color:#646464}.contexto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.contexto-item{background-color:#fff;padding:12px;border-radius:6px;display:flex;flex-direction:column;gap:6px}.contexto-label{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#4bb69c}.contexto-valor{font-family:Roboto,sans-serif;font-size:14px;color:#2b3e50;font-weight:500}.medidores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.medidor{background-color:#fff;padding:16px;border-radius:6px}.medidor label{display:block;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#2b3e50;margin-bottom:8px;text-transform:capitalize}.medidor-barra{width:100%;height:16px;background-color:#e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:8px}.medidor-relleno{height:100%;background:linear-gradient(90deg,#f39959,#4bb69c);transition:width .3s ease-out}.medidor-valor{display:block;font-family:Roboto,sans-serif;font-size:12px;text-align:right;color:#646464}.riesgo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.riesgo-item{background-color:#fff;padding:16px;border-radius:6px;border-left:3px solid}.riesgo-item.riesgo-alto{border-left-color:#ea5e58}.riesgo-item.apoyo-alto{border-left-color:#4bb69c}.riesgo-item label{display:block;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#2b3e50;margin-bottom:8px}.riesgo-medidor{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:8px}.riesgo-item.riesgo-alto .riesgo-medidor{background:linear-gradient(90deg,#ea5e58,#ea5e58);opacity:.3}.riesgo-item.apoyo-alto .riesgo-medidor{background:linear-gradient(90deg,#4bb69c,#15bd98)}.riesgo-item span{display:block;font-family:Roboto,sans-serif;font-size:12px;text-align:right;color:#646464}.banderas{border-left:4px solid #B764A3}.banderas-chips{display:flex;flex-wrap:wrap;gap:12px}.chip{display:inline-block;padding:8px 16px;background-color:#fff;border-radius:20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;text-transform:capitalize}.chip.confirmado{background-color:#f0a28c;color:#fff;border:1px solid #F0A28C}.chip.posible{background-color:transparent;color:#b764a3;border:2px solid #B764A3}@media (max-width: 640px){.usuarios-lista-perfil,.felder-grid,.contexto-grid,.medidores-grid,.riesgo-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-contenedor-cambios{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-cambios{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#4bb69c,#15bd98);color:#fff;border-bottom:3px solid #15BD98}.modal-header-cambios h2{margin:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:700}.btn-cerrar{background-color:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease-out}.btn-cerrar:hover{background-color:#fff3}.cambios-resumen{padding:20px 24px;background-color:#e8f5f2;border-bottom:1px solid #4BB69C}.titulo-resumen{font-family:Roboto,sans-serif;font-size:12px;font-weight:700;color:#4bb69c;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.items-resumen{display:flex;flex-direction:column;gap:8px}.resumen-item{font-family:Roboto,sans-serif;font-size:13px;color:#4bb69c;font-weight:600;padding:8px 12px;background-color:#4bb69c1a;border-left:3px solid #4BB69C;border-radius:4px}.cambios-detalle{flex:1;overflow-y:auto;padding:20px 24px}.cambios-detalle h3{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;color:#2b3e50;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.lista-cambios{display:flex;flex-direction:column;gap:8px}.cambio-linea{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:6px;font-family:Cascadia Code,monospace;font-size:11px;line-height:1.5}.cambio-linea.cambio-agregada{background-color:#f0fdf4;border-left:3px solid #4BB69C}.cambio-linea.cambio-removida{background-color:#fff5f5;border-left:3px solid #F39959}.cambio-icon{display:flex;align-items:center;justify-content:center;min-width:20px;font-size:14px}.cambio-contenido{flex:1;color:#2b3e50;background-color:transparent;white-space:pre-wrap;word-break:break-word;margin:0}.cambio-mas{padding:12px;text-align:center;font-family:Roboto,sans-serif;font-size:12px;color:#b4b4b4;font-style:italic}.modal-footer-cambios{padding:20px 24px;border-top:1px solid #E0E0E0;background-color:#f8f8f8;display:flex;flex-direction:column;gap:12px;align-items:center}.texto-info{font-family:Roboto,sans-serif;font-size:12px;color:#646464;text-align:center;margin:0;line-height:1.6}.btn-listo{padding:12px 28px;background:linear-gradient(135deg,#4bb69c,#15bd98);color:#fff;border:none;border-radius:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease-out}.btn-listo:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4bb69c4d}@media (max-width: 768px){.modal-contenedor-cambios{max-width:95vw;max-height:90vh}.modal-header-cambios{padding:16px}.modal-header-cambios h2{font-size:18px}.cambios-resumen,.cambios-detalle,.modal-footer-cambios{padding:16px}.cambio-linea{padding:10px;font-size:10px}}.generador-prompts{display:flex;flex-direction:column;gap:32px;width:100%}.panel-api-key{background-color:#fffbea;border:2px solid #F39959;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px}.panel-api-key h3{font-family:Roboto,sans-serif;font-size:16px;font-weight:700;color:#f39959;margin:0}.panel-api-key p{font-family:Roboto,sans-serif;font-size:13px;color:#2b3e50;margin:0}.panel-api-key a{color:#4bb69c;text-decoration:none;font-weight:600}.panel-api-key a:hover{text-decoration:underline}.seccion-selectores{display:grid;grid-template-columns:1fr 1fr;gap:24px}.selector-grupo{display:flex;flex-direction:column;gap:8px}.selector-grupo label{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#2b3e50;text-transform:uppercase;letter-spacing:.5px}.selector-grupo select{padding:12px;border:2px solid #E0E0E0;border-radius:6px;font-family:Roboto,sans-serif;font-size:14px;color:#2b3e50;background-color:#fff;cursor:pointer;transition:all .2s ease-out}.selector-grupo select:focus{outline:none;border-color:#4bb69c;box-shadow:0 0 0 3px #4bb69c1a}.selector-grupo .descripcion{font-family:Roboto,sans-serif;font-size:12px;color:#646464;margin:0;font-style:italic}.info-usuario{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:12px;background-color:#f8f8f8;border-radius:6px}.info-usuario p{font-family:Roboto,sans-serif;font-size:12px;color:#646464;margin:0}.info-usuario strong{color:#4bb69c;font-weight:600}.estado-ideal{color:#4bb69c;font-weight:700}.estado-mejorando{color:#f39959;font-weight:600}.seccion-doble{display:grid;grid-template-columns:1fr 1fr;gap:24px}.columna{display:flex;flex-direction:column}.panel{background-color:#fff;border:2px solid #E8F5F2;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:16px}.panel-grande{padding:0;display:flex;flex-direction:column;height:100%;min-height:600px}.panel h3{font-family:Roboto,sans-serif;font-size:18px;font-weight:700;color:#2b3e50;margin:0;display:flex;gap:8px;align-items:center}.prompt-textarea{font-family:Cascadia Code,monospace;font-size:12px;color:#2b3e50;background-color:#f8f8f8;border:1px solid #E0E0E0;border-radius:6px;padding:16px;min-height:400px;resize:vertical;line-height:1.6;transition:all .2s ease-out}.prompt-textarea:focus{outline:none;border-color:#4bb69c;background-color:#fff}.btn-generar{padding:12px 24px;background:linear-gradient(135deg,#4bb69c,#15bd98);color:#fff;border:none;border-radius:6px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out;align-self:flex-start}.btn-generar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #4bb69c4d}.btn-generar:disabled{opacity:.6;cursor:not-allowed}.preview-header{display:flex;flex-direction:column;gap:12px;padding:24px;border-bottom:2px solid #E8F5F2}.preview-header h3{margin:0}.preview-controles{display:flex;gap:8px}.tab-btn{padding:8px 16px;background-color:#f8f8f8;border:1px solid #E0E0E0;border-radius:6px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#646464;cursor:pointer;transition:all .2s ease-out}.tab-btn:hover{background-color:#fff;border-color:#4bb69c;color:#4bb69c}.tab-btn.activo{background-color:#4bb69c;color:#fff;border-color:#4bb69c}.preview-container-grande{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.html-preview-grande{width:100%;height:100%;min-height:600px;border:none;background-color:#f8f8f8}.codigo-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;background-color:#1e1e1e;padding:24px}.codigo-html{margin:0;padding:0;background-color:transparent;color:#e0e0e0;font-family:Cascadia Code,monospace;font-size:11px;line-height:1.6;overflow:auto;flex-grow:1}.codigo-html code{background-color:transparent;color:#e0e0e0}.preview-container{display:flex;flex-direction:column;gap:12px;flex-grow:1;min-height:500px}.html-preview{width:100%;min-height:500px;border:1px solid #E0E0E0;border-radius:6px;background-color:#fff}.placeholder{display:flex;align-items:center;justify-content:center;min-height:500px;background-color:#f8f8f8;border:2px dashed #E0E0E0;border-radius:6px;color:#b4b4b4;font-family:Roboto,sans-serif;font-size:14px}.seccion-evaluacion{display:flex;flex-direction:column}.evaluacion-ia,.evaluacion-humana{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid #E0E0E0}.evaluacion-ia h4,.evaluacion-humana h4{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#2b3e50;margin:0;text-transform:uppercase;letter-spacing:.5px}.btn-evaluar{padding:10px 16px;background-color:#e8f5f2;color:#4bb69c;border:2px solid #4BB69C;border-radius:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease-out;align-self:flex-start}.btn-evaluar:hover{background-color:#4bb69c;color:#fff}.resultados-ia{display:flex;flex-direction:column;gap:12px}.score-general{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#e8f5f2;border-radius:6px}.score-general .label{font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#4bb69c}.score-general .value{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;color:#4bb69c}.criterios{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.criterio{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f8f8f8;border-radius:6px;border-left:3px solid #4BB69C}.criterio-nombre{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#2b3e50}.criterio-score{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;color:#4bb69c}.criterios-humanos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.criterio-input{display:flex;flex-direction:column;gap:8px}.criterio-input label{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#2b3e50}.criterio-input select{padding:10px;border:1px solid #E0E0E0;border-radius:4px;font-family:Roboto,sans-serif;font-size:13px;color:#2b3e50;background-color:#fff}.comentarios-textarea{font-family:Roboto,sans-serif;font-size:13px;color:#2b3e50;background-color:#f8f8f8;border:1px solid #E0E0E0;border-radius:4px;padding:12px;min-height:80px;resize:vertical;margin-top:8px}.iteraciones-info{padding:12px;background-color:#f8f8f8;border-radius:6px;margin-top:16px}.iteraciones-info p{font-family:Roboto,sans-serif;font-size:13px;color:#646464;margin:0}.botones-accion{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.btn-guardar,.btn-siguiente,.btn-comparar{padding:12px 20px;border:none;border-radius:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.btn-guardar{background-color:#e8f5f2;color:#4bb69c;border:2px solid #4BB69C}.btn-guardar.activo{background-color:#4bb69c;color:#fff}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4bb69c4d}.btn-guardar:disabled{opacity:.5;cursor:not-allowed}.btn-siguiente{background-color:#15bd98;color:#fff}.btn-siguiente:hover{transform:translateY(-2px);box-shadow:0 4px 12px #15bd984d}.btn-comparar{background-color:#2b3e50;color:#fff}.btn-comparar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2b3e504d}.checkbox-aprobado{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background-color:#e8f5f2;border-radius:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#4bb69c;cursor:pointer}.checkbox-aprobado input{cursor:pointer;width:18px;height:18px}.seccion-comparacion{display:flex;flex-direction:column}.tabla-comparacion{overflow-x:auto}.tabla-comparacion table{width:100%;border-collapse:collapse;margin-top:16px}.tabla-comparacion th{background-color:#e8f5f2;border-bottom:2px solid #4BB69C;padding:16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;color:#4bb69c;text-align:left;text-transform:uppercase;letter-spacing:.5px}.tabla-comparacion td{padding:16px;border-bottom:1px solid #E0E0E0;font-family:Roboto,sans-serif;font-size:13px;color:#2b3e50}.tabla-comparacion tr:hover{background-color:#f8f8f8}.tabs-evaluacion{display:flex;align-items:center;justify-content:space-between}.tabs-evaluacion h3{margin:0}.btn-guardar.mejorando{background-color:#f39959;border-color:#f39959;color:#fff}.btn-guardar.perfecto{background-color:#4bb69c;border-color:#4bb69c;color:#fff;font-weight:700}.btn-guardar.perfecto:hover{transform:scale(1.05);box-shadow:0 4px 16px #4bb69c66}.historial-compacto{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #E0E0E0}.historial-compacto strong{font-family:Roboto,sans-serif;font-size:12px;color:#2b3e50}.badge{display:inline-block;padding:6px 12px;background-color:#f8f8f8;border-radius:12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;color:#646464;border:1px solid #E0E0E0;margin-right:8px;margin-top:6px}.badge.ideal{background-color:#e8f5f2;color:#4bb69c;border-color:#4bb69c;font-weight:700}@media (max-width: 1024px){.seccion-doble,.seccion-selectores,.criterios-humanos{grid-template-columns:1fr}.panel-grande,.html-preview-grande{min-height:700px}}@media (max-width: 640px){.generador-prompts{gap:24px}.panel{padding:16px}.prompt-textarea,.html-preview,.placeholder{min-height:300px}.criterios{grid-template-columns:1fr}}.app{max-width:900px;margin:0 auto}.app-header{text-align:center;margin-bottom:64px;background:linear-gradient(135deg,#4bb69c0d,#15bd9808);padding:48px 32px;border-radius:12px;border:1px solid #E8F5F2}.app-header h1{font-family:Courier New,monospace;font-size:48px;font-weight:700;color:#4bb69c;margin:0 0 8px;letter-spacing:1px}.app-header p{font-family:Roboto,sans-serif;font-size:16px;color:#646464;margin:0;font-weight:300}.app-main{background:#fff;border-radius:8px;padding:32px;box-shadow:0 2px 8px #00000014;border:1px solid #F0F0F0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);min-height:100vh;color:#2b3e50;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{padding:24px}button{font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#4bb69c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#15bd98}@media (max-width: 640px){#root{padding:16px}}