620 lines
80 KiB
HTML
620 lines
80 KiB
HTML
<html data-build-id="f784d35fdd" data-env="" lang="es-ES" data-theme="claude" data-mode="dark" data-p4n="true" class="h-screen antialiased scroll-smooth" data-cf-country="ES" data-org-plan="claude_max" style="--vsc-domain: "claude.ai";" data-jetski-tab-id="error"><head data-ion-ip-country="ES">
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' a-cdn.claude.ai assets.claude.ai assets-proxy.anthropic.com a-cdn.anthropic.com s-cdn.anthropic.com https://js.intercomcdn.com https://widget.intercom.io https://snippet.maze.co https://www.googletagmanager.com https://js.hs-scripts.com https://js.stripe.com https://accounts.google.com/gsi/client https://maps.googleapis.com https://maps.gstatic.com 'sha256-b4iGKa1gRzQRuhyXmsPfZZ/42P+G4RH9lRD3FgMjSTw=' 'sha256-nZ7LmkxxiOzWDppvgAZ5j+1BqmvXzwveHNjkOR3s9BQ=' 'sha256-IoI9DMl3oJ5dLKooWtrM8kjGyW7xA57KfxjgV0wmwSE=' 'wasm-unsafe-eval'; object-src 'none'; base-uri 'none'; block-all-mixed-content; img-src 'self' data: blob: *.anthropic.com *.claude.ai *.claude.com *.ant.dev *.gstatic.com * https://js.intercomcdn.com https://static.intercomassets.com https://downloads.intercomcdn.com https://downloads.intercomcdn.eu https://downloads.au.intercomcdn.com https://uploads.intercomusercontent.com https://gifs.intercomcdn.com https://video-messages.intercomcdn.com https://messenger-apps.intercom.io https://messenger-apps.eu.intercom.io https://messenger-apps.au.intercom.io https://*.intercom-attachments-1.com https://*.intercom-attachments.eu https://*.au.intercom-attachments.com https://*.intercom-attachments-2.com https://*.intercom-attachments-3.com https://*.intercom-attachments-4.com https://*.intercom-attachments-5.com https://*.intercom-attachments-6.com https://*.intercom-attachments-7.com https://*.intercom-attachments-8.com https://*.intercom-attachments-9.com https://static.intercomassets.eu https://static.au.intercomassets.com; frame-src 'self' a-cdn.claude.ai a.claude.ai a.claude-ai.staging.ant.dev b.stripecdn.com embedded-dashboards.metronome.com forms.hsforms.com googletagmanager.com js.stripe.com m.stripe.network newassets.hcaptcha.com pay.google.com r.stripe.com www.google.com accounts.google.com www.youtube-nocookie.com https://intercom-sheets.com https://www.intercom-reporting.com https://www.youtube.com https://player.vimeo.com https://fast.wistia.net https://www.claudeusercontent.com https://www.claudemcpclient.com *.claudemcpcontent.com https://claude.ai *.livepreview.claude.ai *.livepreview.claude-ai.staging.ant.dev *.livepreview.claude.app *.livepreview.staging.claude.app; font-src 'self' assets.claude.ai assets-proxy.anthropic.com https://js.intercomcdn.com https://fonts.intercomcdn.com; form-action 'self' https://forms.hsforms.com https://intercom.help https://api-iam.intercom.io https://api-iam.eu.intercom.io https://api-iam.au.intercom.io; media-src 'self' cdn.sanity.io https://assets.claude.ai https://assets-proxy.anthropic.com https://js.intercomcdn.com https://downloads.intercomcdn.com https://downloads.intercomcdn.eu https://downloads.au.intercomcdn.com; upgrade-insecure-requests; worker-src 'self' blob: a-cdn.claude.ai assets.claude.ai assets-proxy.anthropic.com a-cdn.anthropic.com s-cdn.anthropic.com">
|
|
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><title>Claude</title><meta name="description" content="Claude is Anthropic's AI, built for problem solvers. Tackle complex challenges, analyze data, write code, and think through your hardest work."><meta name="apple-itunes-app" content="app-id=6473753684"><meta property="og:type" content="website"><meta property="og:site_name" content="Claude"><meta property="og:image" content="https://claude.ai/images/claude_ogimage.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><link rel="icon" type="image/svg+xml" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cd02a42d9-Vq_H3mgS.svg"><link rel="icon" type="image/png" sizes="32x32" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/ce67964e7-CAX1bqSh.png"><link rel="icon" type="image/png" sizes="16x16" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c03e51811-DebilQLI.png"><link rel="shortcut icon" href="/favicon.ico"><link rel="apple-touch-icon" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c129d018a-jJjJELY8.png"><link rel="apple-touch-startup-image" href="/images/claude_app_icon.png"><link rel="manifest" href="/manifest.json"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="preload" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-CFxw3nG7.woff2" as="font" type="font/woff2" crossorigin=""><link rel="preload" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c66fc489e-C-BHYa_K.woff2" as="font" type="font/woff2" crossorigin=""><script type="text/javascript" async="" src="https://widget.intercom.io/widget/lupk8zyo"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=DC-15684265&cx=c&gtm=4e63c0h2" nonce=""></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-16632748715"></script><script type="text/javascript" src="https://a-cdn.anthropic.com/next-integrations/integrations/vendor/commons.59560acdd69ed701c941.js.gz" async="" status="loaded"></script><script type="text/javascript" src="https://a-cdn.anthropic.com/next-integrations/integrations/google-adwords-new/1.3.0/google-adwords-new.dynamic.js.gz" async="" status="loaded"></script><script type="text/javascript" src="https://a-cdn.anthropic.com/next-integrations/actions/reddit-plugins/8183355c502ca7464449.js" async="" status="loaded"></script><script type="text/javascript" src="https://a-cdn.anthropic.com/next-integrations/actions/google-ec-plugins/00b46d0899db90cd7140.js" async="" status="loaded"></script><script type="text/javascript" src="https://a-cdn.anthropic.com/next-integrations/actions/amplitude-plugins/f12a4347e1080fb88155.js" async="" status="loaded"></script><script>void 0===globalThis.process&&(globalThis.process={env:{},cwd:function(){return"/"}}),void 0===globalThis.global&&(globalThis.global=globalThis)</script><script type="application/ld+json">{
|
|
"@context": "https://schema.org",
|
|
"@graph": [
|
|
{
|
|
"@type": "WebSite",
|
|
"name": "Claude",
|
|
"alternateName": ["Claude.ai", "Claude by Anthropic"],
|
|
"url": "https://claude.com"
|
|
},
|
|
{
|
|
"@type": "Organization",
|
|
"name": "Anthropic",
|
|
"url": "https://www.anthropic.com",
|
|
"logo": "https://claude.ai/images/claude_ogimage.png",
|
|
"sameAs": [
|
|
"https://x.com/AnthropicAI",
|
|
"https://www.linkedin.com/company/anthropic",
|
|
"https://www.youtube.com/@anthropic-ai"
|
|
]
|
|
}
|
|
]
|
|
}</script><script>!function(){try{performance.mark?.("rq_cache:preload_start");const e="keyval-store",o="keyval",r="react-query-cache",t=new Promise(t=>{if(!window.indexedDB)return void t(void 0);const c=indexedDB.open(e);c.onupgradeneeded=()=>{c.transaction?.abort()},c.onerror=()=>t(void 0),c.onsuccess=()=>{const a=c.result;if(!a.objectStoreNames.contains(o))return a.close(),indexedDB.deleteDatabase(e),void t(void 0);try{const e=a.transaction(o,"readonly").objectStore(o).get(r);e.onerror=()=>{a.close(),t(void 0)},e.onsuccess=()=>{a.close(),window.__PRELOADED_IDB_CACHE_RESULT__=e.result,t(e.result)}}catch{a.close(),t(void 0)}}});window.__PRELOADED_IDB_CACHE__=t,performance.measure?.("rq_cache:preload_exec",{start:"rq_cache:preload_start"})}catch{}}()</script><script type="module" crossorigin="" src="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/index-1jdiR948.js"></script><link rel="modulepreload" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/vendor-BHs3OVqo.js"><link rel="modulepreload" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/tree-sitter-D4B53vHd.js"><link rel="stylesheet" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c6a992d55-DIaTyiAQ.css"><script src="https://js.stripe.com/basil/stripe.js"></script><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cf4f70727-CSpHSf5U.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cce6219ff-CphYUmtT.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/ca43e0c47-CydNL89r.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c1a5a151a-Dek-9ZjK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cca9b2a83-Dj5ej8Go.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c81ee128e-CSL8NQ1n.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c23d1051c-ZLmgauB-.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c0af56d39-BFbtswxk.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c241f73d9-DShorsvk.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c62343a9d-HlWSzOlA.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c3a41fcbb-BPy7BvhW.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c9560eacf-WhmWH9cF.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c71ba149d-BVG3acGU.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c1c80a133-Q3mcO-r8.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/caf643133-Dx8YBfQg.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c23e5a7b7-BUHRTtBg.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/caac400a9-DNV0sbjX.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c6b46ae48-CQPu9cjM.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c1c5842a6-C8qx7F-3.js"><link rel="stylesheet" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c1c5842a6-DpsRipQV.css"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c71835147-lK8lL0rF.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cfad58de7-BGUf2o0p.js"><meta name="theme-color" content="hsl(30,3.3%,11.8%)"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c6a992d55-CWUosxcO.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc188f2db-CTGFxau4.js"><link rel="modulepreload" as="script" crossorigin="" href="https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c6a992d55-B2MoYa8K.js"></head><body class="bg-bg-100 text-text-100 font-ui min-h-screen" style="pointer-events: auto;"><div id="root"><div class="root"><div class="grid w-full overflow-hidden" style="height: calc(100vh - var(--app-install-banner-height, 0px)); grid-template-rows: 0px 1fr; transition: grid-template-rows 0.15s ease-out;"><div></div><div class="flex min-h-0 w-full overflow-x-clip overflow-y-auto relative"><div class="pointer-events-none absolute inset-0 bg-bg-100 [background-image:linear-gradient(to_right,hsl(var(--bg-200))_1px,transparent_1px),linear-gradient(to_bottom,hsl(var(--bg-200))_1px,transparent_1px)] [background-size:32px_32px]" aria-hidden="true" style="clip-path: circle(150% at 50% 50%); opacity: 0;"></div><div class="shrink-0" style="overflow: hidden; width: auto; opacity: 1;"><div class="fixed z-sidebar lg:sticky pointer-events-none" style="width: 3.05rem;"><nav class="flex flex-col px-0 fixed left-0 border-r-0.5 h-screen border-transparent bg-transparent transition-[background-color,border-color,box-shadow] duration-[35ms] delay-75 pointer-events-none" aria-label="Barra lateral" style="width: 3.05rem; top: 0px; padding-top: var(--app-install-banner-height, 0px);"><div class="relative flex w-full items-center p-2 pointer-events-auto pt-2"><div class="flex items-center gap-1.5 pl-2 h-8 overflow-hidden transition-opacity duration-150 opacity-0 pointer-events-none"><a href="/new" class="flex flex-col justify-start items-top" aria-label="Inicio" tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 16" class="h-4 flex-shrink-0 text-text-100" height="16" fill="currentColor" aria-label="Claude"><path d="M7.98 15.73C6.50667 15.73 5.17667 15.4367 3.99 14.85C2.81 14.2567 1.88 13.4167 1.2 12.33C0.526669 11.2367 0.190002 9.96334 0.190002 8.51001C0.190002 7.01001 0.526669 5.67334 1.2 4.50001C1.87334 3.32668 2.8 2.41668 3.98 1.77001C5.16667 1.11668 6.49334 0.790009 7.96 0.790009C8.88667 0.790009 9.81667 0.896676 10.75 1.11001C11.69 1.32334 12.5033 1.64001 13.19 2.06001V5.36001H12.29C12.05 4.22668 11.5867 3.36334 10.9 2.77001C10.2133 2.17668 9.24 1.88001 7.98 1.88001C6.85334 1.88001 5.91334 2.15334 5.16 2.70001C4.40667 3.24001 3.84667 3.98334 3.48 4.93001C3.12 5.87001 2.94 6.94668 2.94 8.16001C2.94 9.37334 3.14667 10.4733 3.56 11.46C3.97334 12.44 4.57667 13.2167 5.37 13.79C6.16334 14.3567 7.11 14.64 8.21 14.64C8.97667 14.64 9.63667 14.4733 10.19 14.14C10.75 13.8 11.2167 13.3533 11.59 12.8C11.97 12.2467 12.3367 11.5667 12.69 10.76H13.63L12.99 14.43C12.35 14.8567 11.5733 15.18 10.66 15.4C9.75334 15.62 8.86 15.73 7.98 15.73ZM15.15 14.63C15.4833 14.5833 15.7433 14.53 15.93 14.47C16.1167 14.41 16.2633 14.3167 16.37 14.19C16.4767 14.0567 16.53 13.8733 16.53 13.64V2.96001L15.15 2.31001V1.65001L18.12 0.26001H18.91V13.64C18.91 13.8733 18.9633 14.0567 19.07 14.19C19.1767 14.3167 19.3233 14.41 19.51 14.47C19.6967 14.53 19.96 14.5833 20.3 14.63V15.5H15.15V14.63ZM24.44 15.73C23.8867 15.73 23.39 15.6167 22.95 15.39C22.51 15.1567 22.1667 14.8367 21.92 14.43C21.68 14.0233 21.56 13.5567 21.56 13.03C21.56 12.2633 21.7967 11.6233 22.27 11.11C22.75 10.5967 23.47 10.2033 24.43 9.93001L27.87 8.96001V7.56001C27.87 6.85334 27.7033 6.31668 27.37 5.95001C27.0433 5.58334 26.5633 5.40001 25.93 5.40001C25.37 5.40001 24.93 5.57668 24.61 5.93001C24.2967 6.27668 24.14 6.75668 24.14 7.37001V8.35001H22.47C22.2833 8.23001 22.1367 8.06334 22.03 7.85001C21.93 7.63668 21.88 7.40334 21.88 7.15001C21.88 6.67668 22.06 6.24001 22.42 5.84001C22.78 5.43334 23.2633 5.11334 23.87 4.88001C24.4833 4.64668 25.16 4.53001 25.9 4.53001C26.8133 4.53001 27.5933 4.67334 28.24 4.96001C28.8933 5.24668 29.39 5.66668 29.73 6.22001C30.0767 6.77334 30.25 7.43668 30.25 8.21001V13.5C30.25 13.7333 30.29 13.9133 30.37 14.04C30.45 14.1667 30.5867 14.2667 30.78 14.34C30.98 14.4133 31.2633 14.4767 31.63 14.53V15.39C31.0967 15.5967 30.5633 15.7 30.03 15.7C29.4367 15.7 28.9567 15.56 28.59 15.28C28.23 15 28.0067 14.6 27.92 14.08C27.44 14.62 26.9067 15.03 26.32 15.31C25.7333 15.59 25.1067 15.73 24.44 15.73ZM25.62 14.13C26.0067 14.13 26.3967 14.0433 26.79 13.87C27.1833 13.69 27.5433 13.4433 27.87 13.13V9.87001L25.43 10.61C24.9233 10.7567 24.5433 10.99 24.29 11.31C24.0433 11.6233 23.92 12.0267 23.92 12.52C23.92 12.8267 23.9933 13.1033 24.14 13.35C24.2867 13.59 24.49 13.78 24.75 13.92C25.01 14.06 25.3 14.13 25.62 14.13ZM36.56 15.73C35.48 15.73 34.68 15.4467 34.16 14.88C33.6467 14.3133 33.39 13.53 33.39 12.53V6.91001L32.01 6.37001V5.70001L34.98 4.53001H35.77V12.12C35.77 12.7533 35.9233 13.2233 36.23 13.53C36.5433 13.8367 37.0133 13.99 37.64 13.99C38.0533 13.99 38.4833 13.8967 38.93 13.71C39.3833 13.5167 39.8 13.27 40.18 12.97V6.91001L38.8 6.37001V5.70001L41.77 4.53001H42.56V12.91C42.56 13.17 42.6133 13.37 42.72 13.51C42.8333 13.65 42.9833 13.7533 43.17 13.82C43.3567 13.88 43.6167 13.9333 43.95 13.98V14.84L40.97 15.69H40.18V13.96C39.6667 14.4933 39.0867 14.9233 38.44 15.25C37.8 15.57 37.1733 15.73 36.56 15.73ZM49.61 15.73C48.7367 15.73 47.9567 15.51 47.27 15.07C46.5833 14.6233 46.0467 14.02 45.66 13.26C45.28 12.5 45.09 11.66 45.09 10.74C45.09 9.56668 45.3167 8.51001 45.77 7.57001C46.2233 6.63001 46.8733 5.89001 47.72 5.35001C48.5733 4.80334 49.5767 4.53001 50.73 4.53001C51.0767 4.53001 51.43 4.56668 51.79 4.64001C52.15 4.70668 52.4967 4.81001 52.83 4.95001V2.96001L51.45 2.31001V1.65001L54.42 0.26001H55.21V12.91C55.21 13.17 55.2633 13.37 55.37 13.51C55.4833 13.65 55.6333 13.7533 55.82 13.82C56.0067 13.88 56.2667 13.9333 56.6 13.98V14.84L53.62 15.69H52.83V14.39C52.3833 14.8167 51.8867 15.1467 51.34 15.38C50.7933 15.6133 50.2167 15.73 49.61 15.73ZM50.6 14.12C50.9867 14.12 51.3733 14.0467 51.76 13.9C52.1467 13.7467 52.5033 13.5367 52.83 13.27V6.38001C52.2567 5.92001 51.6167 5.69001 50.91 5.69001C50.1767 5.69001 49.5567 5.89001 49.05 6.29001C48.55 6.68334 48.1767 7.21334 47.93 7.88001C47.69 8.54668 47.57 9.28334 47.57 10.09C47.57 10.8567 47.6767 11.5433 47.89 12.15C48.11 12.7567 48.4467 13.2367 48.9 13.59C49.3533 13.9433 49.92 14.12 50.6 14.12ZM62.93 15.73C61.9433 15.73 61.0533 15.4967 60.26 15.03C59.4733 14.5567 58.8567 13.9033 58.41 13.07C57.9633 12.2367 57.74 11.3 57.74 10.26C57.74 9.18001 57.9667 8.20334 58.42 7.33001C58.88 6.45668 59.51 5.77334 60.31 5.28001C61.1167 4.78001 62.0167 4.53001 63.01 4.53001C63.77 4.53001 64.4667 4.68668 65.1 5.00001C65.7333 5.31334 66.2567 5.76001 66.67 6.34001C67.09 6.92001 67.37 7.59001 67.51 8.35001L60.14 10.66C60.3333 11.62 60.7267 12.38 61.32 12.94C61.92 13.4933 62.67 13.77 63.57 13.77C64.31 13.77 64.9767 13.5733 65.57 13.18C66.17 12.78 66.7 12.18 67.16 11.38L67.93 11.63C67.7633 12.4433 67.44 13.16 66.96 13.78C66.4867 14.4 65.9 14.88 65.2 15.22C64.5067 15.56 63.75 15.73 62.93 15.73ZM64.95 8.03001C64.8567 7.55668 64.6933 7.14001 64.46 6.78001C64.2267 6.42001 63.94 6.14001 63.6 5.94001C63.2667 5.74001 62.9033 5.64001 62.51 5.64001C62.01 5.64001 61.57 5.79334 61.19 6.10001C60.8167 6.40001 60.5267 6.83001 60.32 7.39001C60.1133 7.95001 60.01 8.60001 60.01 9.34001C60.01 9.46668 60.0133 9.56334 60.02 9.63001L64.95 8.03001Z"></path></svg></a></div><div class="absolute right-2 top-2"><button class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 w-8 rounded-md active:scale-95 group _ghost_x02hl_49" type="button" data-testid="pin-sidebar-toggle" aria-label="Abrir barra lateral" aria-pressed="false" data-state="closed"><div class="relative size-4 flex items-center justify-center"><div class="transition text-text-400 group-hover:text-text-100" style="width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="transition text-text-400 group-hover:text-text-100" aria-hidden="true" style="flex-shrink: 0;"><path d="M16.5 4C17.3284 4 18 4.67157 18 5.5V14.5C18 15.3284 17.3284 16 16.5 16H3.5C2.67157 16 2 15.3284 2 14.5V5.5C2 4.67157 2.67157 4 3.5 4H16.5ZM7 15H16.5C16.7761 15 17 14.7761 17 14.5V5.5C17 5.22386 16.7761 5 16.5 5H7V15ZM3.5 5C3.22386 5 3 5.22386 3 5.5V14.5C3 14.7761 3.22386 15 3.5 15H6V5H3.5Z"></path></svg></div><div class="opacity-0 scale-75 absolute inset-0 transition-all text-text-100" style="width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="opacity-0 scale-75 absolute inset-0 transition-all text-text-100" aria-hidden="true" style="flex-shrink: 0;"><path d="M16.5 3C16.7761 3 17 3.22386 17 3.5V16.5L16.9902 16.6006C16.9437 16.8286 16.7417 17 16.5 17C16.2583 17 16.0563 16.8286 16.0098 16.6006L16 16.5V3.5C16 3.22386 16.2239 3 16.5 3ZM8.12793 5.16504C8.28958 4.98547 8.5524 4.95058 8.75293 5.06836L8.83496 5.12793L13.835 9.62793C13.9403 9.72275 14 9.85828 14 10C14 10.1063 13.9667 10.2093 13.9053 10.2939L13.835 10.3721L8.83496 14.8721C8.62972 15.0568 8.31267 15.0402 8.12793 14.835C7.94322 14.6297 7.95984 14.3127 8.16504 14.1279L12.1963 10.5H3.5C3.22386 10.5 3 10.2761 3 10C3 9.72386 3.22386 9.5 3.5 9.5H12.1963L8.16504 5.87207L8.09766 5.79688C7.95931 5.60979 7.96622 5.34471 8.12793 5.16504Z"></path></svg></div></div></button></div></div><div class="flex flex-col flex-grow align-center overflow-hidden min-h-0 opacity-0 transition-opacity ease-out duration-100 pointer-events-none" aria-hidden="true" inert=""><div class="flex flex-col gap-px pt-2"><div class="px-2"><div class="relative group" data-state="closed"><a href="/new" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Nueva conversación" data-dd-action-name="sidebar-new-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div class="flex items-center justify-center rounded-full transition-all ease-in-out group-hover:-rotate-3 group-hover:scale-110 group-active:rotate-6 group-active:scale-[0.98]"><div class="flex items-center justify-center rounded-full size-[1.4rem] -mx-[0.2rem] bg-text-500/15 active:bg-text-200 group-hover:bg-text-500/25"><svg width="16" height="16" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-text-300 group-hover:text-text-000" aria-hidden="true" style="flex-shrink: 0;"><path d="M10 3C10.4142 3 10.75 3.33579 10.75 3.75V9.25H16.25C16.6642 9.25 17 9.58579 17 10C17 10.3882 16.7051 10.7075 16.3271 10.7461L16.25 10.75H10.75V16.25C10.75 16.6642 10.4142 17 10 17C9.58579 17 9.25 16.6642 9.25 16.25V10.75H3.75C3.33579 10.75 3 10.4142 3 10C3 9.58579 3.33579 9.25 3.75 9.25H9.25V3.75C9.25 3.33579 9.58579 3 10 3Z"></path></svg></div></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><div class="opacity-0 transition-opacity ease-out duration-100">Nueva conversación</div></span></div></a></div></div><div class="px-2"><div class="relative group" data-state="closed"><a href="#" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Buscar" data-dd-action-name="sidebar-nav-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink: 0;"><path d="M8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.1149 14.4094 11.5908 13.4346 12.7275L17.8535 17.1465L17.918 17.2246C18.0461 17.4187 18.0244 17.6827 17.8535 17.8535C17.6827 18.0244 17.4187 18.0461 17.2246 17.918L17.1465 17.8535L12.7275 13.4346C11.5908 14.4094 10.1149 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2ZM8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C11.5376 14 14 11.5376 14 8.5C14 5.46243 11.5376 3 8.5 3Z"></path></svg></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><div class="opacity-0 transition-opacity ease-out duration-100">Buscar</div></span></div></a></div><div class="relative group" data-state="closed"><a href="/customize" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Personalizar" data-dd-action-name="sidebar-nav-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div class="flex items-center justify-center transition-all ease-in-out group-hover:-rotate-3 group-hover:scale-110 group-active:rotate-6 group-active:scale-[0.98]"><div style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink: 0;"><path d="M12.5 3C13.3284 3 14 3.67157 14 4.5V6H14.5C16.433 6 18 7.567 18 9.5V15.5C18 16.3284 17.3284 17 16.5 17H3.5C2.72334 17 2.08461 16.4097 2.00781 15.6533L2 15.5V9.5C2 7.567 3.567 6 5.5 6H6V4.5C6 3.67157 6.67157 3 7.5 3H12.5ZM3 15.5L3.00977 15.6006C3.05629 15.8286 3.25829 16 3.5 16H16.5C16.7761 16 17 15.7761 17 15.5V12H13V12.5C13 12.7761 12.7761 13 12.5 13C12.2239 13 12 12.7761 12 12.5V12H8V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5V12H3V15.5ZM5.5 7C4.11929 7 3 8.11929 3 9.5V11H7V10.5C7 10.2239 7.22386 10 7.5 10C7.77614 10 8 10.2239 8 10.5V11H12V10.5C12 10.2239 12.2239 10 12.5 10C12.7761 10 13 10.2239 13 10.5V11H17V9.5C17 8.11929 15.8807 7 14.5 7H5.5ZM7.5 4C7.22386 4 7 4.22386 7 4.5V6H13V4.5C13 4.22386 12.7761 4 12.5 4H7.5Z"></path></svg></div></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><div class="opacity-0 transition-opacity ease-out duration-100">Personalizar</div></span></div></a></div></div></div><div class="flex flex-grow flex-col overflow-x-hidden relative transition-[border-color] !outline-none overflow-y-auto border-t-0.5 border-transparent" tabindex="-1"><div class="flex flex-col px-2 pt-4 gap-px"><div class="relative group" data-state="closed"><a href="/recents" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Chats" data-dd-action-name="sidebar-nav-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div class="group" style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="group" aria-hidden="true" style="flex-shrink: 0;"><path class="group-hover:-translate-x-[0.5px] transition group-active:translate-x-0" d="M8.99962 2C12.3133 2 14.9996 4.68629 14.9996 8C14.9996 11.3137 12.3133 14 8.99962 14H2.49962C2.30105 13.9998 2.12113 13.8821 2.04161 13.7002C1.96224 13.5181 1.99835 13.3058 2.1334 13.1602L3.93516 11.2178C3.34317 10.2878 2.99962 9.18343 2.99962 8C2.99962 4.68643 5.68609 2.00022 8.99962 2ZM8.99962 3C6.23838 3.00022 3.99961 5.23871 3.99961 8C3.99961 9.11212 4.36265 10.1386 4.97618 10.9688C5.11884 11.1621 5.1035 11.4293 4.94004 11.6055L3.64512 13H8.99962C11.761 13 13.9996 10.7614 13.9996 8C13.9996 5.23858 11.761 3 8.99962 3Z"></path><path class="group-hover:translate-x-[0.5px] transition group-active:translate-x-0" d="M16.5445 9.72754C16.4182 9.53266 16.1678 9.44648 15.943 9.53418C15.7183 9.62215 15.5932 9.85502 15.6324 10.084L15.7369 10.3955C15.9073 10.8986 16.0006 11.438 16.0006 12C16.0006 13.1123 15.6376 14.1386 15.024 14.9687C14.8811 15.1621 14.8956 15.4302 15.0592 15.6064L16.3531 17H11.0006C9.54519 17 8.23527 16.3782 7.32091 15.3848L7.07091 15.1103C6.88996 14.9645 6.62535 14.9606 6.43907 15.1143C6.25267 15.2682 6.20668 15.529 6.31603 15.7344L6.58458 16.0625C7.68048 17.253 9.25377 18 11.0006 18H17.5006C17.6991 17.9998 17.8791 17.8822 17.9586 17.7002C18.038 17.5181 18.0018 17.3058 17.8668 17.1602L16.0631 15.2178C16.6554 14.2876 17.0006 13.1837 17.0006 12C17.0006 11.3271 16.8891 10.6792 16.6842 10.0742L16.5445 9.72754Z"></path></svg></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><div class="opacity-0 transition-opacity ease-out duration-100"><span>Chats</span></div></span></div></a></div><div class="relative group" data-state="closed"><a href="/projects" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Proyectos" data-dd-action-name="sidebar-nav-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div class="group" style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="group" aria-hidden="true" style="flex-shrink: 0;"><path class="group-hover:scale-95 origin-center" d="M15.8198 7C16.6885 7.00025 17.3624 7.73158 17.3178 8.57617L17.2993 8.74707L16.1332 15.7471C16.0126 16.4699 15.3865 16.9996 14.6538 17H5.34711C4.6142 16.9998 3.98833 16.47 3.86762 15.7471L2.7016 8.74707C2.54922 7.83277 3.25418 7 4.18109 7H15.8198ZM4.18109 8C3.87216 8 3.63722 8.27731 3.68793 8.58203L4.85394 15.582C4.89413 15.8229 5.10291 15.9998 5.34711 16H14.6538C14.8978 15.9996 15.1068 15.8228 15.1469 15.582L16.3129 8.58203L16.3188 8.46973C16.3036 8.21259 16.0899 8.00023 15.8198 8H4.18109Z"></path><path class="group-hover:-translate-y-[1.4px] group-hover:translate-x-[0.5px] group-hover:rotate-3 transition group-active:translate-y-0" d="M16.0004 5.5C16.0004 5.224 15.7764 5.00024 15.5004 5H4.50043C4.22428 5 4.00043 5.22386 4.00043 5.5C4.00043 5.77614 4.22428 6 4.50043 6H15.5004C15.7764 5.99976 16.0004 5.776 16.0004 5.5Z"></path><path class="group-hover:-translate-y-[2.8px] group-hover:translate-x-px group-hover:rotate-6 transition group-active:translate-y-0" d="M14.5004 3.5C14.5004 3.224 14.2764 3.00024 14.0004 3H6.00043C5.72428 3 5.50043 3.22386 5.50043 3.5C5.50043 3.77614 5.72428 4 6.00043 4H14.0004C14.2764 3.99976 14.5004 3.776 14.5004 3.5Z"></path></svg></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><div class="opacity-0 transition-opacity ease-out duration-100"><span>Proyectos</span></div></span></div></a></div><div><div class="relative group" data-state="closed"><a href="/artifacts" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Artefactos" data-dd-action-name="sidebar-nav-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div class="group backface-hidden" style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="group backface-hidden" aria-hidden="true" style="flex-shrink: 0;"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.35352 3.1464L9.35352 6.14642C9.43935 6.25103 9.5 6.36003 9.5 6.50091C9.4998 6.6332 9.44704 6.75988 9.35352 6.85346L6.35352 9.85347C6.14584 10.0609 5.85611 10.0243 5.64648 9.85347L2.64648 6.85346C2.55296 6.75988 2.5002 6.6332 2.5 6.50091C2.5 6.36841 2.55285 6.24017 2.64648 6.14642L5.64648 3.1464C5.8552 2.97421 6.14635 2.93936 6.35352 3.1464ZM6 8.79194L3.70703 6.49994L6 4.20696L8.29297 6.49994L6 8.79194Z"></path><path class="group-hover:-rotate-90 transition-transform duration-200 ease-snappy-out" d="M16.8984 3.7509C16.9875 3.90632 16.986 4.09826 16.8955 4.25286L15.5791 6.49994L16.8955 8.74702C16.986 8.90159 16.9874 9.09354 16.8984 9.24898C16.8093 9.40436 16.643 9.49996 16.4638 9.49996H11.5C11.3198 9.49996 11.1532 9.4028 11.0644 9.24605C10.976 9.08949 10.9789 8.89736 11.0713 8.74312L12.417 6.49994L11.0713 4.25676C10.9789 4.1025 10.976 3.91037 11.0644 3.75383C11.1532 3.59717 11.3199 3.49992 11.5 3.49992H16.4638C16.6429 3.51309 16.8055 3.58909 16.8984 3.7509ZM13.4287 6.2431C13.5152 6.4107 13.5166 6.58638 13.4287 6.75678L12.3828 8.49995H15.5918L14.5683 6.75287C14.477 6.59683 14.477 6.40303 14.5683 6.24701L15.5918 4.49993H12.3828L13.4287 6.2431Z" style="transform-origin: 14px 6.5px;"></path><path class="group-hover:rotate-[120deg] transition-transform duration-200 ease-snappy-out" fill-rule="evenodd" clip-rule="evenodd" d="M7.25293 10.9668C7.40708 10.8793 7.59647 10.8801 7.75 10.9687C7.90356 11.0574 7.99869 11.2211 8 11.3984L8.01074 12.8388L9.30762 13.6054C9.42811 13.6994 9.49994 13.8448 9.5 14C9.5 14.1773 9.40587 14.3418 9.25293 14.4316L8.01074 15.1601L7.99512 16.667C7.97406 16.8184 7.88446 16.9536 7.75 17.0312C7.59642 17.1199 7.40713 17.1207 7.25293 17.0332L6 16.3203L4.74707 17.0332C4.59287 17.1207 4.40358 17.1199 4.25 17.0312C4.09643 16.9425 4.00124 16.7789 4 16.6015L3.99023 15.1601L2.74707 14.4316C2.59413 14.3418 2.5 14.1773 2.5 14C2.50006 13.8448 2.57188 13.6994 2.69238 13.6054L3.99023 12.8388L4 11.3984C4.00131 11.2211 4.09644 11.0574 4.25 10.9687C4.40353 10.8801 4.59292 10.8793 4.74707 10.9668L6 11.6787L7.25293 10.9668ZM4.99512 12.2568L5.75293 12.6884C5.90608 12.7754 6.09392 12.7754 6.24707 12.6884L7.00586 12.2568L7.01172 13.1308C7.01308 13.3068 7.10706 13.4695 7.25879 13.5586L8.01172 14L7.25879 14.4414C7.10706 14.5304 7.01315 14.6932 7.01172 14.8691L7.00586 15.7422L6.24707 15.3115C6.09397 15.2246 5.90603 15.2246 5.75293 15.3115L4.99512 15.7422L4.98828 14.8691C4.98703 14.7152 4.91459 14.5716 4.79492 14.4785L3.98926 14L4.74121 13.5586C4.87421 13.4805 4.96267 13.3457 4.9834 13.1953L4.99512 12.2568Z" style="transform-origin: 6px 14px;"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M14 11C15.6568 11 16.9999 12.3432 17 14C17 15.6568 15.6569 17 14 17C12.3431 17 11 15.6568 11 14C11.0001 12.3432 12.3432 11 14 11ZM12 14C12.0001 12.8955 12.8955 12 14 12C15.1045 12 15.9999 12.8955 16 14C16 15.1045 15.1046 16 14 16C12.8954 16 12 15.1045 12 14Z"></path></svg></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><div class="opacity-0 transition-opacity ease-out duration-100 flex flex-col"><div class="flex items-center gap-2">Artefactos</div></div></span></div></a></div></div><div class="relative group" data-state="closed"><a href="/code" target="_blank" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Código" data-dd-action-name="sidebar-nav-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div class="group" style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="group" aria-hidden="true" style="flex-shrink: 0;"><path class="transition" d="M11.6318 4.01757C11.898 4.09032 12.055 4.36555 11.9824 4.63183L8.98242 15.6318C8.90966 15.8981 8.63449 16.0551 8.36816 15.9824C8.10193 15.9097 7.94495 15.6345 8.01758 15.3682L11.0176 4.36816C11.0904 4.102 11.3656 3.94497 11.6318 4.01757Z"></path><path class="group-hover:translate-x-[1px] transition" d="M13.124 6.17089C13.3059 5.96325 13.6213 5.9423 13.8291 6.12402L17.8291 9.62402L17.9014 9.70215C17.9647 9.78754 18 9.89182 18 10C18 10.1441 17.9375 10.281 17.8291 10.376L13.8291 13.876L13.7471 13.9346C13.5449 14.0498 13.2833 14.011 13.124 13.8291C12.9649 13.6472 12.9606 13.3824 13.1016 13.1973L13.1709 13.124L16.7412 10L13.1709 6.87597C12.9632 6.69411 12.9422 6.37866 13.124 6.17089Z"></path><path class="group-hover:-translate-x-[1px] transition" d="M6.25293 6.06542C6.45509 5.95025 6.71675 5.98908 6.87598 6.17089C7.03513 6.35279 7.03933 6.6176 6.89844 6.80273L6.8291 6.87597L3.25879 10L6.8291 13.124C7.03682 13.3059 7.05771 13.6213 6.87598 13.8291C6.69413 14.0369 6.37869 14.0578 6.1709 13.876L2.1709 10.376L2.09863 10.2979C2.03528 10.2124 2 10.1082 2 10C2.00005 9.85591 2.06247 9.71893 2.1709 9.62402L6.1709 6.12402L6.25293 6.06542Z"></path></svg></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><div><div class="opacity-0 transition-opacity ease-out duration-100"><span>Código</span></div></div></span></div></a></div></div><div class="flex-1 relative overflow-hidden"><div class="" aria-hidden="true" inert=""><div class="px-2 mt-4"><div class="flex flex-col flex-grow"><div class="flex items-center justify-between"><h2 aria-hidden="true" role="button" aria-expanded="true" class="text-text-500 pb-2 mt-1 text-xs select-none pl-2 pr-2 pointer-events-none group/header cursor-pointer flex items-center justify-between gap-2">Recientes<span class="text-text-400 opacity-0 group-hover/header:opacity-75 transition-opacity">Ocultar</span></h2></div><ul class="flex flex-col gap-px"><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/9fd169f8-ec2c-4b0e-9149-55f6638627da" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">OpenClaude no responde</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/1a3775e4-59ab-46f3-aa26-ecbd23a4b7e3" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Errores en scripts UTM de WordPress</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/b23c9ead-a885-4665-a555-42f7a7d3ceba" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Remezcla de Newsletter Email - IA al Teléfono</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/3a3c8ad5-b6e5-4bb4-a985-73fcbe93c799" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Expandable Dashboard Table Design</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/a1a441bd-c7c2-493a-8903-8d6802ae3246" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">DataTables Initialization Error</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/990b5733-9b79-4c22-8fe5-42bd135c329f" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">PHP Null Handling for Image Field</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/167b3691-6d5b-4d0c-ba6a-03e3eaa03011" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">PHP Ticket Title Assignment Logic</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/738897f5-0981-4d42-9a39-438ad3049ad7" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Troubleshooting a Guzzle HTTP Client Server Error</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/d26eeab3-fadf-4306-8042-08d28952612f" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Creating a Conversational AI Voice Agent</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/6c16175a-5946-456e-bf94-d564bac0d40e" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Best AI for Markdown documentation generation</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/d0af3910-5259-48bf-9b69-5d12378a5810" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Tailwind CSS Implementation of La Xarxa Website</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/7e53c929-b424-473d-95b5-d4f5cebdbba2" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Calculating Profit Margin for My Business</span></div></a></div></li><li style="opacity: 1;"><div class="relative group" data-state="closed"><a href="/chat/7e5d7a7a-9159-4abd-892e-13c990f935a2" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" data-dd-action-name="sidebar-chat-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><span class="truncate text-sm whitespace-nowrap flex-1 group-hover:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] group-focus-within:[mask-image:linear-gradient(to_right,hsl(var(--always-black))_78%,transparent_95%)] [mask-size:100%_100%]">Marketing Trends for 2024</span></div></a></div></li></ul></div></div></div><div class="absolute inset-0 cursor-pointer"></div></div></div><div class="px-2"><div class="relative"><div class="relative group" data-state="closed"><a href="/downloads" class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-8 rounded-md px-3 min-w-[4rem] active:scale-[0.985] whitespace-nowrap !text-xs w-full !min-w-0 group py-1.5 rounded-lg px-4 !duration-75 overflow-hidden active:bg-bg-300 active:scale-[1.0] _ghost_x02hl_49" aria-label="Obtener aplicaciones y extensiones" data-dd-action-name="sidebar-nav-item"><div class="-translate-x-2 w-full flex flex-row items-center justify-start gap-3"><div class="flex items-center justify-center text-text-100"><div class="group" style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="group" aria-hidden="true" style="flex-shrink: 0;"><path class="group-hover:translate-y-[1px] transition" d="M10 3C10.2761 3 10.5 3.22386 10.5 3.5V12.1855L13.626 8.66797C13.8094 8.46166 14.1256 8.44275 14.332 8.62598C14.5383 8.80936 14.5573 9.12563 14.374 9.33203L10.374 13.832L10.2949 13.9033C10.21 13.9654 10.107 14 10 14C9.85718 14 9.72086 13.9388 9.62598 13.832L5.62598 9.33203L5.56738 9.25C5.45079 9.04872 5.48735 8.78653 5.66797 8.62598C5.84854 8.46567 6.1127 8.46039 6.29883 8.59961L6.37402 8.66797L9.5 12.1855V3.5C9.5 3.22386 9.72386 3 10 3Z"></path><path class="group-hover:translate-x-[0.5px] transition" d="M3.5 13C3.22386 13 3 13.2239 3 13.5V15.5C3 16.3284 3.67157 17 4.5 17H10V16H4.5C4.22386 16 4 15.7761 4 15.5V13.5C4 13.2239 3.77614 13 3.5 13Z"></path><path class="group-hover:-translate-x-[0.5px] transition" d="M16.5 13C16.7761 13 17 13.2239 17 13.5V15.5C17 16.3284 16.3284 17 15.5 17H10V16H15.5C15.7761 16 16 15.7761 16 15.5V13.5C16 13.2239 16.2239 13 16.5 13Z"></path></svg></div></div><span class="truncate text-sm whitespace-nowrap flex-1"><span></span></span></div></a></div><span class="absolute top-0.5 right-1 pointer-events-none"><span class="relative flex size-2" aria-hidden="true"><span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-accent-100 opacity-75"></span><span class="relative inline-flex size-2 rounded-full bg-accent-100"></span></span></span></div></div><div class="flex items-center gap-2 transition border-t-0.5 border-transparent"><div class="flex-1 min-w-0"><button class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none border-transparent
|
|
transition
|
|
font-base
|
|
duration-300
|
|
ease-[cubic-bezier(0.165,0.85,0.45,1)] h-9 px-4 py-2 rounded-lg min-w-[5rem] active:scale-[0.985] whitespace-nowrap !scale-100 flex-row !min-w-0 w-full rounded-none group px-2 !-outline-offset-2 transition-[gap] duration-150 ease-out gap-0 !bg-transparent !py-6 my-2 [&:has(.downloads-link:hover)]:!bg-transparent _ghost_x02hl_49" type="button" data-testid="user-menu-button" aria-label="Carlos Narro Diego, Configuración" id="radix-_r_78_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><div class="relative flex-shrink-0"><div class="flex items-center justify-center rounded-full text-text-200 border-0.5 border-transparent group-hover:border-border-200 transition group-hover:opacity-90"><div class="flex shrink-0 items-center justify-center rounded-full font-bold select-none h-9 w-9 text-[16px] bg-text-200 text-bg-100">CN</div></div></div><div class="opacity-0 transition-opacity ease-out duration-100 flex flex-1 text-sm justify-between items-center font-medium min-w-0"><div class="flex flex-col items-start min-w-0 flex-1 pr-1"><span class="w-full text-start block truncate">Carlos Narro Diego</span><span class="w-full truncate text-xs text-text-500 font-normal text-start">Plan Max</span></div><div class="flex items-center gap-2 flex-shrink-0 overflow-visible"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 256 256" class="flex-shrink-0"><path d="M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z"></path></svg></div></div></button></div></div></div></nav></div></div><div id="main-content" class="w-full relative min-w-0 h-full" style="padding: 0px;"><header class="flex w-full bg-bg-100 h-12 mx-auto md:h-24 md:items-end max-w-7xl" aria-hidden="false" data-testid="page-header"><div class="flex w-full items-center justify-between gap-4 pl-11 lg:px-8 px-4 md:px-8"><h1 class="text-text-200 flex items-center gap-2 text-center max-md:hidden min-w-0 font-heading text-2xl"><span class="truncate">Ajustes</span></h1><div></div></div></header><main class="mx-auto mt-4 w-full flex-1 px-4 md:px-8 lg:mt-6 max-w-7xl"><h1 class="font-heading text-text-200 mb-4 flex items-center gap-1.5 text-center md:hidden">Ajustes</h1><div class="grid grid-cols-1 md:grid-cols-[220px_minmax(0px,_1fr)] gap-x-8 w-full max-w-6xl my-4 md:my-8"><nav class="min-w-0 w-full -ml-3 self-start md:sticky md:top-4 relative z-10 mb-4 md:mb-0" aria-label="Ajustes"><div class="min-w-0 p-1 -m-1" style="mask-image: linear-gradient(to right, transparent 0%, black 0px, black calc(100% - 64px), transparent 100%);"><div class="overflow-x-auto overflow-y-hidden min-w-0 p-1 -m-1"><ul class="flex gap-1 md:flex-col mb-0"><li><a href="/settings/general" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center hover:bg-bg-200">General</a></li><li data-testid="account-settings"><a href="/settings/account" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center hover:bg-bg-200">Cuenta</a></li><li data-testid="data-privacy-controls"><a href="/settings/data-privacy-controls" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center hover:bg-bg-200">Privacidad</a></li><li><a href="/settings/billing" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center hover:bg-bg-200">Facturación</a></li><li><a href="/settings/usage" aria-current="page" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center bg-bg-300">Uso</a></li><li><a href="/settings/capabilities" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center hover:bg-bg-200">Capacidades</a></li><li><a href="/settings/connectors" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center hover:bg-bg-200">Conectores</a></li><li><a href="/settings/claude-code" class="font-base block whitespace-nowrap transition-all ease-in-out active:scale-95 rounded-lg px-3 h-9 line-clamp-1 flex gap-3 items-center hover:bg-bg-200">Claude Code</a></li></ul></div></div></nav><div><div class="pb-8"><section class="flex flex-col gap-6 border-b-0.5 border-border-300 last:!border-b-0 mb-8 pb-8"><div><h2 class="font-large-bold text-text-100">Límites de uso del plan</h2></div><div class="w-full flex flex-row gap-x-8 gap-y-3 justify-between items-center flex-wrap"><div class="flex flex-col gap-1.5 min-w-0 w-[13rem] shrink-0"><div class="flex items-center gap-1.5"><p class="font-base text-text-100">Sesión actual</p></div><p class="font-base text-text-400 whitespace-nowrap">Se restablece en 3 h 44 min</p></div><div class="flex-1 flex items-center gap-3 md:max-w-xl"><div class="flex-1 min-w-[200px]"><div role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" aria-label="Usage" class="w-full bg-bg-000 rounded border border-border-300 shadow-sm h-4 flex items-center"><div class="h-full rounded bg-accent-200 transition-all" style="width: 65%;"></div></div></div><p class="font-base text-text-400 whitespace-nowrap text-right min-w-[5.5rem]">65% usado</p></div></div><div class="w-full h-px bg-border-300"></div><div class="space-y-6"><div class="flex flex-col gap-1.5 min-w-0"><h2 class="font-large-bold text-text-100">Límites semanales</h2><p class="font-base text-text-400"><a href="https://support.claude.com/en/articles/11647753-understanding-usage-and-length-limits" target="_blank" rel="noopener noreferrer" class="inline underline underline-offset-[3px] [&:not(:is(:hover,:focus))]:decoration-[color-mix(in_srgb,currentColor,transparent_60%)] cursor-pointer mt-1 inline-block">Más información sobre los límites de uso</a></p></div><div class="w-full flex flex-row gap-x-8 gap-y-3 justify-between items-center flex-wrap"><div class="flex flex-col gap-1.5 min-w-0 w-[13rem] shrink-0"><div class="flex items-center gap-1.5"><p class="font-base text-text-100">Todos los modelos</p></div><p class="font-base text-text-400 whitespace-nowrap">Se restablece vie, 4:59</p></div><div class="flex-1 flex items-center gap-3 md:max-w-xl"><div class="flex-1 min-w-[200px]"><div role="progressbar" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100" aria-label="Usage" class="w-full bg-bg-000 rounded border border-border-300 shadow-sm h-4 flex items-center"><div class="h-full rounded bg-accent-200 transition-all" style="width: 52%;"></div></div></div><p class="font-base text-text-400 whitespace-nowrap text-right min-w-[5.5rem]">52% usado</p></div></div><div class="w-full flex flex-row gap-x-8 gap-y-3 justify-between items-center flex-wrap"><div class="flex flex-col gap-1.5 min-w-0 w-[13rem] shrink-0"><div class="flex items-center gap-1.5"><p class="font-base text-text-100">Solo Sonnet</p><button class="text-text-100" aria-label="More information" aria-expanded="false"><div class="text-text-400" style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-text-400" aria-hidden="true" style="flex-shrink: 0;"><path d="M10 2.5C14.1421 2.5 17.5 5.85786 17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5ZM10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.41015 13.5899 3.5 10 3.5ZM10.1006 9.00977C10.3286 9.05629 10.5 9.25829 10.5 9.5V12.5H11.5C11.7761 12.5 12 12.7239 12 13C12 13.2761 11.7761 13.5 11.5 13.5H8.5C8.22386 13.5 8 13.2761 8 13C8 12.7239 8.22386 12.5 8.5 12.5H9.5V10H8.5C8.22386 10 8 9.77614 8 9.5C8 9.22386 8.22386 9 8.5 9H10L10.1006 9.00977ZM10 6.5C10.4142 6.5 10.75 6.83579 10.75 7.25C10.75 7.66421 10.4142 8 10 8C9.58579 8 9.25 7.66421 9.25 7.25C9.25 6.83579 9.58579 6.5 10 6.5Z"></path></svg></div></button></div><p class="font-base text-text-400 whitespace-nowrap">Aún no has usado Sonnet</p></div><div class="flex-1 flex items-center gap-3 md:max-w-xl"><div class="flex-1 min-w-[200px]"><div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Usage" class="w-full bg-bg-000 rounded border border-border-300 shadow-sm h-4 flex items-center"><div class="h-full rounded bg-accent-200 transition-all" style="width: 1%;"></div></div></div><p class="font-base text-text-400 whitespace-nowrap text-right min-w-[5.5rem]">0% usado</p></div></div></div><div class="flex items-center justify-between text-xs text-text-400 pt-4"><div class="flex items-center gap-2"><p class="font-base text-text-400">Última actualización: hace 2 minutos</p><button class="inline-flex items-center justify-center hover:text-text-300 transition-colors disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer" aria-label="Actualizar límites de uso"><div class="" style="width: 14px; height: 14px; display: flex; align-items: center; justify-content: center;"><svg width="16" height="16" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="" aria-hidden="true" style="flex-shrink: 0;"><path d="M10.3857 2.50977C14.3486 2.71054 17.5 5.98724 17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 7.54619 3.67878 5.3677 5.49902 4H3C2.72386 4 2.5 3.77614 2.5 3.5C2.5 3.22386 2.72386 3 3 3H6.5C6.63261 3 6.75975 3.05272 6.85352 3.14648C6.92392 3.21689 6.97106 3.30611 6.99023 3.40234L7 3.5V7C7 7.27614 6.77614 7.5 6.5 7.5C6.22386 7.5 6 7.27614 6 7V4.87891C4.4782 6.06926 3.5 7.91979 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.5225 13.7691 3.68312 10.335 3.50879L10 3.5L9.89941 3.49023C9.67145 3.44371 9.5 3.24171 9.5 3C9.5 2.72386 9.72386 2.5 10 2.5L10.3857 2.50977Z"></path></svg></div></button></div></div></section><section data-testid="extra-usage-section" class="flex flex-col gap-6 border-b-0.5 border-border-300 last:!border-b-0 mb-8 pb-8"><h2 class="font-large-bold text-text-100">Uso adicional</h2><div class="w-full min-w-0 flex flex-row gap-x-8 gap-y-3 justify-between items-center"><div class="w-full min-w-0 flex flex-row gap-4 items-center"><div class="flex flex-col gap-1.5 min-w-0"><p class="font-base text-text-100">Activa el uso adicional para seguir usando Claude si alcanzas un límite. <a href="https://support.claude.com/en/articles/12429409-extra-usage-for-paid-claude-plans" target="_blank" rel="noopener noreferrer" class="inline underline underline-offset-[3px] [&:not(:is(:hover,:focus))]:decoration-[color-mix(in_srgb,currentColor,transparent_60%)] cursor-pointer">Más información</a></p><p class="font-base text-text-400"></p></div></div><label><div class="group/switch relative select-none cursor-pointer has-[:disabled]:pointer-events-none"><input class="peer sr-only" role="switch" aria-label="Alternar uso adicional" type="checkbox" style="width: 36px; height: 20px;"><div class="rounded-full transition-all bg-bg-500 ring-[0.5px] ring-border-200 group-hover/switch:ring-[1px] group-data-[force-hover=true]/switch:ring-[1px] peer-focus-visible:outline peer-focus-visible:outline-[1px] peer-focus-visible:outline-accent-100 peer-focus-visible:outline-offset-2 peer-data-[force-focus=true]:outline peer-data-[force-focus=true]:outline-[1px] peer-data-[force-focus=true]:outline-accent-100 peer-data-[force-focus=true]:outline-offset-2 peer-disabled:opacity-50 peer-checked:bg-accent-100 peer-checked:ring-[0px] group-hover/switch:peer-checked:ring-[1px] group-hover/switch:peer-checked:ring-accent-000 group-data-[force-hover=true]/switch:peer-checked:ring-[1px] group-data-[force-hover=true]/switch:peer-checked:ring-accent-000" style="width: 36px; height: 20px;"></div><div class="absolute flex items-center justify-center start-[2px] top-[2px] rounded-full transition-all ring-[0.5px] ring-inset group-hover/switch:ring-[1px] group-data-[force-hover=true]/switch:ring-[1px] bg-white ring-border-200 peer-checked:ring-[0px] group-hover/switch:peer-checked:ring-[0px] group-data-[force-hover=true]/switch:peer-checked:ring-[0px]" style="height: calc(16px); width: calc(16px); transform: translateX(0px);"></div></div></label></div><div class="w-full flex flex-row gap-x-8 gap-y-3 justify-between items-center flex-wrap"><div class="flex flex-col gap-1.5 min-w-0"><p class="font-base text-text-100">5,45 € gastados</p><p class="font-base text-text-400 whitespace-nowrap">Se restablece el Apr 1</p></div><div class="flex items-center gap-3 md:flex-1 md:max-w-xl"><div class="flex-1"><div role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-label="Usage" class="w-full bg-bg-000 rounded border border-border-300 shadow-sm h-4 flex items-center"><div class="h-full rounded bg-accent-200 transition-all" style="width: 100%;"></div></div></div><p class="font-base text-text-400 whitespace-nowrap text-right">109% usado</p></div></div><div class="w-full flex flex-row gap-x-8 gap-y-3 justify-between items-center"><div class="flex flex-col gap-1.5 min-w-0"><div class="flex items-center gap-2"><p class="font-medium"><p class="font-base text-text-100">5 €</p></p><button class="text-text-400" aria-label="Información del límite de gasto" aria-expanded="false"><div style="width: 16px; height: 16px; display: flex; align-items: center; justify-content: center;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink: 0;"><path d="M10 2.5C14.1421 2.5 17.5 5.85786 17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5ZM10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.41015 13.5899 3.5 10 3.5ZM10.1006 9.00977C10.3286 9.05629 10.5 9.25829 10.5 9.5V12.5H11.5C11.7761 12.5 12 12.7239 12 13C12 13.2761 11.7761 13.5 11.5 13.5H8.5C8.22386 13.5 8 13.2761 8 13C8 12.7239 8.22386 12.5 8.5 12.5H9.5V10H8.5C8.22386 10 8 9.77614 8 9.5C8 9.22386 8.22386 9 8.5 9H10L10.1006 9.00977ZM10 6.5C10.4142 6.5 10.75 6.83579 10.75 7.25C10.75 7.66421 10.4142 8 10 8C9.58579 8 9.25 7.66421 9.25 7.25C9.25 6.83579 9.58579 6.5 10 6.5Z"></path></svg></div></button></div><p class="font-base text-text-400 whitespace-nowrap">Límite de gasto mensual</p></div><button class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none font-base-bold
|
|
border-0.5
|
|
relative
|
|
overflow-hidden
|
|
transition
|
|
duration-100
|
|
backface-hidden h-9 px-4 py-2 rounded-lg min-w-[5rem] active:scale-[0.985] whitespace-nowrap _secondary_x02hl_28" type="button">Ajustar límite</button></div><div class="w-full flex flex-row gap-x-8 gap-y-3 justify-between items-center"><div class="flex flex-col gap-1.5 min-w-0"><p class="font-base text-text-100">0,00 €</p><p class="font-base text-text-400 whitespace-nowrap">Saldo actual<span class="mx-1">·</span><button><span class="text-danger-000 underline">Recarga automática desactivada</span></button></p></div><button class="inline-flex
|
|
items-center
|
|
justify-center
|
|
relative
|
|
shrink-0
|
|
can-focus
|
|
select-none
|
|
disabled:pointer-events-none
|
|
disabled:opacity-50
|
|
disabled:shadow-none
|
|
disabled:drop-shadow-none font-base-bold
|
|
border-0.5
|
|
relative
|
|
overflow-hidden
|
|
transition
|
|
duration-100
|
|
backface-hidden h-9 px-4 py-2 rounded-lg min-w-[5rem] active:scale-[0.985] whitespace-nowrap _secondary_x02hl_28" type="button">Comprar uso adicional</button></div></section></div></div></div></main></div></div></div></div><div role="region" aria-label="Notificaciones (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-0 z-toast flex flex-col gap-3 p-4" style="right: var(--launch-drawer-width, 0px);"></ol></div><iframe src="https://a.claude.ai/isolated-segment.html?v=f784d35fdd" referrerpolicy="no-referrer" sandbox="allow-scripts allow-same-origin" title="" style="display: none;"></iframe></div><script nonce="">(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.nonce='0xQ2EDxd+cbR1a4t+gbviw==';d.innerHTML="window.__CF$cv$params={r:'9dd2fe22ece61527',t:'MTc3MzY1NjA4NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='0xQ2EDxd+cbR1a4t+gbviw==';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script src="https://s-cdn.anthropic.com/s.js" async=""></script><iframe name="__privateStripeMetricsController1570" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/m-outer-3437aaddcdf6922d623e172c2d6f9278.html#url=https%3A%2F%2Fclaude.ai%2Fsettings%2Fusage&title=Claude&referrer=&muid=0cfc56b8-b975-47b5-9ef5-065c33dfa1458b6d6f&sid=NA&version=6&preview=false&__shared_params__[version]=basil" aria-hidden="true" tabindex="-1" style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;"></iframe><iframe id="intercom-frame" style="position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; top: 0 !important; left: 0 !important; border: none !important; display: block !important; z-index: -1 !important; pointer-events: none;" aria-hidden="true" tabindex="-1" title="Intercom"></iframe><div class="intercom-lightweight-app"><style id="intercom-lightweight-app-style" type="text/css">
|
|
@keyframes intercom-lightweight-app-launcher {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0.5);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes intercom-lightweight-app-gradient {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes intercom-lightweight-app-messenger {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
40% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.intercom-lightweight-app {
|
|
position: fixed;
|
|
z-index: 2147483001;
|
|
width: 0;
|
|
height: 0;
|
|
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
}
|
|
|
|
.intercom-lightweight-app-gradient {
|
|
position: fixed;
|
|
z-index: 2147483002;
|
|
width: 500px;
|
|
height: 500px;
|
|
bottom: 0;
|
|
right: 0;
|
|
pointer-events: none;
|
|
background: radial-gradient(
|
|
ellipse at bottom right,
|
|
rgba(29, 39, 54, 0.16) 0%,
|
|
rgba(29, 39, 54, 0) 72%);
|
|
animation: intercom-lightweight-app-gradient 200ms ease-out;
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher {
|
|
position: fixed;
|
|
z-index: 2147483003;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
border: none;
|
|
bottom: 20px;
|
|
right: 20px;
|
|
max-width: 48px;
|
|
width: 48px;
|
|
max-height: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
background: #0099CC;
|
|
cursor: pointer;
|
|
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
|
|
transition: transform 167ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
|
|
.intercom-lightweight-app-launcher:hover {
|
|
transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher:active {
|
|
transform: scale(0.85);
|
|
transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1);
|
|
}
|
|
|
|
|
|
.intercom-lightweight-app-launcher:focus {
|
|
outline: none;
|
|
|
|
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 48px;
|
|
height: 48px;
|
|
transition: transform 100ms linear, opacity 80ms linear;
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-open {
|
|
|
|
opacity: 1;
|
|
transform: rotate(0deg) scale(1);
|
|
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-open svg {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-open svg path {
|
|
fill: rgb(255, 255, 255);
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-self-serve {
|
|
|
|
opacity: 1;
|
|
transform: rotate(0deg) scale(1);
|
|
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-self-serve svg {
|
|
height: 44px;
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-self-serve svg path {
|
|
fill: rgb(255, 255, 255);
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-custom-icon-open {
|
|
max-height: 24px;
|
|
max-width: 24px;
|
|
|
|
|
|
opacity: 1;
|
|
transform: rotate(0deg) scale(1);
|
|
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-minimize {
|
|
|
|
opacity: 0;
|
|
transform: rotate(-60deg) scale(0);
|
|
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-icon-minimize svg path {
|
|
fill: rgb(255, 255, 255);
|
|
}
|
|
|
|
/* Extended launcher styles */
|
|
.intercom-lightweight-app-launcher.intercom-launcher-extended {
|
|
width: calc(180px - 30px);
|
|
max-width: calc(180px - 30px);
|
|
height: calc(45px - 26px);
|
|
max-height: calc(45px - 26px);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
padding: 12px 16px 12px 12px !important;
|
|
gap: 6px;
|
|
/* Use theme background instead of hardcoded gradient */
|
|
background: #0099CC;
|
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
|
box-shadow: 0px -2px 50px rgba(0, 0, 0, 0.1);
|
|
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher.intercom-launcher-extended .intercom-lightweight-app-launcher-icon {
|
|
position: relative;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.intercom-lightweight-app-launcher-text {
|
|
/* Match text color with launcher icon */
|
|
color: rgb(255, 255, 255);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.5;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 140px;
|
|
opacity: 1;
|
|
transition: opacity 80ms linear;
|
|
}
|
|
|
|
.intercom-lightweight-app-messenger {
|
|
position: fixed;
|
|
z-index: 2147483003;
|
|
overflow: hidden;
|
|
background-color: #ffffff;
|
|
animation: intercom-lightweight-app-messenger 250ms cubic-bezier(0, 1, 1, 1);
|
|
transform-origin: bottom right;
|
|
|
|
|
|
width: 400px;
|
|
height: calc(100% - 40px);
|
|
max-height: 704px;
|
|
min-height: 250px;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
box-shadow: 0 5px 40px rgba(0,0,0,0.16);
|
|
|
|
|
|
border-radius: 24px;
|
|
}
|
|
|
|
.intercom-lightweight-app-messenger-header {
|
|
height: 64px;
|
|
border-bottom: none;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.intercom-lightweight-app-messenger-footer{
|
|
position:absolute;
|
|
bottom:0;
|
|
width: 100%;
|
|
height: 80px;
|
|
background: #ffffff;
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
@media print {
|
|
.intercom-lightweight-app {
|
|
display: none;
|
|
}
|
|
}
|
|
</style></div></body></html> |