Newsletter – matteria_ https://stage.matteria.si Mon, 21 Sep 2026 10:45:27 +0000 es hourly 1 https://wordpress.org/?v=7.1.4 https://stage.matteria.si/wp-content/uploads/2025/01/cropped-iso_matteria_mix_round-32x32.webp Newsletter – matteria_ https://stage.matteria.si 32 32 Estan les empreses començant a triar Claude per sobre de ChatGPT? https://stage.matteria.si/newsletter/iaaldia4/ Mon, 21 Sep 2026 10:45:27 +0000 https://stage.matteria.si/newsletter/iaaldia4/ La cursa entre els gegants tecnològics s'accelera. Desgranem l'evolució de Claude, els últims moviments d'OpenAI i analitzem la visió de Dario Amodei. [...]

Leer más... from Estan les empreses començant a triar Claude per sobre de ChatGPT?

La entrada Estan les empreses començant a triar Claude per sobre de ChatGPT? se publicó primero en matteria_.

]]> /* Custom CSS for Glassmorphism effects and fixed color palette. */ :root { /* Palette */ --bg-base: #F6F4EC; --bg-secondary: #F0EFE2; --bg-soft-cream: #F8FDD8; --primary-dark: #262842; --core-green: #46C193; --deep-teal: #099C94; --accent-yellow: #DEF361; --blue-grey: #34474D; /* Supporting greens for blobs */ --soft-green-acc: #16A172; --soft-teal-acc: #099C94;

/* Typography */ --font-heading: 'Raleway', sans-serif; --font-body: 'Montserrat', sans-serif; }

/* Resetting background */ body { background-color: var(--bg-secondary); font-family: var(--font-body); overflow-x: hidden; }

/* Background Blobs */ .bg-blob { position: absolute; border-radius: 50%; filter: blur(150px); opacity: 0.8; z-index: -1; }

.bg-blob-1 { background-color: var(--soft-green-acc); width: 350px; height: 350px; top: 50px; left: -100px; }

.bg-blob-2 { background-color: var(--accent-yellow); width: 450px; height: 450px; top: 400px; right: -200px; }

.bg-blob-3 { background-color: var(--soft-teal-acc); width: 500px; height: 500px; bottom: 100px; left: 50%; transform: translateX(-50%); }

.h-raleway { font-family: var(--font-heading); } .t-dark { color: var(--primary-dark); } .t-teal { color: var(--deep-teal); } .t-green { color: var(--core-green); } .t-grey { color: var(--blue-grey); }

/* Glass Panels */ .glass-panel-light { background-color: rgba(246, 244, 236, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out; }

.glass-panel-cream { background-color: rgba(248, 253, 216, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 8px 15px -4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; }

/* Layout Utilities */ .content-padding { padding-left: 32px; padding-right: 32px; } @media (max-width: 768px) { .content-padding { padding-left: 20px; padding-right: 20px; } }

.glass-container-bg { background-color: transparent; }

/* Typography */ .h1-hero { font-size: 38px; line-height: 1.2; letter-spacing: 0.03em; } .h2-card { font-size: 24px; line-height: 1.3; } .body-text { font-size: 16px; line-height: 1.5; } .micro-text { font-size: 12px; line-height: 1.3; text-transform: uppercase; }

.link-style { color: var(--deep-teal); text-decoration: none; transition: color 0.1s; outline: none; } .link-style:hover, .link-style:focus { text-decoration: underline; outline: 2px solid var(--deep-teal); outline-offset: 2px; border-radius: 4px; }

.h1-sub { font-family: var(--font-heading); font-weight: 700; font-size: 28px; line-height: 1.3; }

/* Scroll to Top */ #scroll-to-top-btn { position: fixed; bottom: 20px; right: 20px; background-color: var(--primary-dark); color: var(--bg-base); border: none; border-radius: 9999px; width: 44px; height: 44px; font-size: 24px; cursor: pointer; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); display: none; align-items: center; justify-content: center; transition: background-color 0.3s, opacity 0.3s; z-index: 1000; }

#scroll-to-top-btn:hover { background-color: var(--blue-grey); }

@keyframes floatingSide { 0% { transform: translateY(-50%); } 50% { transform: translateY(-54%); } 100% { transform: translateY(-50%); } }

#floating-subscribe-btn { position: fixed; top: 50%; right: 0; background-color: var(--primary-dark); color: var(--bg-base); padding: 42px 14px; border-radius: 30px 0 0 30px; box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.15); z-index: 900; font-family: var(--font-body); font-weight: 700; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; writing-mode: vertical-rl; text-orientation: mixed; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid rgba(255,255,255,0.05); border-right: none; animation: floatingSide 6s ease-in-out infinite; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

#floating-subscribe-btn:hover { background-color: var(--core-green); color: var(--primary-dark); box-shadow: -8px 8px 30px rgba(70, 193, 147, 0.4); animation-play-state: paused; transform: translateY(-50%) translateX(-6px); padding-top: 50px; padding-bottom: 50px; }

@media (min-width: 768px) { #scroll-to-top-btn { right: 30px; bottom: 30px; } }

/* Video/Image Wrapper */ .video-container-wrapper { transition: all 0.3s ease-in-out; border-radius: 1.5rem 1.5rem 0 0; overflow: hidden; position: relative; } .video-container-wrapper:hover { transform: scale(1.02); z-index: 20; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); }

/* Carousel Styles */ .flex-shrink-0 { width: 220px; scroll-snap-align: start; } #social-scroll-container { -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; overflow-y: visible; overflow-x: auto; scroll-snap-type: x mandatory; } #social-scroll-container::-webkit-scrollbar { display: none; }

.social-nav-btn { width: 32px; height: 32px; border-radius: 50%; background-color: rgba(38, 40, 66, 0.1); color: var(--primary-dark); display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, opacity 0.2s; } .social-nav-btn:hover:not(:disabled) { background-color: var(--core-green); color: var(--bg-base); } .social-nav-btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* Navigation Pills */ .hero-nav-pill { background-color: rgba(38, 40, 66, 0.05); color: var(--primary-dark); font-weight: 600; border: 1px solid rgba(38, 40, 66, 0.1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: all 0.3s ease; } .hero-nav-pill:hover { background-color: var(--accent-yellow); color: var(--primary-dark); border-color: var(--accent-yellow); transform: translateY(-2px); box-shadow: 0 6px 12px -3px rgba(222, 243, 97, 0.6); }

.hero-nav-pill--news { background-color: var(--primary-dark); color: var(--bg-base); border-color: var(--primary-dark); backdrop-filter: none; }

.hero-nav-pill--news:hover { background-color: var(--core-green); color: var(--primary-dark); border-color: var(--core-green); transform: translateY(-2px); box-shadow: 0 6px 12px -3px rgba(70, 193, 147, 0.5); }

/* Creative Language Switch */ .lang-switch-wrapper { position: relative; display: flex; align-items: center; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 30px; padding: 4px; cursor: pointer; backdrop-filter: blur(4px); box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); transition: all 0.3s ease; user-select: none; -webkit-tap-highlight-color: transparent; /* Reset estils de botó natiu */ font: inherit; color: inherit; outline: none; }

.lang-switch-wrapper:hover { background: rgba(255, 255, 255, 0.6); border-color: var(--core-green); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(70, 193, 147, 0.2); }

.lang-blob { position: absolute; top: 4px; left: 4px; width: 36px; height: 28px; background: var(--core-green); border-radius: 20px; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0.3s ease; z-index: 1; box-shadow: 0 2px 8px rgba(70, 193, 147, 0.4); }

.lang-switch-wrapper.es-active .lang-blob { transform: translateX(36px); background: var(--deep-teal); box-shadow: 0 2px 8px rgba(9, 156, 148, 0.4); }

.lang-option { position: relative; z-index: 2; width: 36px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; letter-spacing: 0.5px; color: var(--primary-dark); transition: color 0.3s; }

.lang-switch-wrapper:not(.es-active) .lang-option:first-child, .lang-switch-wrapper.es-active .lang-option:last-child { color: #fff; }

/* Timeline specific styles */ .timeline-tab { transition: all 0.3s ease; color: var(--blue-grey); opacity: 0.7; cursor: pointer; } .timeline-tab:hover:not(.active) { opacity: 1; background-color: rgba(255, 255, 255, 0.5); }

/* Active Styles with Corporate Colors */ #tab-openai.active { background-color: var(--core-green); color: white; opacity: 1; box-shadow: 0 4px 12px rgba(70, 193, 147, 0.3); } #tab-google.active { background-color: #4285F4; color: white; opacity: 1; box-shadow: 0 4px 12px rgba(66, 133, 244, 0.3); } #tab-anthropic.active { background-color: #D97757; color: white; opacity: 1; box-shadow: 0 4px 12px rgba(217, 119, 87, 0.3); }

.timeline-content { display: none; animation: fadeIn 0.4s ease forwards; } .timeline-content.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.timeline-scroll { max-height: 420px; overflow-y: auto; mask-image: linear-gradient(to bottom, black 85%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%); } .timeline-scroll::-webkit-scrollbar { width: 6px; } .timeline-scroll::-webkit-scrollbar-track { background: transparent; } .timeline-scroll::-webkit-scrollbar-thumb { background: rgba(38, 40, 66, 0.15); border-radius: 10px; }

/* --- Custom UI for Meta-Claude Chat --- */ .prompt-btn { transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.05); } .prompt-btn.active { background-color: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); }

.chat-bubble-user { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; } .chat-bubble-ai { opacity: 0; animation: slideUpFade 0.5s ease-out forwards; }

@keyframes popIn { 0% { opacity: 0; transform: scale(0.9) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } @keyframes slideUpFade { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } }

/* Typing Dots Animation */ .typing-dot { animation: typingPulse 1.4s infinite ease-in-out both; } .typing-dot:nth-child(1) { animation-delay: -0.32s; } .typing-dot:nth-child(2) { animation-delay: -0.16s; } @keyframes typingPulse { 0%, 80%, 100% { transform: scale(0); opacity: 0.3; } 40% { transform: scale(1); opacity: 1; } }

/* === MILLORES UX/UI === */

/* Skip link per a accessibilitat (només visible en focus amb teclat) */ .skip-link { position: absolute; top: -100px; left: 16px; background: var(--primary-dark); color: var(--bg-base); padding: 12px 20px; border-radius: 8px; font-weight: 700; font-size: 14px; z-index: 10000; text-decoration: none; transition: top 0.2s ease; } .skip-link:focus { top: 16px; outline: 3px solid var(--core-green); outline-offset: 2px; }

/* Reading progress bar (indicador de progrés de lectura) */ #reading-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(90deg, var(--core-green), var(--deep-teal)); z-index: 9999; transition: width 0.1s linear; pointer-events: none; box-shadow: 0 0 8px rgba(70, 193, 147, 0.5); }

/* Focus visible universal (només amb teclat) */ *:focus-visible { outline: 3px solid var(--deep-teal); outline-offset: 3px; border-radius: 4px; } /* Evitar outline doble en elements amb outline propi */ .link-style:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid var(--deep-teal); outline-offset: 3px; }

