{"code":"var Component=(()=>{var p=Object.create;var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var v=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),b=(n,e)=>{for(var a in e)d(n,a,{get:e[a],enumerable:!0})},s=(n,e,a,l)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of m(e))!f.call(n,r)&&r!==a&&d(n,r,{get:()=>e[r],enumerable:!(l=u(e,r))||l.enumerable});return n};var A=(n,e,a)=>(a=n!=null?p(g(n)):{},s(e||!n||!n.__esModule?d(a,\"default\",{value:n,enumerable:!0}):a,n)),k=n=>s(d({},\"__esModule\",{value:!0}),n);var o=v((j,c)=>{c.exports=_jsx_runtime});var C={};b(C,{default:()=>h});var i=A(o());function t(n){let e={a:\"a\",code:\"code\",em:\"em\",h2:\"h2\",h3:\"h3\",hr:\"hr\",li:\"li\",ol:\"ol\",p:\"p\",pre:\"pre\",span:\"span\",strong:\"strong\",table:\"table\",tbody:\"tbody\",td:\"td\",th:\"th\",thead:\"thead\",tr:\"tr\",ul:\"ul\",...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(e.p,{children:[\"macOS Tahoe introduce \",(0,i.jsx)(e.strong,{children:\"Liquid Glass UI\"}),\", la evoluci\\xF3n de dise\\xF1o m\\xE1s significativa desde la introducci\\xF3n de la translucidez en macOS Yosemite. Este lenguaje de dise\\xF1o revolucionario transforma c\\xF3mo interactuamos con nuestras Macs, creando profundidad visual y fluidez sin precedentes.\"]}),`\n`,(0,i.jsx)(e.h2,{id:\"qu\\xE9-es-liquid-glass-ui\",children:\"\\xBFQu\\xE9 es Liquid Glass UI?\"}),`\n`,(0,i.jsx)(e.p,{children:\"Liquid Glass UI es el nuevo lenguaje de dise\\xF1o de Apple que combina efectos avanzados de transparencia, materiales din\\xE1micos y animaciones fluidas para crear interfaces que se sienten m\\xE1s vivas y responsivas que nunca.\"}),`\n`,(0,i.jsx)(e.h3,{id:\"principios-de-dise\\xF1o-fundamentales\",children:\"Principios de Dise\\xF1o Fundamentales\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"1. Transparencia Din\\xE1mica\"}),`\nA diferencia de los efectos de transparencia est\\xE1ticos, Liquid Glass UI presenta materiales que responden a:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Contenido debajo de ellos\"}),`\n`,(0,i.jsx)(e.li,{children:\"Condiciones de iluminaci\\xF3n ambiental\"}),`\n`,(0,i.jsx)(e.li,{children:\"Interacciones del usuario\"}),`\n`,(0,i.jsx)(e.li,{children:\"Cambios de estado del sistema\"}),`\n`]}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"2. Profundidad Contextual\"}),`\nLa interfaz crea jerarqu\\xEDa visual a trav\\xE9s de:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"M\\xFAltiples capas de transparencia\"}),`\n`,(0,i.jsx)(e.li,{children:\"Intensidad de desenfoque adaptativa\"}),`\n`,(0,i.jsx)(e.li,{children:\"Temperatura de color contextual\"}),`\n`,(0,i.jsx)(e.li,{children:\"Efectos basados en proximidad\"}),`\n`]}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"3. Responsividad Fluida\"}),`\nCada interacci\\xF3n se siente natural a trav\\xE9s de:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Animaciones basadas en f\\xEDsica\"}),`\n`,(0,i.jsx)(e.li,{children:\"Transiciones conscientes del momentum\"}),`\n`,(0,i.jsx)(e.li,{children:\"Materiales responsivos a gestos\"}),`\n`,(0,i.jsx)(e.li,{children:\"Adaptaci\\xF3n ambiental en tiempo real\"}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"arquitectura-t\\xE9cnica\",children:\"Arquitectura T\\xE9cnica\"}),`\n`,(0,i.jsx)(e.h3,{id:\"pipeline-de-renderizado\",children:\"Pipeline de Renderizado\"}),`\n`,(0,i.jsx)(e.p,{children:\"Liquid Glass UI aprovecha la arquitectura de memoria unificada de Apple Silicon y las capacidades avanzadas de GPU:\"}),`\n`,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.pre,{className:\"shiki shiki-themes github-light github-dark\",style:{\"--shiki-light\":\"#24292e\",\"--shiki-dark\":\"#e1e4e8\",\"--shiki-light-bg\":\"#fff\",\"--shiki-dark-bg\":\"#24292e\"},tabIndex:\"0\",icon:'<svg viewBox=\"0 0 24 24\"><path d=\"M 6,1 C 4.354992,1 3,2.354992 3,4 v 16 c 0,1.645008 1.354992,3 3,3 h 12 c 1.645008,0 3,-1.354992 3,-3 V 8 7 A 1.0001,1.0001 0 0 0 20.707031,6.2929687 l -5,-5 A 1.0001,1.0001 0 0 0 15,1 h -1 z m 0,2 h 7 v 3 c 0,1.645008 1.354992,3 3,3 h 3 v 11 c 0,0.564129 -0.435871,1 -1,1 H 6 C 5.4358712,21 5,20.564129 5,20 V 4 C 5,3.4358712 5.4358712,3 6,3 Z M 15,3.4140625 18.585937,7 H 16 C 15.435871,7 15,6.5641288 15,6 Z\" fill=\"currentColor\" /></svg>',children:(0,i.jsx)(e.code,{children:(0,i.jsx)(e.span,{className:\"line\",children:(0,i.jsx)(e.span,{children:\"Capa de Contenido \\u2192 Desenfoque Din\\xE1mico \\u2192 Temperatura de Color \\u2192 Iluminaci\\xF3n Ambiental \\u2192 Composici\\xF3n Final\"})})})})}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Metal Performance Shaders\"}),`: C\\xE1lculos de desenfoque y transparencia en tiempo real\n`,(0,i.jsx)(e.strong,{children:\"Core Animation\"}),`: Animaciones y transiciones basadas en f\\xEDsica\n`,(0,i.jsx)(e.strong,{children:\"Neural Engine\"}),\": Decisiones de transparencia conscientes del contexto (en hardware compatible)\"]}),`\n`,(0,i.jsx)(e.h3,{id:\"requisitos-del-sistema\",children:\"Requisitos del Sistema\"}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Requisitos M\\xEDnimos:\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Procesador Apple Silicon (M1 o posterior) para efectos completos\"}),`\n`,(0,i.jsx)(e.li,{children:\"Macs Intel con gr\\xE1ficos discretos para efectos b\\xE1sicos\"}),`\n`,(0,i.jsx)(e.li,{children:\"8GB RAM (16GB recomendado para rendimiento \\xF3ptimo)\"}),`\n`,(0,i.jsx)(e.li,{children:\"GPU compatible con Metal\"}),`\n`]}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Impacto en el Rendimiento:\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Apple Silicon: Impacto m\\xEDnimo debido a memoria unificada\"}),`\n`,(0,i.jsx)(e.li,{children:\"Macs Intel: Aumento del 10-15% en utilizaci\\xF3n de GPU\"}),`\n`,(0,i.jsx)(e.li,{children:\"Bater\\xEDa: 5-8% de consumo adicional en laptops\"}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"desglose-de-elementos-visuales\",children:\"Desglose de Elementos Visuales\"}),`\n`,(0,i.jsx)(e.h3,{id:\"1-materiales-de-ventana\",children:\"1. Materiales de Ventana\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Ventanas Transl\\xFAcidas\"}),`\nLas ventanas ahora presentan m\\xFAltiples tipos de materiales:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Ultra Delgado\"}),\": Transparencia sutil para contenido activo\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Delgado\"}),\": Transparencia moderada para ventanas secundarias\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Grueso\"}),\": Transparencia fuerte para elementos de fondo\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Chrome\"}),\": Transparencia adaptativa para chrome del sistema\"]}),`\n`]}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Vibraci\\xF3n Adaptativa\"}),`\nLos materiales de ventana se ajustan autom\\xE1ticamente bas\\xE1ndose en:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Complejidad del contenido de fondo\"}),`\n`,(0,i.jsx)(e.li,{children:\"Sensores de luz ambiental (en Macs compatibles)\"}),`\n`,(0,i.jsx)(e.li,{children:\"Patrones de atenci\\xF3n y foco del usuario\"}),`\n`,(0,i.jsx)(e.li,{children:\"Preferencias de hora del d\\xEDa\"}),`\n`]}),`\n`,(0,i.jsx)(e.h3,{id:\"2-elementos-de-men\\xFA-y-control\",children:\"2. Elementos de Men\\xFA y Control\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Barra de Men\\xFA Din\\xE1mica\"}),`\nLa barra de men\\xFA se vuelve verdaderamente adaptativa:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"La transparencia se ajusta al fondo de escritorio\"}),`\n`,(0,i.jsx)(e.li,{children:\"Los cambios de temperatura de color con el contenido\"}),`\n`,(0,i.jsx)(e.li,{children:\"La intensidad de desenfoque var\\xEDa con la actividad del men\\xFA\"}),`\n`,(0,i.jsx)(e.li,{children:\"Transiciones fluidas entre estados\"}),`\n`]}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Superficies de Control\"}),`\nBotones, deslizadores y controles presentan:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Resaltado consciente de la proximidad\"}),`\n`,(0,i.jsx)(e.li,{children:\"Respuestas sensibles a la presi\\xF3n (en trackpads Force Touch)\"}),`\n`,(0,i.jsx)(e.li,{children:\"Adaptaci\\xF3n de color sensible al contexto\"}),`\n`,(0,i.jsx)(e.li,{children:\"Transiciones de estado fluidas\"}),`\n`]}),`\n`,(0,i.jsx)(e.h3,{id:\"3-sistemas-de-notificaci\\xF3n-y-alerta\",children:\"3. Sistemas de Notificaci\\xF3n y Alerta\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Notificaciones en Capas\"}),`\nLas notificaciones se apilan con profundidad sofisticada:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Cada capa tiene transparencia \\xFAnica\"}),`\n`,(0,i.jsx)(e.li,{children:\"Las notificaciones m\\xE1s antiguas se desvanecen gradualmente\"}),`\n`,(0,i.jsx)(e.li,{children:\"Los elementos interactivos mantienen claridad\"}),`\n`,(0,i.jsx)(e.li,{children:\"Transiciones de profundidad suaves\"}),`\n`]}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Di\\xE1logos de Alerta\"}),`\nLas alertas del sistema presentan:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Adaptaci\\xF3n inteligente del fondo\"}),`\n`,(0,i.jsx)(e.li,{children:\"Transparencia consciente del contenido\"}),`\n`,(0,i.jsx)(e.li,{children:\"Peso visual reducido\"}),`\n`,(0,i.jsx)(e.li,{children:\"Algoritmos de legibilidad mejorados\"}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"mejoras-en-la-experiencia-del-usuario\",children:\"Mejoras en la Experiencia del Usuario\"}),`\n`,(0,i.jsx)(e.h3,{id:\"jerarqu\\xEDa-visual-mejorada\",children:\"Jerarqu\\xEDa Visual Mejorada\"}),`\n`,(0,i.jsx)(e.p,{children:\"Liquid Glass UI crea una jerarqu\\xEDa de informaci\\xF3n m\\xE1s clara a trav\\xE9s de:\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Percepci\\xF3n de Profundidad\"}),`: El contenido importante aparece \"m\\xE1s cerca\" a trav\\xE9s de transparencia reducida\n`,(0,i.jsx)(e.strong,{children:\"Gu\\xEDa de Foco\"}),`: Los elementos activos se vuelven m\\xE1s prominentes autom\\xE1ticamente\n`,(0,i.jsx)(e.strong,{children:\"Conciencia del Contexto\"}),`: Los elementos de fondo se desvanecen apropiadamente\n`,(0,i.jsx)(e.strong,{children:\"Gesti\\xF3n de Atenci\\xF3n\"}),\": El sistema gu\\xEDa el foco sin ser intrusivo\"]}),`\n`,(0,i.jsx)(e.h3,{id:\"legibilidad-mejorada\",children:\"Legibilidad Mejorada\"}),`\n`,(0,i.jsx)(e.p,{children:\"A pesar del aumento de transparencia, la legibilidad mejora a trav\\xE9s de:\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Contraste Inteligente\"}),`: Ajuste din\\xE1mico de contraste basado en el fondo\n`,(0,i.jsx)(e.strong,{children:\"Tipograf\\xEDa Adaptativa\"}),`: El peso del texto se ajusta a los niveles de transparencia\n`,(0,i.jsx)(e.strong,{children:\"Fondos Inteligentes\"}),`: El sistema crea superficies de lectura \\xF3ptimas\n`,(0,i.jsx)(e.strong,{children:\"Integraci\\xF3n de Accesibilidad\"}),\": Compatibilidad completa con caracter\\xEDsticas de accesibilidad\"]}),`\n`,(0,i.jsx)(e.h3,{id:\"beneficios-de-productividad\",children:\"Beneficios de Productividad\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Cambio de Contexto Reducido\"}),`: Ver contenido de fondo sin perder el foco\n`,(0,i.jsx)(e.strong,{children:\"Multitarea Mejorada\"}),`: Mejor organizaci\\xF3n y capas de ventanas\n`,(0,i.jsx)(e.strong,{children:\"Conciencia Espacial Mejorada\"}),`: Comprensi\\xF3n clara de la profundidad de la interfaz\n`,(0,i.jsx)(e.strong,{children:\"Fatiga Visual Reducida\"}),\": Experiencia visual m\\xE1s suave y natural\"]}),`\n`,(0,i.jsx)(e.h2,{id:\"opciones-de-personalizaci\\xF3n\",children:\"Opciones de Personalizaci\\xF3n\"}),`\n`,(0,i.jsx)(e.h3,{id:\"preferencias-del-sistema\",children:\"Preferencias del Sistema\"}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Controles de Transparencia\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Reducir transparencia (accesibilidad)\"}),`\n`,(0,i.jsx)(e.li,{children:\"Configuraciones de movimiento (para usuarios sensibles)\"}),`\n`,(0,i.jsx)(e.li,{children:\"Opciones de contraste\"}),`\n`,(0,i.jsx)(e.li,{children:\"Preferencias de temperatura de color\"}),`\n`]}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Configuraciones de Rendimiento\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Control deslizante de calidad vs. rendimiento\"}),`\n`,(0,i.jsx)(e.li,{children:\"Modos de optimizaci\\xF3n de bater\\xEDa\"}),`\n`,(0,i.jsx)(e.li,{children:\"Adaptaciones de pantalla externa\"}),`\n`,(0,i.jsx)(e.li,{children:\"Opciones de depuraci\\xF3n para desarrolladores\"}),`\n`]}),`\n`,(0,i.jsx)(e.h3,{id:\"integraci\\xF3n-de-api-para-desarrolladores\",children:\"Integraci\\xF3n de API para Desarrolladores\"}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Nuevos Frameworks\"})}),`\n`,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.pre,{className:\"shiki shiki-themes github-light github-dark\",style:{\"--shiki-light\":\"#24292e\",\"--shiki-dark\":\"#e1e4e8\",\"--shiki-light-bg\":\"#fff\",\"--shiki-dark-bg\":\"#24292e\"},tabIndex:\"0\",icon:'<svg viewBox=\"0 0 24 24\"><path d=\"M7.508 0c-.287 0-.573 0-.86.002-.241.002-.483.003-.724.01-.132.003-.263.009-.395.015A9.154 9.154 0 0 0 4.348.15 5.492 5.492 0 0 0 2.85.645 5.04 5.04 0 0 0 .645 2.848c-.245.48-.4.972-.495 1.5-.093.52-.122 1.05-.136 1.576a35.2 35.2 0 0 0-.012.724C0 6.935 0 7.221 0 7.508v8.984c0 .287 0 .575.002.862.002.24.005.481.012.722.014.526.043 1.057.136 1.576.095.528.25 1.02.495 1.5a5.03 5.03 0 0 0 2.205 2.203c.48.244.97.4 1.498.495.52.093 1.05.124 1.576.138.241.007.483.009.724.01.287.002.573.002.86.002h8.984c.287 0 .573 0 .86-.002.241-.001.483-.003.724-.01a10.523 10.523 0 0 0 1.578-.138 5.322 5.322 0 0 0 1.498-.495 5.035 5.035 0 0 0 2.203-2.203c.245-.48.4-.972.495-1.5.093-.52.124-1.05.138-1.576.007-.241.009-.481.01-.722.002-.287.002-.575.002-.862V7.508c0-.287 0-.573-.002-.86a33.662 33.662 0 0 0-.01-.724 10.5 10.5 0 0 0-.138-1.576 5.328 5.328 0 0 0-.495-1.5A5.039 5.039 0 0 0 21.152.645 5.32 5.32 0 0 0 19.654.15a10.493 10.493 0 0 0-1.578-.138 34.98 34.98 0 0 0-.722-.01C17.067 0 16.779 0 16.492 0H7.508zm6.035 3.41c4.114 2.47 6.545 7.162 5.549 11.131-.024.093-.05.181-.076.272l.002.001c2.062 2.538 1.5 5.258 1.236 4.745-1.072-2.086-3.066-1.568-4.088-1.043a6.803 6.803 0 0 1-.281.158l-.02.012-.002.002c-2.115 1.123-4.957 1.205-7.812-.022a12.568 12.568 0 0 1-5.64-4.838c.649.48 1.35.902 2.097 1.252 3.019 1.414 6.051 1.311 8.197-.002C9.651 12.73 7.101 9.67 5.146 7.191a10.628 10.628 0 0 1-1.005-1.384c2.34 2.142 6.038 4.83 7.365 5.576C8.69 8.408 6.208 4.743 6.324 4.86c4.436 4.47 8.528 6.996 8.528 6.996.154.085.27.154.36.213.085-.215.16-.437.224-.668.708-2.588-.09-5.548-1.893-7.992z\" fill=\"currentColor\" /></svg>',children:(0,i.jsxs)(e.code,{children:[(0,i.jsxs)(e.span,{className:\"line\",children:[(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"import\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" LiquidGlassUI\"})]}),`\n`,(0,i.jsx)(e.span,{className:\"line\"}),`\n`,(0,i.jsx)(e.span,{className:\"line\",children:(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#6A737D\",\"--shiki-dark\":\"#6A737D\"},children:\"// Materiales de ventana adaptativos\"})}),`\n`,(0,i.jsxs)(e.span,{className:\"line\",children:[(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"window.material \"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" .adaptive\"})]}),`\n`,(0,i.jsxs)(e.span,{className:\"line\",children:[(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"window.responsiveness \"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" .contextual\"})]}),`\n`,(0,i.jsx)(e.span,{className:\"line\"}),`\n`,(0,i.jsx)(e.span,{className:\"line\",children:(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#6A737D\",\"--shiki-dark\":\"#6A737D\"},children:\"// Efectos de transparencia personalizados\"})}),`\n`,(0,i.jsxs)(e.span,{className:\"line\",children:[(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"view.liquidGlassEffect \"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" .\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\"dynamicBlur\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"(\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\"intensity\"}),(0,i.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\": .adaptive)\"})]})]})})}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Soporte de Terceros\"}),`\nLas aplicaciones pueden integrar efectos Liquid Glass a trav\\xE9s de:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Nuevas APIs de AppKit\"}),`\n`,(0,i.jsx)(e.li,{children:\"Plantillas de shaders Metal\"}),`\n`,(0,i.jsx)(e.li,{children:\"Modificadores SwiftUI\"}),`\n`,(0,i.jsx)(e.li,{children:\"Capas de compatibilidad UIKit\"}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"optimizaci\\xF3n-de-rendimiento\",children:\"Optimizaci\\xF3n de Rendimiento\"}),`\n`,(0,i.jsx)(e.h3,{id:\"ventajas-de-apple-silicon\",children:\"Ventajas de Apple Silicon\"}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Arquitectura de Memoria Unificada\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Streaming de texturas m\\xE1s r\\xE1pido\"}),`\n`,(0,i.jsx)(e.li,{children:\"Overhead de memoria reducido\"}),`\n`,(0,i.jsx)(e.li,{children:\"Mejor coordinaci\\xF3n GPU-CPU\"}),`\n`,(0,i.jsx)(e.li,{children:\"Eficiencia t\\xE9rmica mejorada\"}),`\n`]}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Integraci\\xF3n del Neural Engine\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Ajustes predictivos de transparencia\"}),`\n`,(0,i.jsx)(e.li,{children:\"An\\xE1lisis inteligente de contenido\"}),`\n`,(0,i.jsx)(e.li,{children:\"Aprendizaje de comportamiento del usuario\"}),`\n`,(0,i.jsx)(e.li,{children:\"Decisiones de renderizado optimizadas\"}),`\n`]}),`\n`,(0,i.jsx)(e.h3,{id:\"consideraciones-para-mac-intel\",children:\"Consideraciones para Mac Intel\"}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Requisitos de GPU\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Gr\\xE1ficos discretos recomendados\"}),`\n`,(0,i.jsx)(e.li,{children:\"Soporte Metal 2.0+ requerido\"}),`\n`,(0,i.jsx)(e.li,{children:\"4GB+ VRAM para rendimiento \\xF3ptimo\"}),`\n`,(0,i.jsx)(e.li,{children:\"Complejidad de efectos reducida en hardware m\\xE1s antiguo\"}),`\n`]}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Ajuste de Rendimiento\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Escalado autom\\xE1tico de calidad\"}),`\n`,(0,i.jsx)(e.li,{children:\"Ajustes conscientes de la bater\\xEDa\"}),`\n`,(0,i.jsx)(e.li,{children:\"Protecci\\xF3n contra throttling t\\xE9rmico\"}),`\n`,(0,i.jsx)(e.li,{children:\"L\\xEDmites configurables por el usuario\"}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"caracter\\xEDsticas-de-accesibilidad\",children:\"Caracter\\xEDsticas de Accesibilidad\"}),`\n`,(0,i.jsx)(e.h3,{id:\"accesibilidad-visual\",children:\"Accesibilidad Visual\"}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Modo de Alto Contraste\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Mantiene el lenguaje de dise\\xF1o mientras mejora la visibilidad\"}),`\n`,(0,i.jsx)(e.li,{children:\"Aumento inteligente de contraste\"}),`\n`,(0,i.jsx)(e.li,{children:\"Jerarqu\\xEDa de transparencia preservada\"}),`\n`,(0,i.jsx)(e.li,{children:\"Definici\\xF3n de bordes mejorada\"}),`\n`]}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Sensibilidad al Movimiento\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Opciones de animaci\\xF3n reducida\"}),`\n`,(0,i.jsx)(e.li,{children:\"Alternativas de transparencia est\\xE1tica\"}),`\n`,(0,i.jsx)(e.li,{children:\"Efectos de transici\\xF3n simplificados\"}),`\n`,(0,i.jsx)(e.li,{children:\"Niveles de sensibilidad personalizables\"}),`\n`]}),`\n`,(0,i.jsx)(e.h3,{id:\"accesibilidad-cognitiva\",children:\"Accesibilidad Cognitiva\"}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Complejidad Reducida\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Patrones de transparencia simplificados\"}),`\n`,(0,i.jsx)(e.li,{children:\"Reglas visuales consistentes\"}),`\n`,(0,i.jsx)(e.li,{children:\"Comportamiento predecible\"}),`\n`,(0,i.jsx)(e.li,{children:\"Indicadores de foco claros\"}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"implementaci\\xF3n-para-desarrolladores\",children:\"Implementaci\\xF3n para Desarrolladores\"}),`\n`,(0,i.jsx)(e.h3,{id:\"mejores-pr\\xE1cticas\",children:\"Mejores Pr\\xE1cticas\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Conciencia del Contenido\"}),`\nAsegura que el contenido de tu aplicaci\\xF3n funcione bien con transparencia:`]}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Texto de alto contraste\"}),`\n`,(0,i.jsx)(e.li,{children:\"Manejo apropiado del fondo\"}),`\n`,(0,i.jsx)(e.li,{children:\"Elementos interactivos claros\"}),`\n`,(0,i.jsx)(e.li,{children:\"Jerarqu\\xEDa de capas apropiada\"}),`\n`]}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Consideraciones de Rendimiento\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Usa materiales del sistema proporcionados cuando sea posible\"}),`\n`,(0,i.jsx)(e.li,{children:\"Evita efectos de transparencia personalizados en Macs Intel\"}),`\n`,(0,i.jsx)(e.li,{children:\"Implementa degradaci\\xF3n elegante\"}),`\n`,(0,i.jsx)(e.li,{children:\"Prueba en varias configuraciones de hardware\"}),`\n`]}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:\"Respeto a las Preferencias del Usuario\"})}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsx)(e.li,{children:\"Honra las configuraciones de accesibilidad\"}),`\n`,(0,i.jsx)(e.li,{children:\"Proporciona controles de transparencia\"}),`\n`,(0,i.jsx)(e.li,{children:\"Soporta preferencias de movimiento reducido\"}),`\n`,(0,i.jsx)(e.li,{children:\"Mant\\xE9n funcionalidad sin efectos\"}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"implicaciones-futuras\",children:\"Implicaciones Futuras\"}),`\n`,(0,i.jsx)(e.h3,{id:\"evoluci\\xF3n-del-dise\\xF1o\",children:\"Evoluci\\xF3n del Dise\\xF1o\"}),`\n`,(0,i.jsx)(e.p,{children:\"Liquid Glass UI representa la base para futuras innovaciones de interfaz:\"}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Computaci\\xF3n Espacial\"}),\": Preparaci\\xF3n para interfaces AR/VR\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Flujos de Trabajo Multi-Pantalla\"}),\": Continuidad mejorada entre dispositivos\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Interacci\\xF3n por Gestos\"}),\": Integraci\\xF3n m\\xE1s natural de tacto y gestos\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Conciencia Ambiental\"}),\": Interfaces que se adaptan a espacios f\\xEDsicos\"]}),`\n`]}),`\n`,(0,i.jsx)(e.h3,{id:\"fundaci\\xF3n-tecnol\\xF3gica\",children:\"Fundaci\\xF3n Tecnol\\xF3gica\"}),`\n`,(0,i.jsx)(e.p,{children:\"La infraestructura t\\xE9cnica habilita:\"}),`\n`,(0,i.jsxs)(e.ul,{children:[`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Integraci\\xF3n de ray tracing\"}),\" en tiempo real\"]}),`\n`,(0,i.jsx)(e.li,{children:(0,i.jsx)(e.strong,{children:\"Simulaci\\xF3n avanzada de materiales\"})}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Adaptaci\\xF3n de interfaz\"}),\" impulsada por machine learning\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Consistencia multiplataforma\"}),\" con iOS e iPadOS\"]}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"comparaci\\xF3n-con-dise\\xF1os-anteriores\",children:\"Comparaci\\xF3n con Dise\\xF1os Anteriores\"}),`\n`,(0,i.jsx)(e.h3,{id:\"l\\xEDnea-de-tiempo-de-evoluci\\xF3n\",children:\"L\\xEDnea de Tiempo de Evoluci\\xF3n\"}),`\n`,(0,i.jsxs)(e.p,{children:[(0,i.jsx)(e.strong,{children:\"Mac OS X (2001-2011)\"}),`: Aqua - Dise\\xF1o skeuom\\xF3rfico con texturas pesadas\n`,(0,i.jsx)(e.strong,{children:\"macOS (2011-2020)\"}),`: Aplanamiento gradual con transparencia sutil\n`,(0,i.jsx)(e.strong,{children:\"macOS Tahoe (2025+)\"}),\": Liquid Glass - Transparencia din\\xE1mica e inteligente\"]}),`\n`,(0,i.jsx)(e.h3,{id:\"diferencias-clave\",children:\"Diferencias Clave\"}),`\n`,(0,i.jsxs)(e.table,{children:[(0,i.jsx)(e.thead,{children:(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.th,{children:\"Aspecto\"}),(0,i.jsx)(e.th,{children:\"macOS Anterior\"}),(0,i.jsx)(e.th,{children:\"Liquid Glass UI\"})]})}),(0,i.jsxs)(e.tbody,{children:[(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:\"Transparencia\"}),(0,i.jsx)(e.td,{children:\"Est\\xE1tica, uniforme\"}),(0,i.jsx)(e.td,{children:\"Din\\xE1mica, contextual\"})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:\"Rendimiento\"}),(0,i.jsx)(e.td,{children:\"Intensivo en GPU\"}),(0,i.jsx)(e.td,{children:\"Optimizado para Apple Silicon\"})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:\"Adaptabilidad\"}),(0,i.jsx)(e.td,{children:\"Apariencia fija\"}),(0,i.jsx)(e.td,{children:\"Conciencia ambiental\"})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:\"Accesibilidad\"}),(0,i.jsx)(e.td,{children:\"Opciones b\\xE1sicas\"}),(0,i.jsx)(e.td,{children:\"Integraci\\xF3n completa\"})]})]})]}),`\n`,(0,i.jsx)(e.h2,{id:\"comenzando\",children:\"Comenzando\"}),`\n`,(0,i.jsx)(e.h3,{id:\"para-usuarios\",children:\"Para Usuarios\"}),`\n`,(0,i.jsxs)(e.ol,{children:[`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Actualiza a macOS Tahoe\"}),\" cuando est\\xE9 disponible\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Explora configuraciones de Transparencia\"}),\" en Preferencias del Sistema\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Ajusta para tus necesidades\"}),\" - personaliza niveles de transparencia\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Prueba diferentes fondos de pantalla\"}),\" para ver la adaptaci\\xF3n en acci\\xF3n\"]}),`\n`]}),`\n`,(0,i.jsx)(e.h3,{id:\"para-desarrolladores\",children:\"Para Desarrolladores\"}),`\n`,(0,i.jsxs)(e.ol,{children:[`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Revisa nuevas APIs\"}),\" en la documentaci\\xF3n de Xcode\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Prueba en hardware objetivo\"}),\" - especialmente Intel vs. Apple Silicon\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Implementa mejora progresiva\"}),\" para Macs m\\xE1s antiguos\"]}),`\n`,(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:\"Considera accesibilidad\"}),\" desde la fase de dise\\xF1o\"]}),`\n`]}),`\n`,(0,i.jsx)(e.h2,{id:\"conclusi\\xF3n\",children:\"Conclusi\\xF3n\"}),`\n`,(0,i.jsx)(e.p,{children:\"Liquid Glass UI no es solo una actualizaci\\xF3n visual\\u2014es una reimaginaci\\xF3n fundamental de c\\xF3mo las interfaces pueden ser tanto hermosas como funcionales. Al aprovechar las capacidades de Apple Silicon mientras mantiene compatibilidad con Macs Intel, Apple ha creado un lenguaje de dise\\xF1o que se siente tanto futurista como familiar.\"}),`\n`,(0,i.jsx)(e.p,{children:\"La clave del \\xE9xito de Liquid Glass UI radica en su inteligencia. En lugar de simplemente hacer todo transparente, crea transparencia significativa que mejora la usabilidad mientras reduce el desorden visual. Esto representa la maduraci\\xF3n de la filosof\\xEDa de dise\\xF1o de Apple: tecnolog\\xEDa que se adapta a los usuarios en lugar de requerir que los usuarios se adapten a la tecnolog\\xEDa.\"}),`\n`,(0,i.jsx)(e.p,{children:\"Mientras nos movemos hacia un futuro con computaci\\xF3n espacial y flujos de trabajo multi-dispositivo, Liquid Glass UI proporciona la base para interfaces que se sienten naturales en todos los contextos. Ya sea que uses una MacBook, iMac o futuros dispositivos Apple, este lenguaje de dise\\xF1o asegura experiencias consistentes, hermosas y funcionales.\"}),`\n`,(0,i.jsx)(e.hr,{}),`\n`,(0,i.jsx)(e.p,{children:(0,i.jsxs)(e.em,{children:[\"Experimenta Liquid Glass UI por ti mismo cuando macOS Tahoe est\\xE9 disponible. Verifica la compatibilidad de tu Mac con nuestra \",(0,i.jsx)(e.a,{href:\"/compatibility\",children:\"herramienta de compatibilidad\"}),\" para ver si obtendr\\xE1s la experiencia completa.\"]})})]})}function h(n={}){let{wrapper:e}=n.components||{};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(t,{...n})}):t(n)}return k(C);})();\n;return Component;","toc":[{"title":"¿Qué es Liquid Glass UI?","url":"#qué-es-liquid-glass-ui","depth":2},{"title":"Principios de Diseño Fundamentales","url":"#principios-de-diseño-fundamentales","depth":3},{"title":"Arquitectura Técnica","url":"#arquitectura-técnica","depth":2},{"title":"Pipeline de Renderizado","url":"#pipeline-de-renderizado","depth":3},{"title":"Requisitos del Sistema","url":"#requisitos-del-sistema","depth":3},{"title":"Desglose de Elementos Visuales","url":"#desglose-de-elementos-visuales","depth":2},{"title":"1. Materiales de Ventana","url":"#1-materiales-de-ventana","depth":3},{"title":"2. Elementos de Menú y Control","url":"#2-elementos-de-menú-y-control","depth":3},{"title":"3. Sistemas de Notificación y Alerta","url":"#3-sistemas-de-notificación-y-alerta","depth":3},{"title":"Mejoras en la Experiencia del Usuario","url":"#mejoras-en-la-experiencia-del-usuario","depth":2},{"title":"Jerarquía Visual Mejorada","url":"#jerarquía-visual-mejorada","depth":3},{"title":"Legibilidad Mejorada","url":"#legibilidad-mejorada","depth":3},{"title":"Beneficios de Productividad","url":"#beneficios-de-productividad","depth":3},{"title":"Opciones de Personalización","url":"#opciones-de-personalización","depth":2},{"title":"Preferencias del Sistema","url":"#preferencias-del-sistema","depth":3},{"title":"Integración de API para Desarrolladores","url":"#integración-de-api-para-desarrolladores","depth":3},{"title":"Optimización de Rendimiento","url":"#optimización-de-rendimiento","depth":2},{"title":"Ventajas de Apple Silicon","url":"#ventajas-de-apple-silicon","depth":3},{"title":"Consideraciones para Mac Intel","url":"#consideraciones-para-mac-intel","depth":3},{"title":"Características de Accesibilidad","url":"#características-de-accesibilidad","depth":2},{"title":"Accesibilidad Visual","url":"#accesibilidad-visual","depth":3},{"title":"Accesibilidad Cognitiva","url":"#accesibilidad-cognitiva","depth":3},{"title":"Implementación para Desarrolladores","url":"#implementación-para-desarrolladores","depth":2},{"title":"Mejores Prácticas","url":"#mejores-prácticas","depth":3},{"title":"Implicaciones Futuras","url":"#implicaciones-futuras","depth":2},{"title":"Evolución del Diseño","url":"#evolución-del-diseño","depth":3},{"title":"Fundación Tecnológica","url":"#fundación-tecnológica","depth":3},{"title":"Comparación con Diseños Anteriores","url":"#comparación-con-diseños-anteriores","depth":2},{"title":"Línea de Tiempo de Evolución","url":"#línea-de-tiempo-de-evolución","depth":3},{"title":"Diferencias Clave","url":"#diferencias-clave","depth":3},{"title":"Comenzando","url":"#comenzando","depth":2},{"title":"Para Usuarios","url":"#para-usuarios","depth":3},{"title":"Para Desarrolladores","url":"#para-desarrolladores","depth":3},{"title":"Conclusión","url":"#conclusión","depth":2}],"estimatedTime":9}