:root{--papel:#efe7d3;--tinta:#12233f;--tinta-suave:#3c567e;--cuadricula-azul:#12233f14;--kraft:#c1834b;--kraft-oscuro:#8f5c2b;--acento:#d9531e;--acento-suave:#f0a87a;--panel:#f7f2e4;--linea:#12233f;--optimo:#9fd8b8;--fuente-display:"Space Grotesk", sans-serif;--fuente-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html,body{background-color:var(--papel);color:var(--tinta);font-family:var(--fuente-mono);min-height:100vh;margin:0;padding:0}.aplicacion{background:repeating-linear-gradient(0deg, var(--cuadricula-azul) 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, var(--cuadricula-azul) 0 1px, transparent 1px 28px), var(--papel);border:1px solid var(--tinta);flex-direction:column;min-height:100vh;padding:22px;display:flex}.bloque-principal{width:100%;max-width:1400px;margin:0 auto}.cabecera-app{border-bottom:2px solid var(--tinta);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.ceja-subtitulo{letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);font-size:11px}h1{font-family:var(--fuente-display);letter-spacing:-.01em;margin:2px 0 0;font-size:26px;font-weight:700}.etiqueta-formula{border:1px solid var(--tinta);background:var(--panel);white-space:nowrap;padding:5px 10px;font-size:11px}.cuadricula-principal{grid-template-columns:320px 1fr 300px;gap:18px;display:grid}@media (width<=1100px){.cuadricula-principal{grid-template-columns:1fr 1fr}.columna-centro{order:-1;grid-column:span 2}}@media (width<=768px){.aplicacion{padding:10px}.cuadricula-principal{flex-direction:column;gap:12px;display:flex}.columna-izquierda{order:1}.columna-centro{order:2}.columna-derecha{order:3}.lienzo-3d{height:300px}.cabecera-app{margin-bottom:12px;padding-bottom:8px}h1{font-size:20px}}.seccion-patron-plano{display:block}.panel-controles,.panel-formula,.panel-patron-plano,.panel-grafico,.panel-exportar,.panel-procedimiento{background:var(--panel);border:1px solid var(--tinta);margin-bottom:18px;padding:16px}.panel-controles h2,.panel-formula h2,.panel-patron-plano h2,.panel-grafico h2,.panel-exportar h2{font-family:var(--fuente-display);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px dashed var(--tinta-suave);margin:0 0 14px;padding-bottom:8px;font-size:13px}.campo-rango{margin-bottom:18px}.campo-rango label{color:var(--tinta-suave);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.campo-rango label span b{color:var(--tinta);font-size:14px}input[type=range]{width:100%;accent-color:var(--acento)}.boton-optimo,.boton-exportar{font-family:var(--fuente-mono);background:var(--acento);color:var(--papel);border:1px solid var(--tinta);cursor:pointer;letter-spacing:.03em;width:100%;padding:9px 12px;font-size:12px;transition:background .2s,color .2s}.boton-optimo:hover,.boton-exportar:hover{background:var(--acento-suave);color:var(--tinta)}.bandera-estado{border:1px solid var(--tinta);text-align:center;margin-top:10px;padding:5px 8px;font-size:11px;transition:background .3s}.optimo-activo{background:var(--optimo)}.optimo-inactivo{background:0 0}.bloque-formula{background:var(--tinta);color:var(--papel);padding:14px;font-size:13px;line-height:1.7}.bloque-formula .fx{color:var(--acento-suave);font-weight:700}.bloque-formula .val{color:var(--optimo)}.contenedor-visor-3d{border:1px solid var(--tinta);background:radial-gradient(circle,#fdfbf7 0%,#e8dfce 65%,#c2b6a3 100%);margin-bottom:18px;position:relative;overflow:hidden}.lienzo-3d{cursor:grab;width:100%;height:420px}.lienzo-3d canvas{background:0 0!important}.lienzo-3d:active{cursor:grabbing}.informacion-dimensiones{text-align:right;color:var(--tinta-suave);font-size:11px;position:absolute;top:12px;right:14px}.informacion-dimensiones b{color:var(--tinta)}.leyenda-interaccion{color:var(--tinta);border:1px solid var(--tinta);letter-spacing:.03em;font-size:10px;font-family:var(--fuente-mono);background:#f7f2e4d9;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 6px #12233f0d}.icono-rotar{font-size:12px;font-weight:700}.svg-patron,.svg-grafico{width:100%;height:auto;display:block}.leyenda-pie{color:var(--tinta-suave);margin-top:8px;font-size:10px;line-height:1.5}.leyenda-patron{border-top:1px dashed var(--tinta-suave);flex-direction:column;gap:6px;margin-top:10px;padding-top:8px;display:flex}.leyenda-item{align-items:center;gap:8px;font-size:10px;display:flex}.leyenda-color{border:.5px solid var(--tinta);width:12px;height:12px}.leyenda-color.descarte{opacity:.8;background:repeating-linear-gradient(45deg,#d9531e,#d9531e 2px,#0000 2px 4px)}.leyenda-color.base{background:var(--kraft);opacity:.15}.leyenda-color.pestañas{background:var(--tinta-suave);opacity:.15}.procedimiento-cabecera{background:var(--tinta);width:100%;color:var(--papel);font-family:var(--fuente-mono);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:12px;font-size:12px;font-weight:700;display:flex}.procedimiento-cabecera:hover{background:var(--tinta-suave)}.procedimiento-cabecera .chevron{transition:transform .2s}.procedimiento-cabecera .chevron.abierto{transform:rotate(180deg)}.procedimiento-contenido{padding-top:16px}.paso-matematico{border-bottom:1px dashed var(--tinta-suave);margin-bottom:20px;padding-bottom:14px}.paso-matematico:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.paso-matematico h3{font-family:var(--fuente-display);color:var(--acento);margin:0 0 6px;font-size:11px}.paso-matematico p{color:var(--tinta);margin:0 0 8px;font-size:11px;line-height:1.5}.bloque-codigo{border-left:2px solid var(--tinta);padding:8px 12px;font-size:11px;line-height:1.6}.widget-grafico{z-index:10;border:1px solid var(--tinta);pointer-events:none;background:#f7f5f0f0;border-radius:4px;width:190px;padding:4px;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #12233f0f}.widget-formula{z-index:10;border:1px solid var(--tinta);pointer-events:none;background:#f7f5f0f0;border-radius:4px;width:210px;padding:4px;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #12233f0f}@media (width<=768px){.widget-formula{display:none!important}}.mostrar-movil{display:none}.ocultar-movil{display:block}@media (width<=768px){.mostrar-movil{display:block}.ocultar-movil{display:none}}