/* Millora contrast de textos grisos (WCAG AA) */ .text-gray-600 { color: #4a5258 !important; } /* Era massa clar sobre cream */ .text-gray-500 { color: #52585d !important; } .text-gray-400 { color: #6b7075 !important; }

/* Scroll to top — transició suau i estat inicial correcte */ #scroll-to-top-btn { display: flex; opacity: 0; pointer-events: none; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease; } #scroll-to-top-btn.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }

/* Timeline tabs: jerarquia visual + teclat */ .timeline-tab { cursor: pointer; position: relative; }

/* Pills de navegació — jerarquia més clara */ .hero-nav-pill { cursor: pointer; } .hero-nav-pill:focus-visible { outline: 3px solid var(--deep-teal); outline-offset: 3px; }

/* Carrusel — indicadors de posició (dots) */ .social-dots { display: flex; justify-content: center; gap: 6px; margin-top: 12px; } .social-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(38, 40, 66, 0.2); transition: all 0.3s ease; cursor: pointer; border: none; padding: 0; } .social-dot.active { background: var(--core-green); width: 20px; border-radius: 3px; } .social-dot:hover:not(.active) { background: rgba(38, 40, 66, 0.4); }

/* Indicador de scroll per al timeline (fletxa que indica més contingut) */ .timeline-scroll-hint { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); font-size: 11px; color: var(--blue-grey); opacity: 0.6; pointer-events: none; display: flex; align-items: center; gap: 4px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; animation: bounceHint 2s ease-in-out infinite; } .timeline-scroll-hint.hidden { display: none; } @keyframes bounceHint { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(4px); } }

/* Prompt buttons — Estil app nativa */ .prompt-btn { cursor: pointer; transition: all 0.2s ease; border: 1px solid transparent; background-color: transparent; } .prompt-btn:hover:not(.active) { background-color: rgba(255, 255, 255, 0.04); } .prompt-btn.active { background-color: rgba(70, 193, 147, 0.1) !important; border-color: rgba(70, 193, 147, 0.2) !important; box-shadow: inset 2px 0 0 var(--core-green); }

/* Botó subscripció principal — feedback millorat */ .subscribe-cta { position: relative; overflow: hidden; } .subscribe-cta::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(222, 243, 97, 0.3), transparent); transition: left 0.6s ease; } .subscribe-cta:hover::after { left: 100%; }

/* Millores per a Cards de notícies — indicador "nou"/temps de lectura */ .news-meta { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--blue-grey); opacity: 0.75; text-transform: uppercase; letter-spacing: 0.08em; } .news-meta::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--core-green); flex-shrink: 0; }

/* Tooltip simple per al language switch */ .lang-switch-wrapper { position: relative; } .lang-switch-wrapper::after { content: attr(data-tooltip); position: absolute; bottom: -32px; right: 0; background: var(--primary-dark); color: var(--bg-base); padding: 4px 10px; border-radius: 6px; font-size: 10px; font-weight: 600; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; text-transform: uppercase; letter-spacing: 0.05em; } .lang-switch-wrapper:hover::after { opacity: 1; }

/* Smooth scroll global */ html { scroll-behavior: smooth; scroll-padding-top: 20px; }

/* Respecte a prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } #floating-subscribe-btn, .timeline-scroll-hint { animation: none !important; } html { scroll-behavior: auto; } }

/* Millores visuals per seccions ancorades (quan s'arriba des del menú) */ section[id]:target, div[id]:target { animation: highlightTarget 1.5s ease-out; } @keyframes highlightTarget { 0% { box-shadow: 0 0 0 4px rgba(70, 193, 147, 0); } 30% { box-shadow: 0 0 0 4px rgba(70, 193, 147, 0.4); } 100% { box-shadow: 0 0 0 4px rgba(70, 193, 147, 0); } }

/* Mobile: millorar tap targets (mínim 44x44 segons WCAG) */ @media (max-width: 768px) { .social-nav-btn { width: 44px; height: 44px; } .hero-nav-pill { min-height: 40px; display: inline-flex; align-items: center; } }



matteria_





Totes les newsletters


La IA al dIA #4

Estan les empreses començant a triar Claude per sobre de ChatGPT?

Benvinguts a l’edició 4. Un número carregat de novetats on explorem la cursa entre els gegants tecnològics, desgranem les notícies clau del mes, recomanem els podcasts imprescindibles i analitzem la visió de Dario Amodei.

NAVEGA PER SECCIONS:

L’evolució dels últims mesos

Un radar de les novetats clau d’OpenAI, Google i Anthropic, classificades pel seu impacte real en el teu dia a dia.



Abril 2026

🚀 Nou Model

GPT-5.5: El salt a la intel·ligència «agentic»

23 d’abril. OpenAI llança el seu model més intel·ligent i intuïtiu fins ara. Destaca en l’execució de tasques complexes de múltiples passos, programació autònoma i recerca científica, igualant la velocitat de l’anterior versió però amb capacitats molt superiors.

🎨 Nou Model Visual

ChatGPT Images 2.0 amb «Thinking»

21 d’abril. Nova generació del model d’imatge integrada a ChatGPT per a tots els plans. Pels usuaris de pagament, afegeix «images with thinking», dedicant més temps a planificar i refinar la imatge abans de generar-la.

📊 Integració Nativa

L’oficina virtual arriba a Excel

L’assistent s’integra nativament al teu full de càlcul. Ja no cal copiar i enganxar dades: ChatGPT construeix models i analitza grans bases de dades financeres directament des d’Excel, estalviant hores de feina mecànica.

Març 2026

🗂 Gestió Corporativa

Memòria d’empresa amb la «File Library»

Una nova funció que desa automàticament els fitxers i documents corporatius que puges. Això permet referenciar-los ràpidament en futures converses o projectes, creant una base de coneixement contínua i segura.

🧠 Raonament Avançat

Raonament profund per a decisions estratègiques

Amb el llançament de GPT-5.4 Pro, els models ara dediquen més temps a «pensar» abans de donar una resposta. Això redueix dràsticament les al·lucinacions en tasques llargues de lògica o anàlisi de negoci.

Febrer 2026

🤖 Agents Autònoms

L’inici dels Agents Autònoms

S’accelera el concepte de «treballador digital». Amb l’evolució de l’aplicació d’escriptori, comencem a veure sistemes capaços d’executar accions i coordinar eines en paral·lel de forma totalment autònoma.

Abril 2026

🕵 Investigació Autònoma

Deep Research i Deep Research Max

21 d’abril. Un gran salt per als agents d’investigació autònoms (amb Gemini 3.1 Pro). Incorpora suport MCP, combina web, fonts pròpies i fitxers, i genera visualitzacions natives dins dels informes. Màxim enfocament a workflows professionals.

🖼 Personalització Visual

Noves Imatges Personalitzades a Gemini

16 d’abril. Integració de Personal Intelligence i Nano Banana 2, amb accés opcional a Google Photos. Permet crear imatges més personals sense prompts llargs ni pujar referències manuals (desplegament als EUA per a plans avançats).

🌐 Ecosistema Web

AI Mode integrat a Chrome

16 d’abril. L’experiència d’IA fa el salt directe al navegador. Permet fer cerques i demanar seguiment conversacional de la informació sense haver de canviar de pestanya mentre navegues.

💻 App Nativa

Gemini App nativa per a macOS

Mitjans d’abril. Amb la drecera Option + Space, pots invocar l’assistent ràpidament. A més, permet compartir la finestra o la pantalla sencera per donar-li context visual immediat al model.

📈 Interactivitat

Simulacions i visualitzacions interactives

L’app ja és capaç de generar directament al xat simulacions i models gràfics interactius que l’usuari pot manipular (roll-out global excepte comptes Education/Workspace).

📁 Gestió de Projectes

Espais de treball persistents amb Notebooks

Gemini deixa de ser només un xat per convertir-se en un gestor de projectes. Els nous «Notebooks» permeten agrupar converses, documents i dades relacionades amb un mateix projecte, evitant perdre el context.

Març 2026

🏢 Ecosistema Workspace

Dominant el Google Workspace

La IA es connecta profundament a Docs, Sheets, Slides i Gmail. Ara pots demanar-li que resumeixi els correus pendents o que doni format a una presentació utilitzant les dades de la teva empresa sense canviar de pestanya.

👁 Multimodalitat Real

Veu i Visió global en temps real

L’expansió de «Search Live» permet utilitzar el mòbil per ensenyar objectes o escenaris a la IA a través de la càmera i fer-li preguntes en veu alta amb respostes immediates. Un canvi de paradigma per al treball de camp.

Febrer 2026

📊 Visualització de Dades

Dades convertides en gràfics vius

Més enllà del text, els models poden generar simulacions i gràfics interactius a l’instant. Ja no necessites experts en BI per visualitzar com evolucionen les mètriques d’una campanya.

Abril 2026

🖌 Eina Creativa

Claude Design by Anthropic Labs

17 d’abril. Nova eina en research preview (per usuaris Pro/Max/Team/Enterprise) impulsada per Opus 4.7. Permet a Claude generar dissenys, prototips, slides i presentacions a partir de conversa. Amplia la IA molt més enllà del text.

🚀 Flagship Model

Claude Opus 4.7

16 d’abril. Presentat com el model més capaç en disponibilitat general. Destaca en programació, agents, visió i tasques complexes multi-pas. Manté 1 milió de tokens de context i està clarament dissenyat per a fluxos «agentic» i entorns corporatius.

🖱 Control Autònom

Claude agafa el ratolí i el teclat

El desplegament de «Computer Use» marca un abans i un després. Ara pots demanar-li a Claude que mogui el cursor, faci clics i navegui per aplicacions pel seu compte per automatitzar l’extracció i entrada de dades complexes.

Març 2026

💼 Focus Enterprise

Aposta total pel mercat Enterprise

Anthropic fa un pas de gegant per convèncer els departaments IT: afegeix APIs d’analítica d’ús, controls d’administració avançats i gestió autònoma, garantint que la privacitat de les dades de l’empresa està blindada.

Febrer 2026

🖇 Plugins Ofimàtics

El nou aliat de PowerPoint i Excel

Llançament de nous «add-ins» per a eines d’ofimàtica que comparteixen context. Claude pot muntar esbossos de presentacions o analitzar fulls basantse en l’historial que té sobre la teva organització.

📚 Context Extrem

Capacitat d’anàlisi de fitxers massius

L’actualització a la versió 4.6 ofereix un maneig de context de fins a 1 milió de tokens en beta. Això significa poder pujar desenes d’informes extensos al mateix temps i que la IA n’extregui conclusions sense perdre informació.

Notícies Destacades

Deloitte

Deloitte

Estan guanyant diners les empreses amb la IA?

Deloitte ha publicat el seu informe sobre l’estat de la IA generativa a les empreses, revelant que l’adopció massiva ja és una realitat més enllà de les proves de concepte.

L’Impacte real: Les empreses líders estan passant de l’experimentació a l’escalabilitat. L’enfocament ja no és «qué pot fer la IA», sinó com pot millorar l’eficiència operativa i oferir un retorn d’inversió (ROI) clar i mesurable en el dia a dia.

En detall: L’estudi destaca que la governança de dades, la gestió de riscos i la formació dels empleats són ara els principals reptes per a les corporacions que busquen integrar aquestes eines de forma segura i sostenible.


Llegir la notícia →

Anthropic

Anthropic

Per què les grans empreses estan canviant ChatGPT per Claude?

Anthropic està vivint un moment històric. La popularitat de Claude s’ha disparat de forma exponencial, tant entre consumidors de pagament com en el sector corporatiu enterprise.

Per què és important: Fins fa poc, OpenAI dominava el mercat gairebé en solitari. Ara, l’evolució dels ingressos d’Anthropic demostra que les empreses confien cada vegada més en Claude per a tasques complexes, consolidant-lo com l’alternativa de referència o la primera opció.

En detall: Els informes apunten que l’enfocament d’Anthropic en la seguretat, les finestres de context massives i capacitats avançades de raonament (com l’ús autònom de l’ordinador) estan captant el pressupost dels usuaris més exigents.


Llegir la notícia →

OpenAI

ANDREW NEEL | UNSPLASH

La nova direcció d’OpenAI: Descobreix la seva gran aposta pels agents autònoms

OpenAI ha tancat una històrica ronda de finançament de 122.000 milions de dòlars amb un doble objectiu: escalar la seva infraestructura de supercomputació i liderar la nova generació d’eines empresarials.

Estratègia global: Aquesta injecció de capital permetrà establir noves col·laboracions i reduir les barreres d’entrada perquè startups i grans corporacions puguin innovar i desplegar solucions més ràpidament.

Més enllà de l’experimentació: La missió és deixar enrere els assistents aïllats. OpenAI aposta per una «Superapp» unificada i una capa d’intel·ligència on els empleats puguin gestionar equips d’agents autònoms per treballar de forma més eficient.


Llegir la notícia →

Apple IA

Jimmy Jin | Unsplash

Per què Apple no està invertint en IA?

Tot i que a vegades pot semblar que Apple s’està quedant enrere en la cursa de la IA, els seus moviments a l’ombra apunten a una estratègia dual que integra capacitats tant d’OpenAI com d’Anthropic en els seus ecosistemes.

Per què és important: Apple no vol dependre d’un sol proveïdor per al «cervell» dels seus dispositius. En associar-se amb els dos grans gegants de la IA, s’assegura oferir als seus usuaris les millors tools disponibles sense perdre el control de la plataforma.

La clau: Aquest enfocament «agnòstic» podria permetre a Siri o al sistema operatiu d’Apple decidir quin model és més adequat per a cada tasca específica, optimitzant costos, velocitat i qualitat de resposta en temps real.


Llegir la notícia →

Podcasts Destacats

Recopilatori dels millors episodis que hem escoltat aquest mes sobre Intel·ligència Artificial. Posa’t els auriculars!

Podcast 1

Inteligencia Artificial

La revolució dels agents d’IA

Una anàlisi profunda sobre com els agents autònoms d’intel·ligència artificial ja han començat a canviar les regles del joc. En aquest episodi es desgranen casos d’ús reals, limitacions i l’impacte directe en la productivitat diària de les empreses.

Podcast 2

iabro

L’impacte tecnològic i el futur de la IA

Una conversa imprescindible per entendre els últims avenços tecnològics i com ens adaptarem a la nova realitat. Descobreix què hi ha darrere dels anuncis més recents i com la regulació intentarà seguir el ritme d’aquesta indústria frenètica.

Podcast 3

The Diary Of A CEO

AI Whistleblower: Ens amaguen la veritat?

Un episodi revelador on s’exposen els secrets, les dinàmiques de poder i què passa realment dins les grans empreses d’IA. Una mirada transparent i crítica des de dins de la indústria que no et deixarà gens indiferent.

✨ Cas d’Ús

Dominant les Claude Skills

Descobreix com dotar Claude d’habilitats personalitzades per automatitzar processos complexos en el teu dia a dia.


CLAUDE APP UI

Prompts Recomanats

Explica’m què són les Claude Skills

Les Skills són carpetes d’instruccions, scripts i recursos que ensenyen a Claude com completar tasques específiques de manera repetible. Funcionen com un estàndard obert (Agent Skills) i serveixen tant per crear documents seguint l’estil de la teva marca, com per analitzar dades amb els fluxos propis de la teva empresa.

Els Noms Propis de la IA

Dario Amodei

Dario Amodei

CEO & Cofundador d’Anthropic

«El nostre objectiu no és només fer la IA més intel·ligent, sinó assegurar-nos que és segura, controlable i alineada amb els valors humans.»

Cervell rere la IA Constitucional –un métode per entrenar sistemes d’Interl·ligència Artificial, i antic vicepresident de Recerca a OpenAI. Preocupat per la direcció comercial que estava prenent OpenAI, va fundar Anthropic el 2021 al costat de la seva germana Daniela i altres ex-membres de l’empresa. El seu objectiu és prioritzar un desenvolupament on la seguretat sigui el pilar central, una visió que ha impulsat l’èxit actual de la família de models Claude al mercat corporatiu.

📩 No et perdis cap novetat

Vols rebre aquest resum mensual d’IA directament al teu correu? Uneix-te i estigues al dia sense gaire esforç.


© 2026 matteria_. Tots els drets reservats.



La entrada Estan les empreses començant a triar Claude per sobre de ChatGPT? se publicó primero en matteria_.

]]> OpenClaw, Manus i la salut digital https://stage.matteria.si/newsletter/iaaldia3/ Mon, 21 Sep 2026 10:45:27 +0000 https://stage.matteria.si/newsletter/iaaldia3/ La IA fa el salt d'assistent a agent amb OpenClaw prenent el control del teu PC. Descobreix també la integració de Gemini a Gmail i la revolució de vídeo de Higgsfield. [...]

Leer más... from OpenClaw, Manus i la salut digital

La entrada OpenClaw, Manus i la salut digital se publicó primero en matteria_.

]]> /* Custom CSS for Glassmorphism effects and fixed color palette. */ :root { /* Palette */ --bg-base: #F6F4EC; --bg-secondary: #F0EFE2; --bg-soft-cream: #F8FDD8; --primary-dark: #262842; --core-green: #46C193; --deep-teal: #099C94; --accent-yellow: #DEF361; --blue-grey: #34474D; /* Supporting greens for blobs */ --soft-green-acc: #16A172; --soft-teal-acc: #099C94;

/* Typography */ --font-heading: 'Raleway', sans-serif; --font-body: 'Montserrat', sans-serif; }

/* Resetting background */ body { background-color: var(--bg-secondary); font-family: var(--font-body); overflow-x: hidden; }

/* Background Blobs */ .bg-blob { position: absolute; border-radius: 50%; filter: blur(150px); opacity: 0.8; z-index: -1; }

.bg-blob-1 { background-color: var(--soft-green-acc); width: 350px; height: 350px; top: 50px; left: -100px; }

.bg-blob-2 { background-color: var(--accent-yellow); width: 450px; height: 450px; top: 400px; right: -200px; }

.bg-blob-3 { background-color: var(--soft-teal-acc); width: 500px; height: 500px; bottom: 100px; left: 50%; transform: translateX(-50%); }

.h-raleway { font-family: var(--font-heading); } .t-dark { color: var(--primary-dark); } .t-teal { color: var(--deep-teal); } .t-green { color: var(--core-green); } .t-grey { color: var(--blue-grey); }

/* Glass Panels */ .glass-panel-light { background-color: rgba(246, 244, 236, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out; }

.glass-panel-cream { background-color: rgba(248, 253, 216, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 8px 15px -4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; /* Added transition for smooth background switch */ }

.dark-panel { background-color: rgba(38, 40, 66, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1); }

/* Tabs Styles */ .howto-tab-button { flex: 1; font-family: var(--font-body); font-weight: 600; font-size: 14px; text-align: left; cursor: pointer; transition: all 0.3s ease; border: none; outline: none; } .howto-tab-active { background-color: var(--core-green); color: var(--bg-base); box-shadow: 0 4px 10px -2px rgba(70, 193, 147, 0.5); transform: translateY(-2px) skewX(-25deg); z-index: 40 !important; } .howto-tab-inactive { background-color: rgba(255, 255, 255, 0.05); color: var(--bg-base); opacity: 0.6; border: 1px solid rgba(255, 255, 255, 0.1); } .howto-tab-inactive:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.1); }

.skew-tab { transform: skewX(-25deg); } .unskew-text { transform: skewX(25deg); text-align: center; }

.howto-tab-content { display: none; } .howto-tab-content.active { display: block; }

/* Transition for Visual Card content */ .visual-card-content { transition: opacity 0.3s ease-in-out, transform 0.3s ease-out; } .visual-card-fade-out { opacity: 0; transform: scale(0.95); }

@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Layout Utilities */ .content-padding { padding-left: 32px; padding-right: 32px; } @media (max-width: 768px) { .content-padding { padding-left: 20px; padding-right: 20px; } }

.glass-container-bg { background-color: transparent; }

/* Typography */ .h1-hero { font-size: 38px; line-height: 1.2; letter-spacing: 0.03em; } .h2-card { font-size: 24px; line-height: 1.3; } .body-text { font-size: 16px; line-height: 1.5; } .micro-text { font-size: 12px; line-height: 1.3; text-transform: uppercase; }

.link-style { color: var(--deep-teal); text-decoration: none; transition: color 0.1s; outline: none; } .link-style:hover, .link-style:focus { text-decoration: underline; outline: 2px solid var(--deep-teal); outline-offset: 2px; border-radius: 4px; }

.h1-sub { font-family: var(--font-heading); font-weight: 700; font-size: 28px; line-height: 1.3; }

/* Scroll to Top */ #scroll-to-top-btn { position: fixed; bottom: 20px; right: 20px; background-color: var(--primary-dark); color: var(--bg-base); border: none; border-radius: 9999px; width: 44px; height: 44px; font-size: 24px; cursor: pointer; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); display: none; align-items: center; justify-content: center; transition: background-color 0.3s, opacity 0.3s; z-index: 1000; }

#scroll-to-top-btn:hover { background-color: var(--blue-grey); }

/* Floating Animation Keyframes - Subtler */ @keyframes floatingSide { 0% { transform: translateY(-50%); } 50% { transform: translateY(-54%); } /* Very subtle movement (just 4%) */ 100% { transform: translateY(-50%); } }

/* Floating Subscribe Button (Right Side Vertical with Float Effect) */ #floating-subscribe-btn { position: fixed; top: 50%; right: 0;

background-color: var(--primary-dark); color: var(--bg-base); /* Chunkier padding to look like a solid block */ padding: 42px 14px; /* Fully rounded left side for non-rectangular look */ border-radius: 30px 0 0 30px;

/* Softer shadow */ box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.15); z-index: 900;

font-family: var(--font-body); font-weight: 700; font-size: 12px; letter-spacing: 0.2em; /* More spacing for vertical text */ text-transform: uppercase; writing-mode: vertical-rl; text-orientation: mixed; text-decoration: none;

display: flex; align-items: center; justify-content: center; gap: 16px; /* More space between icon and text */

border: 1px solid rgba(255,255,255,0.05); border-right: none;

/* Slower animation for subtle float */ animation: floatingSide 6s ease-in-out infinite; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

#floating-subscribe-btn:hover { background-color: var(--core-green); color: var(--primary-dark); box-shadow: -8px 8px 30px rgba(70, 193, 147, 0.4);

/* Stop floating and extend smoothly */ animation-play-state: paused; transform: translateY(-50%) translateX(-6px); padding-top: 50px; padding-bottom: 50px; }

/* Adjust Scroll to Top position to not overlap */ @media (min-width: 768px) { #scroll-to-top-btn { right: 30px; bottom: 30px; } }

/* Video/Image Wrapper */ .video-container-wrapper { transition: all 0.3s ease-in-out; border-radius: 1.5rem 1.5rem 0 0; overflow: hidden; position: relative; } .video-container-wrapper:hover { transform: scale(1.02); z-index: 20; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); } /* Ensure images in cards cover the area like videos */ .news-card-img { width: 100%; height: 100%; /* Modified for containment */ object-fit: contain; background-color: white; /* Added background for contain mode */ position: absolute; top: 0; left: 0; } /* New style for cards where image must cover (e.g. GPT-5.1) */ .news-card-img.cover-fit { object-fit: cover; }

/* Carousel Styles */ .flex-shrink-0 { width: 220px; scroll-snap-align: start; } #social-scroll-container { -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; overflow-y: visible; overflow-x: auto; scroll-snap-type: x mandatory; } #social-scroll-container::-webkit-scrollbar { display: none; }

.social-nav-btn { width: 32px; height: 32px; border-radius: 50%; background-color: rgba(38, 40, 66, 0.1); color: var(--primary-dark); display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, opacity 0.2s; } .social-nav-btn:hover:not(:disabled) { background-color: var(--core-green); color: var(--bg-base); } .social-nav-btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* Navigation Pills */ .hero-nav-pill { background-color: rgba(38, 40, 66, 0.05); color: var(--primary-dark); font-weight: 600; border: 1px solid rgba(38, 40, 66, 0.1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: all 0.3s ease; } .hero-nav-pill:hover { background-color: var(--accent-yellow); color: var(--primary-dark); border-color: var(--accent-yellow); transform: translateY(-2px); box-shadow: 0 6px 12px -3px rgba(222, 243, 97, 0.6); }

.hero-nav-pill--news { background-color: var(--primary-dark); color: var(--bg-base); border-color: var(--primary-dark); backdrop-filter: none; }

.hero-nav-pill--news:hover { background-color: var(--core-green); color: var(--primary-dark); border-color: var(--core-green); transform: translateY(-2px); box-shadow: 0 6px 12px -3px rgba(70, 193, 147, 0.5); }

/* Comparison Block Styles */ .vs-card { transition: all 0.2s ease; } .vs-card:hover { transform: translateY(-2px); background-color: rgba(255,255,255,0.6); }

/* Creative Language Switch - REDISSENYAT */ .lang-switch-wrapper { position: relative; display: flex; align-items: center; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 30px; padding: 4px; cursor: pointer; backdrop-filter: blur(4px); box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); transition: all 0.3s ease; user-select: none; -webkit-tap-highlight-color: transparent; }

.lang-switch-wrapper:hover { background: rgba(255, 255, 255, 0.6); border-color: var(--core-green); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(70, 193, 147, 0.2); }

.lang-blob { position: absolute; top: 4px; left: 4px; width: 36px; height: 28px; background: var(--core-green); border-radius: 20px; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0.3s ease; /* Bouncy effect */ z-index: 1; box-shadow: 0 2px 8px rgba(70, 193, 147, 0.4); }

/* State for ES active (slide right) */ .lang-switch-wrapper.es-active .lang-blob { transform: translateX(36px); background: var(--deep-teal); /* Color change for ES */ box-shadow: 0 2px 8px rgba(9, 156, 148, 0.4); }

.lang-option { position: relative; z-index: 2; width: 36px; /* Fixed width for alignment */ height: 28px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; letter-spacing: 0.5px; color: var(--primary-dark); transition: color 0.3s; }

/* Active text becomes white */ .lang-switch-wrapper:not(.es-active) .lang-option:first-child, .lang-switch-wrapper.es-active .lang-option:last-child { color: #fff; }


matteria_

CA
ES



Totes les newsletters

La IA al dIA #3

OpenClaw, Manus i la salut digital

La IA fa el salt d’assistent a agent amb OpenClaw prenent el control del teu PC. Descobreix també la integració de Gemini a Gmail i la revolució de vídeo de Higgsfield.

NOTICIES DESTACADES:



OpenClaw


Gmail x Gemini


Manus x Meta


Claude Cowork


ChatGPT Health


OpenAI Ads

SECCIONS:


Workshop Express


Higgsfield 🎥


Tips de Xarxes


Eines Internes

Moltbot AI Transformation



Font: OpenClaw

OpenClaw (ex-Moltbot): Quan la IA pren el control 🤖

OpenClaw va més enllà del xat: és un «agent» capaç de controlar el teu ordinador físicament, movent el cursor, clicant i escrivint per executar tasques complexes de principi a fi.

L’Impacte real: Això suposa un canvi de paradigma: passem de demanar informació a la IA a delegar-li accions (LAMs). Pot obrir programes, omplir formularis burocràtics o gestionar fitxers sense intervenció humana constant.

Atenció: Donar accés total al sistema operatiu comporta riscos. Experts en ciberseguretat adverteixen que, sense una supervisió adequada, un agent amb aquest nivell de control podria executar ordres errònies o comprometre dades sensibles.


Llegir la notícia →

Gmail entra a l’era Gemini: La teva bústia ara pensa 📧

Google ha integrat oficialment els seus models més potents d’IA (Gemini 1.5 Pro) directament a la barra lateral de Gmail, transformant com gestionem el correu.

Per què és important: Ja no cal sortir de Gmail per resumir fils llargs, redactar respostes formals o buscar dades específiques enterrades en correus antics. Tot passa al panell lateral.

En detall: Amb la nova funció «Gmail Q&A», pots fer preguntes complexes com «Quant ens vam gastar en la reforma segons els correus de l’arquitecte?» i Gemini rastreja, sintetitza i respon a l’instant.


Llegir al blog de Google →

Manus joins Meta



Font: Manus

Manus s’uneix a Meta: El futur hàptic 🧤

Manus, l’empresa pionera en guants de captura de dades i realitat virtual, ha anunciat la seva unió amb Meta per definir la propera era de la innovació immersiva.

Per què és important: La integració de la tecnologia hàptica de precisió de Manus amb l’ecosistema de Meta promet revolucionar com «sentim» el món digital, portant la interacció VR/AR a un nivell de realisme sense precedents.

En detall: L’objectiu és crear experiències on les mans siguin el controlador definitiu, eliminant barreres de maquinari i permetent una interacció natural tant en entorns professionals com d’oci.


Llegir el comunicat →

Nou Claude Cowork: Treballa en equip amb la IA 🤝

Anthropic presenta «Cowork», una nova funcionalitat per a Claude que transforma el xatbot en un col·laborador actiu dins dels teus projectes d’equip.

Per què és important: Ja no es tracta només de preguntar-li a la IA, sinó de tenir-la present en un document compartit on tot l’equip pot editar, comentar i iterar en temps real.

En detall: Permet la creació d’espais de treball on Claude entén el context complet de documents múltiples, ajudant a redactar, programar i organitzar idees de manera col·laborativa sense sortir de la interfície.


Descobrir Cowork →

Presentem ChatGPT Health: IA per al benestar 🩺

OpenAI llança una vertical específica dedicada a la salut, dissenyada per oferir informació mèdica fiable i suport tant a usuaris com a professionals.

Per què és important: Amb l’auge de les consultes de salut a la IA, OpenAI vol garantir respostes basades en evidència científica, col·laborant amb institucions mèdiques de renom per reduir la desinformació.

En detall: Inclou eines per resumir historials mèdics, explicar diagnòstics complexos en llenguatge planer i oferir recomanacions de benestar, tot sota estrictes protocols de privacitat HIPAA.


Veure anunci →

OpenAI Advertising Approach



Font: OpenAI

OpenAI explora la publicitat per ampliar l’accés 📢

En un moviment estratègic, OpenAI comparteix el seu enfocament sobre la publicitat com a via per mantenir i expandir l’accés gratuït a les seves eines d’IA avançada.

Per què és important: Això marca un punt d’inflexió en el model de negoci de la companyia, buscant sostenibilitat sense dependre exclusivament de les subscripcions de pagament.

En detall: L’empresa assegura que els anuncis seran poc intrusius i rellevants, prometent no utilitzar les dades de les converses per perfilat publicitari invasiu, mantenint la privacitat de l’usuari al centre.


Llegir l’enfocament →


Workshop Express

Crea Micro-Apps amb Gemini

Transforma dades avorrides en experiències web interactives sense escriure codi. Llegeix bé els passos:

📂

1. L’Arxiu

Arrossega el teu Excel, PDF o Word directament al xat de Gemini i utilitza la funció de Canva.

PROMPT

> Actua com a expert UX.
> Crea un fitxer HTML únic amb gràfics interactius…

2. La màgia

Demana sempre «un sol fitxer HTML».

🚀

3. El Resultat

Obre l’HTML que et donarà al navegador i interactua amb les dades.


Prova-ho ara a Gemini

La Revolució del Vídeo

Higgsfield és una nova plataforma d’IA generativa de vídeo dissenyada específicament per a equips de màrqueting. A diferència d’altres models, permet un control total sobre la càmera i manté la consistència dels personatges i productes.


Higgsfield AI Video Interface

Higgsfield recapta $130M

El vídeo generatiu deixa de ser una joguina per convertir-se en infraestructura crítica de màrqueting. Higgsfield lidera la nova onada amb un control sense precedents per a creadors.


Llegir a Forbes

Màrqueting Infrastructure

Ja no parlem de clips aleatoris. Higgsfield promet consistència de personatges i control de càmera per a campanyes reals.

OpenAI al radar?

Amb rumors d’integració o interès per part d’OpenAI, el sector del vídeo IA es consolida com el proper gran camp de batalla.


+ Info

Tips que trobem per xarxes socials 📲


EINES I RECURSOS D’IA 🛠

📩 No et perdis cap novetat

Vols rebre aquest resum mensual d’IA directament al teu correu? Uneix-te i estigues al dia sense gaire esforç.


Subscriu-te a la Newsletter!

© 2026 matteria_. Tots els drets reservats.



La entrada OpenClaw, Manus i la salut digital se publicó primero en matteria_.

]]> Gemini 3 vs GPT 5.1: La batalla definitiva https://stage.matteria.si/newsletter/iaaldia2/ Mon, 21 Sep 2026 10:45:27 +0000 https://stage.matteria.si/newsletter/iaaldia2/ Totes les novetats de Gemini 3 i ChatGPT 5.1 al descobert. A més, analitzem per què NotebookLM s'ha convertit en l'eina imprescindible del mes. [...]

Leer más... from Gemini 3 vs GPT 5.1: La batalla definitiva

La entrada Gemini 3 vs GPT 5.1: La batalla definitiva se publicó primero en matteria_.

]]> /* Custom CSS for Glassmorphism effects and fixed color palette. */ :root { /* Palette */ --bg-base: #F6F4EC; --bg-secondary: #F0EFE2; --bg-soft-cream: #F8FDD8; --primary-dark: #262842; --core-green: #46C193; --deep-teal: #099C94; --accent-yellow: #DEF361; --blue-grey: #34474D; /* Supporting greens for blobs */ --soft-green-acc: #16A172; --soft-teal-acc: #099C94;

/* Typography */ --font-heading: 'Raleway', sans-serif; --font-body: 'Montserrat', sans-serif; }

/* Resetting background */ body { background-color: var(--bg-secondary); font-family: var(--font-body); overflow-x: hidden; }

/* Background Blobs */ .bg-blob { position: absolute; border-radius: 50%; filter: blur(150px); opacity: 0.8; z-index: -1; }

.bg-blob-1 { background-color: var(--soft-green-acc); width: 350px; height: 350px; top: 50px; left: -100px; }

.bg-blob-2 { background-color: var(--accent-yellow); width: 450px; height: 450px; top: 400px; right: -200px; }

.bg-blob-3 { background-color: var(--soft-teal-acc); width: 500px; height: 500px; bottom: 100px; left: 50%; transform: translateX(-50%); }

.h-raleway { font-family: var(--font-heading); } .t-dark { color: var(--primary-dark); } .t-teal { color: var(--deep-teal); } .t-green { color: var(--core-green); } .t-grey { color: var(--blue-grey); }

/* Glass Panels */ .glass-panel-light { background-color: rgba(246, 244, 236, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out; }

.glass-panel-cream { background-color: rgba(248, 253, 216, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 8px 15px -4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; /* Added transition for smooth background switch */ }

.dark-panel { background-color: rgba(38, 40, 66, 0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1); }

/* Tabs Styles */ .howto-tab-button { flex: 1; font-family: var(--font-body); font-weight: 600; font-size: 14px; text-align: left; cursor: pointer; transition: all 0.3s ease; border: none; outline: none; } .howto-tab-active { background-color: var(--core-green); color: var(--bg-base); box-shadow: 0 4px 10px -2px rgba(70, 193, 147, 0.5); transform: translateY(-2px) skewX(-25deg); z-index: 40 !important; } .howto-tab-inactive { background-color: rgba(255, 255, 255, 0.05); color: var(--bg-base); opacity: 0.6; border: 1px solid rgba(255, 255, 255, 0.1); } .howto-tab-inactive:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.1); }

.skew-tab { transform: skewX(-25deg); } .unskew-text { transform: skewX(25deg); text-align: center; }

.howto-tab-content { display: none; } .howto-tab-content.active { display: block; }

/* AI Corner Tabs */ .ai-toggle-pill { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .ai-toggle-active { background-color: var(--primary-dark); color: var(--bg-base); box-shadow: 0 4px 12px rgba(38, 40, 66, 0.2); } .ai-toggle-inactive { color: var(--primary-dark); opacity: 0.6; } .ai-toggle-inactive:hover { opacity: 1; background-color: rgba(255,255,255,0.4); } .ai-content { display: none; animation: fadeIn 0.4s ease-out; } .ai-content.active { display: grid; }

/* Transition for Visual Card content */ .visual-card-content { transition: opacity 0.3s ease-in-out, transform 0.3s ease-out; } .visual-card-fade-out { opacity: 0; transform: scale(0.95); }

/* UX Hover & Active Effects for AI List */ .ai-hover-trigger { border: 1px solid transparent; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

/* Combined hover and active class */ .ai-hover-trigger:hover, .ai-item-active { background-color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.9); transform: translateX(8px); box-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.05); }

/* Icon animation on hover/active */ .ai-hover-trigger:hover .icon-box, .ai-item-active .icon-box { transform: scale(1.1) rotate(3deg); background-color: var(--primary-dark); color: var(--core-green); } .icon-box { transition: all 0.3s ease; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Layout Utilities */ .content-padding { padding-left: 32px; padding-right: 32px; } @media (max-width: 768px) { .content-padding { padding-left: 20px; padding-right: 20px; } }

.glass-container-bg { background-color: transparent; }

/* Typography */ .h1-hero { font-size: 38px; line-height: 1.2; letter-spacing: 0.03em; } .h2-card { font-size: 24px; line-height: 1.3; } .body-text { font-size: 16px; line-height: 1.5; } .micro-text { font-size: 12px; line-height: 1.3; text-transform: uppercase; }

.link-style { color: var(--deep-teal); text-decoration: none; transition: color 0.1s; outline: none; } .link-style:hover, .link-style:focus { text-decoration: underline; outline: 2px solid var(--deep-teal); outline-offset: 2px; border-radius: 4px; }

.h1-sub { font-family: var(--font-heading); font-weight: 700; font-size: 28px; line-height: 1.3; }

/* Scroll to Top */ #scroll-to-top-btn { position: fixed; bottom: 20px; right: 20px; background-color: var(--primary-dark); color: var(--bg-base); border: none; border-radius: 9999px; width: 44px; height: 44px; font-size: 24px; cursor: pointer; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); display: none; align-items: center; justify-content: center; transition: background-color 0.3s, opacity 0.3s; z-index: 1000; }

#scroll-to-top-btn:hover { background-color: var(--blue-grey); }

/* Floating Animation Keyframes - Subtler */ @keyframes floatingSide { 0% { transform: translateY(-50%); } 50% { transform: translateY(-54%); } /* Very subtle movement (just 4%) */ 100% { transform: translateY(-50%); } }

/* Floating Subscribe Button (Right Side Vertical with Float Effect) */ #floating-subscribe-btn { position: fixed; top: 50%; right: 0;

background-color: var(--primary-dark); color: var(--bg-base); /* Chunkier padding to look like a solid block */ padding: 42px 14px; /* Fully rounded left side for non-rectangular look */ border-radius: 30px 0 0 30px;

/* Softer shadow */ box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.15); z-index: 900;

font-family: var(--font-body); font-weight: 700; font-size: 12px; letter-spacing: 0.2em; /* More spacing for vertical text */ text-transform: uppercase; writing-mode: vertical-rl; text-orientation: mixed; text-decoration: none;

display: flex; align-items: center; justify-content: center; gap: 16px; /* More space between icon and text */

border: 1px solid rgba(255,255,255,0.05); border-right: none;

/* Slower animation for subtle float */ animation: floatingSide 6s ease-in-out infinite; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

#floating-subscribe-btn:hover { background-color: var(--core-green); color: var(--primary-dark); box-shadow: -8px 8px 30px rgba(70, 193, 147, 0.4);

/* Stop floating and extend smoothly */ animation-play-state: paused; transform: translateY(-50%) translateX(-6px); padding-top: 50px; padding-bottom: 50px; }

/* Adjust Scroll to Top position to not overlap */ @media (min-width: 768px) { #scroll-to-top-btn { right: 30px; bottom: 30px; } }

/* Video/Image Wrapper */ .video-container-wrapper { transition: all 0.3s ease-in-out; border-radius: 1.5rem 1.5rem 0 0; overflow: hidden; position: relative; } .video-container-wrapper:hover { transform: scale(1.02); z-index: 20; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); } /* Ensure images in cards cover the area like videos */ .news-card-img { width: 100%; height: 100%; /* Modified for containment */ object-fit: contain; background-color: white; /* Added background for contain mode */ position: absolute; top: 0; left: 0; } /* New style for cards where image must cover (e.g. GPT-5.1) */ .news-card-img.cover-fit { object-fit: cover; }

/* Carousel Styles */ .flex-shrink-0 { width: 220px; scroll-snap-align: start; } #social-scroll-container { -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; overflow-y: visible; overflow-x: auto; scroll-snap-type: x mandatory; } #social-scroll-container::-webkit-scrollbar { display: none; }

.social-nav-btn { width: 32px; height: 32px; border-radius: 50%; background-color: rgba(38, 40, 66, 0.1); color: var(--primary-dark); display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, opacity 0.2s; } .social-nav-btn:hover:not(:disabled) { background-color: var(--core-green); color: var(--bg-base); } .social-nav-btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* Navigation Pills */ .hero-nav-pill { background-color: rgba(38, 40, 66, 0.05); color: var(--primary-dark); font-weight: 600; border: 1px solid rgba(38, 40, 66, 0.1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: all 0.3s ease; } .hero-nav-pill:hover { background-color: var(--accent-yellow); color: var(--primary-dark); border-color: var(--accent-yellow); transform: translateY(-2px); box-shadow: 0 6px 12px -3px rgba(222, 243, 97, 0.6); }

.hero-nav-pill--news { background-color: var(--primary-dark); color: var(--bg-base); border-color: var(--primary-dark); backdrop-filter: none; }

.hero-nav-pill--news:hover { background-color: var(--core-green); color: var(--primary-dark); border-color: var(--core-green); transform: translateY(-2px); box-shadow: 0 6px 12px -3px rgba(70, 193, 147, 0.5); }

/* Comparison Block Styles */ .vs-card { transition: all 0.2s ease; } .vs-card:hover { transform: translateY(-2px); background-color: rgba(255,255,255,0.6); }


matteria_



Totes les newsletters

La IA al dIA #2

Gemini 3 vs GPT 5.1: La batalla definitiva

Totes les novetats de Gemini 3 i ChatGPT 5.1 al descobert. A més, analitzem per què NotebookLM s’ha convertit en l’eina imprescindible del mes.

NOTICIES DESTACADES:



Gemini 3


GPT-5.1


Comparativa IA


Digital Omnibus


NotebookLM

SECCIONS:


Casos d’ús


Cas pràctic


Tips de Xarxes


Eines Internes


Arriba Gemini 3: El model més intel·ligent de Google ✨

Google llança Gemini 3, el seu model d’IA més avançat, integrat directament al cercador i dissenyat per entendre el món millor que mai.

Per què és important: Amb el nou mode «Deep Think», Gemini no només respon, sinó que raona, superant els límits en tasques complexes i comprensió multimodal (text, imatge i codi alhora).

En detall: Destaca per la seva memòria contextual que recorda preferències de projectes anteriors, i una capacitat inèdita per analitzar vídeo i àudio en temps real. Pots mostrar-li qualsevol cosa per càmera o pujar fitxers pesats i obtenir respostes precises a l’instant.


Més informació →

GPT-5.1 Art Card



Font: OpenAI

Arriba GPT-5.1: Més enllà del raonament 🧠

OpenAI sorprèn amb el llançament de GPT-5.1, un model que promet un salt en capacitat de raonament i velocitat.

Per què és important: Aquesta versió sembla resoldre les limitacions de «al·lucinació» dels models anteriors, acostant-se a una fiabilitat necessària.

En detall: Amb una finestra de context més gran i capacitats multimodals natives (veu, text, imatge) integrades.


Més informació →

ChatGPT 5.1
vs
Gemini 3

Quin model hauries de triar per a cada tasca?

Escriptura i estil

ChatGPT 5.1

Més humà i emotiu. Ideal per emails, assajos i textos on el to importa.

Gemini 3

Precís i factual. Perfecte per informes tècnics, resums i dades pures.

Docs i multimèdia

ChatGPT 5.1

Standard. Funciona bé amb text, amb documents molt llargs necessita més context per extreure informació.

Gemini 3

Context massiu. Llegeix PDFs de 500 pàgines i veu 1h de vídeo de cop.

Codi i programació

ChatGPT 5.1

Autonomia. Mode «background» per completar tasques llargues sense tu.

Gemini 3

Debugging. Entén repositoris sencers gràcies a la seva finestra de context.

Recerca i dades

ChatGPT 5.1

Navegació web. Bona, però menys integrada que Google en temps real.

Gemini 3

Google Search. Integració total per a fact-checking i fiabilitat màxima.

Il·lustració del Digital Omnibus de la Comissió Europea



Font: Comissió Europea

Simplificació Digital: Arriba el ‘Digital Omnibus’ 🇪🇺

La Comissió Europea presenta el «Digital Omnibus», una proposta massiva per simplificar i harmonitzar les regulacions digitals (AI Act, GDPR).

Per què és important: És la resposta de Brussel·les a la burocràcia. L’objectiu és reduir costos de compliment per a les empreses i facilitar la innovació en IA, sense rebaixar els estàndards de protecció de drets.

En detall: Inclou mesures per clarificar l’ús de dades personals en entrenament d’IA, unificar la notificació d’incidents de ciberseguretat i crear una «Cartera Digital» per a empreses.


Veure la proposta →

NotebookLM matteria_

NotebookLM: IA aplicada només als teus documents

NotebookLM no és només una altra IA; és un assistent de recerca que es converteix en un expert instantani exclusivament en els documents que tu li facilites (PDFs, Webs, Slides, YouTube).

Per què és important: La fiabilitat. A diferència d’altres xats que inventen, NotebookLM respon basant-se únicament en les teves fonts i afegeix cites a cada frase per verificar-ho. Si no està al teu document, no t’ho dirà.

En detall: Puja qualsevol font (PDFs, Webs, Vídeos, Àudios) i transforma-la a l’instant en resums, FAQs, línies de temps o guies d’estudi. Pots «interrogar» els teus documents per extreure dades concretes o escoltar-ne la versió pòdcast.


Provar l’eina →

NOU!

El Racó de la IA: NotebookLM

Si encara no heu provat l’eina de Google basada en «Grounding» (només respon amb els teus documents), aquí teniu els casos d’ús clau per començar.


‘>

Benchmarking i anàlisi de mercat

Enteneu ràpidament l’ecosistema de competidors per enfocar millor el projecte.
👉 L’ús: Genereu una taula de serveis per identificar buits i tendències.


Focus

Audio Overviews


Transforma informes densos en àudio comprensible. Ideal per a resums executius on-the-go.