{"id":2194,"date":"2026-02-09T12:38:42","date_gmt":"2026-02-09T12:38:42","guid":{"rendered":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194"},"modified":"2026-04-21T08:46:09","modified_gmt":"2026-04-21T08:46:09","slug":"crear-materials-visuals-sobre-sostenibilitat-i-economia-circular","status":"publish","type":"page","link":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194","title":{"rendered":"Crear materials visuals sobre sostenibilitat i economia circular"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ca\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Sostenibilitat i Economia Circular \u2014 SMX<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&#038;family=Fraunces:ital,wght@0,300;0,700;0,900;1,300&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --verde: #1a7a4a;\n    --verde-clar: #2dbe72;\n    --terra: #c8541a;\n    --gris-fosc: #1c1c1c;\n    --gris-mig: #3a3a3a;\n    --crem: #f5f0e8;\n    --groc: #f0c419;\n    --blau: #1e4d8c;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    background-color: var(--crem);\n    color: var(--gris-fosc);\n    font-family: 'Space Mono', monospace;\n    overflow-x: hidden;\n  }\n\n  \/* HERO *\/\n  .hero {\n    min-height: 100vh;\n    background: var(--gris-fosc);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    padding: 4rem 2rem;\n    text-align: center;\n  }\n\n  .hero-bg-circle {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.08;\n    background: var(--verde-clar);\n  }\n  .hero-bg-circle:nth-child(1) { width: 600px; height: 600px; top: -150px; left: -150px; }\n  .hero-bg-circle:nth-child(2) { width: 400px; height: 400px; bottom: -100px; right: -100px; background: var(--groc); }\n  .hero-bg-circle:nth-child(3) { width: 200px; height: 200px; top: 40%; left: 60%; background: var(--terra); }\n\n  .hero-tag {\n    font-family: 'Space Mono', monospace;\n    font-size: 0.7rem;\n    letter-spacing: 0.3em;\n    color: var(--verde-clar);\n    background: rgba(45, 190, 114, 0.1);\n    border: 1px solid var(--verde-clar);\n    padding: 0.4rem 1.2rem;\n    border-radius: 100px;\n    margin-bottom: 2rem;\n    animation: fadeUp 0.8s ease both;\n  }\n\n  .hero h1 {\n    font-family: 'Fraunces', serif;\n    font-size: clamp(3rem, 8vw, 7rem);\n    font-weight: 900;\n    color: white;\n    line-height: 0.95;\n    animation: fadeUp 0.8s 0.2s ease both;\n  }\n\n  .hero h1 em {\n    font-style: italic;\n    color: var(--verde-clar);\n  }\n\n  .hero-sub {\n    margin-top: 2rem;\n    max-width: 600px;\n    font-size: 0.85rem;\n    color: rgba(255,255,255,0.5);\n    line-height: 1.8;\n    animation: fadeUp 0.8s 0.4s ease both;\n  }\n\n  .scroll-cta {\n    margin-top: 3rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    color: rgba(255,255,255,0.3);\n    font-size: 0.7rem;\n    letter-spacing: 0.2em;\n    animation: fadeUp 0.8s 0.6s ease both;\n  }\n\n  .scroll-arrow {\n    width: 30px;\n    height: 30px;\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    animation: bounce 2s infinite;\n  }\n\n  @keyframes bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(5px); }\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* SECCIONS *\/\n  section {\n    padding: 5rem 2rem;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .section-label {\n    font-size: 0.65rem;\n    letter-spacing: 0.3em;\n    color: var(--verde);\n    text-transform: uppercase;\n    margin-bottom: 1rem;\n  }\n\n  h2 {\n    font-family: 'Fraunces', serif;\n    font-size: clamp(2rem, 4vw, 3.5rem);\n    font-weight: 700;\n    line-height: 1.1;\n    margin-bottom: 2rem;\n  }\n\n  \/* QUE ES *\/\n  .que-es {\n    background: white;\n    border-radius: 24px;\n    padding: 4rem 3rem;\n    margin: 2rem;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .que-es::before {\n    content: '\"';\n    font-family: 'Fraunces', serif;\n    font-size: 20rem;\n    color: rgba(26,122,74,0.05);\n    position: absolute;\n    top: -4rem;\n    left: -1rem;\n    line-height: 1;\n    pointer-events: none;\n  }\n\n  .definicio {\n    font-family: 'Fraunces', serif;\n    font-size: clamp(1.2rem, 2.5vw, 1.8rem);\n    font-style: italic;\n    font-weight: 300;\n    color: var(--verde);\n    border-left: 4px solid var(--verde-clar);\n    padding-left: 2rem;\n    margin: 2rem 0;\n    line-height: 1.6;\n  }\n\n  \/* LES 9R *\/\n  .r-section {\n    background: var(--gris-fosc);\n    color: white;\n    padding: 5rem 2rem;\n    margin: 0 -2rem;\n  }\n\n  .r-section h2 { color: white; }\n  .r-section .section-label { color: var(--verde-clar); }\n\n  .r-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n    gap: 1rem;\n    margin-top: 3rem;\n  }\n\n  .r-card {\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 16px;\n    padding: 1.5rem;\n    transition: all 0.3s ease;\n    cursor: default;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .r-card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--verde);\n    opacity: 0;\n    transition: opacity 0.3s;\n    z-index: 0;\n    border-radius: 16px;\n  }\n\n  .r-card:hover::after { opacity: 0.15; }\n  .r-card:hover { border-color: var(--verde-clar); transform: translateY(-4px); }\n\n  .r-card > * { position: relative; z-index: 1; }\n\n  .r-num {\n    font-family: 'Fraunces', serif;\n    font-size: 2.5rem;\n    font-weight: 900;\n    color: var(--verde-clar);\n    line-height: 1;\n    margin-bottom: 0.5rem;\n  }\n\n  .r-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    margin-bottom: 0.3rem;\n    letter-spacing: 0.05em;\n  }\n\n  .r-desc {\n    font-size: 0.7rem;\n    color: rgba(255,255,255,0.5);\n    line-height: 1.5;\n  }\n\n  \/* IMPACTE INFORMATICA *\/\n  .impacte {\n    padding: 5rem 2rem;\n  }\n\n  .stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 1.5rem;\n    margin-top: 3rem;\n  }\n\n  .stat-card {\n    background: var(--gris-fosc);\n    color: white;\n    border-radius: 20px;\n    padding: 2.5rem 2rem;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .stat-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 4px;\n    background: var(--verde-clar);\n  }\n\n  .stat-card.terra::before { background: var(--terra); }\n  .stat-card.groc::before { background: var(--groc); }\n  .stat-card.blau::before { background: #5ba3f5; }\n\n  .stat-num {\n    font-family: 'Fraunces', serif;\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 0.5rem;\n  }\n\n  .stat-card.terra .stat-num { color: var(--terra); }\n  .stat-card.groc .stat-num { color: var(--groc); }\n  .stat-card.blau .stat-num { color: #5ba3f5; }\n  .stat-card:not(.terra):not(.groc):not(.blau) .stat-num { color: var(--verde-clar); }\n\n  .stat-label {\n    font-size: 0.75rem;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.6;\n  }\n\n  \/* CICLE VISUAL *\/\n  .cicle-section {\n    background: var(--verde);\n    color: white;\n    border-radius: 32px;\n    margin: 2rem;\n    padding: 4rem 3rem;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cicle-section::after {\n    content: '\u267b';\n    position: absolute;\n    right: 2rem;\n    bottom: -2rem;\n    font-size: 15rem;\n    opacity: 0.07;\n    line-height: 1;\n  }\n\n  .cicle-section h2 { color: white; }\n  .cicle-section .section-label { color: rgba(255,255,255,0.6); }\n\n  .cicle-steps {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0;\n    margin-top: 3rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .cicle-step {\n    flex: 1;\n    min-width: 140px;\n    text-align: center;\n    padding: 1.5rem 1rem;\n    position: relative;\n  }\n\n  .cicle-step:not(:last-child)::after {\n    content: '\u2192';\n    position: absolute;\n    right: -0.5rem;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 1.5rem;\n    opacity: 0.4;\n  }\n\n  .cicle-icon {\n    width: 70px;\n    height: 70px;\n    background: rgba(255,255,255,0.15);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 2rem;\n    margin: 0 auto 1rem;\n    transition: transform 0.3s;\n  }\n\n  .cicle-step:hover .cicle-icon { transform: scale(1.15) rotate(10deg); }\n\n  .cicle-step-name {\n    font-weight: 700;\n    font-size: 0.85rem;\n    margin-bottom: 0.3rem;\n    letter-spacing: 0.05em;\n  }\n\n  .cicle-step-desc {\n    font-size: 0.7rem;\n    opacity: 0.7;\n    line-height: 1.5;\n  }\n\n  \/* BONES PRACTIQUES *\/\n  .practiques {\n    padding: 5rem 2rem;\n  }\n\n  .prac-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1.5rem;\n    margin-top: 3rem;\n  }\n\n  .prac-card {\n    border: 2px solid var(--gris-fosc);\n    border-radius: 20px;\n    padding: 2rem;\n    transition: all 0.3s;\n    position: relative;\n  }\n\n  .prac-card:hover {\n    background: var(--gris-fosc);\n    color: white;\n  }\n\n  .prac-card:hover .prac-desc { color: rgba(255,255,255,0.6); }\n\n  .prac-icon { font-size: 2.5rem; margin-bottom: 1rem; }\n  .prac-title { font-weight: 700; margin-bottom: 0.5rem; font-size: 0.95rem; }\n  .prac-desc { font-size: 0.75rem; color: var(--gris-mig); line-height: 1.6; transition: color 0.3s; }\n\n  \/* REFLEXIO *\/\n  .reflexio {\n    background: var(--groc);\n    border-radius: 32px;\n    margin: 2rem;\n    padding: 4rem 3rem;\n  }\n\n  .reflexio h2 { color: var(--gris-fosc); }\n\n  .ref-list {\n    list-style: none;\n    margin-top: 2rem;\n  }\n\n  .ref-list li {\n    border-bottom: 1px solid rgba(0,0,0,0.1);\n    padding: 1.2rem 0;\n    font-size: 0.85rem;\n    display: flex;\n    align-items: flex-start;\n    gap: 1rem;\n    line-height: 1.6;\n  }\n\n  .ref-list li::before {\n    content: '\u2192';\n    font-family: 'Fraunces', serif;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n    margin-top: -2px;\n  }\n\n  \/* FONTS *\/\n  .fonts-section {\n    background: white;\n    border-radius: 24px;\n    margin: 2rem;\n    padding: 3rem;\n  }\n\n  .fonts-section h3 {\n    font-family: 'Fraunces', serif;\n    font-size: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n\n  .font-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  .font-list li {\n    font-size: 0.75rem;\n    color: var(--gris-mig);\n    padding: 0.5rem 0;\n    border-bottom: 1px solid #eee;\n    display: flex;\n    gap: 1rem;\n  }\n\n  .font-list li span:first-child {\n    color: var(--verde);\n    font-weight: 700;\n    min-width: 20px;\n  }\n\n  \/* FOOTER *\/\n  footer {\n    background: var(--gris-fosc);\n    color: rgba(255,255,255,0.3);\n    text-align: center;\n    padding: 3rem 2rem;\n    font-size: 0.7rem;\n    letter-spacing: 0.1em;\n  }\n\n  footer span { color: var(--verde-clar); }\n\n  \/* UTILITIES *\/\n  .divider {\n    height: 1px;\n    background: linear-gradient(to right, transparent, var(--gris-fosc), transparent);\n    opacity: 0.1;\n    margin: 2rem;\n  }\n\n  @media (max-width: 600px) {\n    .que-es, .cicle-section, .reflexio, .fonts-section { margin: 1rem; padding: 2.5rem 1.5rem; }\n    .r-section { margin: 0 -1rem; }\n    .cicle-step:not(:last-child)::after { display: none; }\n    section { padding: 3rem 1rem; }\n  }\n\n  \/* scroll animation *\/\n  .reveal {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n  .reveal.visible {\n    opacity: 1;\n    transform: none;\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<div class=\"hero\">\n  <div class=\"hero-bg-circle\"><\/div>\n  <div class=\"hero-bg-circle\"><\/div>\n  <div class=\"hero-bg-circle\"><\/div>\n  <div class=\"hero-tag\">SMX \u00b7 REPTE 1.4 \u00b7 SOSTENIBILITAT<\/div>\n  <h1>Economia<br><em>Circular<\/em><br>&amp; Tech<\/h1>\n  <p class=\"hero-sub\">\n    La inform\u00e0tica t\u00e9 un impacte ambiental enorme. Apr\u00e8n com el model d&#8217;economia circular pot transformar la manera com dissenyem, usem i descarteu dispositius tecnol\u00f2gics.\n  <\/p>\n  <div class=\"scroll-cta\">\n    DESCOBREIX M\u00c9S\n    <div class=\"scroll-arrow\">\u2193<\/div>\n  <\/div>\n<\/div>\n\n<!-- QUE ES ECONOMIA CIRCULAR -->\n<div class=\"que-es reveal\">\n  <div class=\"section-label\">01 \u2014 Definici\u00f3<\/div>\n  <h2>Qu\u00e8 \u00e9s l&#8217;Economia Circular?<\/h2>\n  <p class=\"definicio\">\n    &#8220;Un model econ\u00f2mic que elimina el concepte de residu: els materials circulen cont\u00ednuament dins del sistema, mantenint el seu valor el m\u00e0xim de temps possible.&#8221;\n  <\/p>\n  <p style=\"font-size:0.85rem; line-height:1.8; color: var(--gris-mig); max-width: 700px;\">\n    A difer\u00e8ncia de l&#8217;economia lineal tradicional (<strong>produir \u2192 usar \u2192 llen\u00e7ar<\/strong>), l&#8217;economia circular proposa un sistema tancat on els productes es dissenyen per ser reparats, reutilitzats, remanufacturats i finalment reciclats. Aplicat a la inform\u00e0tica, significa pensar en la vida \u00fatil completa d&#8217;un dispositiu: des del seu disseny fins al final de la seva vida.\n  <\/p>\n<\/div>\n\n<div class=\"divider\"><\/div>\n\n<!-- LES 9R -->\n<div class=\"r-section\">\n  <div style=\"max-width:1100px; margin: 0 auto; padding: 0 2rem;\">\n    <div class=\"section-label reveal\">02 \u2014 El Model<\/div>\n    <h2 class=\"reveal\">Les <em style=\"color:var(--verde-clar); font-family:'Fraunces',serif; font-style:italic;\">9R<\/em> de l&#8217;Economia Circular<\/h2>\n    <p style=\"font-size:0.8rem; color:rgba(255,255,255,0.5); max-width:600px; line-height:1.7;\" class=\"reveal\">\n      Ordenades de major a menor impacte ambiental. Les primeres &#8220;R&#8221; s\u00f3n les que m\u00e9s redueixen el consum de recursos.\n    <\/p>\n    <div class=\"r-grid\">\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R1<\/div>\n        <div class=\"r-name\">REFUSAR<\/div>\n        <div class=\"r-desc\">No comprar dispositius innecessaris. Preguntar: de veritat ho necessito?<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R2<\/div>\n        <div class=\"r-name\">REDUIR<\/div>\n        <div class=\"r-desc\">Usar menys recursos: menys impressions, menys dispositius encesos innecess\u00e0riament.<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R3<\/div>\n        <div class=\"r-name\">REUTILITZAR<\/div>\n        <div class=\"r-desc\">Donar un segon \u00fas a equips antics: regalar, vendre o cedir a escoles.<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R4<\/div>\n        <div class=\"r-name\">REPARAR<\/div>\n        <div class=\"r-desc\">Arreglar en comptes de llen\u00e7ar. Dret a reparar (Right to Repair).<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R5<\/div>\n        <div class=\"r-name\">RENOVAR<\/div>\n        <div class=\"r-desc\">Actualitzar components (RAM, SSD) per allargar la vida \u00fatil del dispositiu.<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R6<\/div>\n        <div class=\"r-name\">REMANUFACTURAR<\/div>\n        <div class=\"r-desc\">Restaurar equips usats a condicions de nou. Ex: PCs refurbished.<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R7<\/div>\n        <div class=\"r-name\">REPROP\u00d2SIT<\/div>\n        <div class=\"r-desc\">Usar el dispositiu per a una funci\u00f3 diferent. Un vell PC com a servidor.<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R8<\/div>\n        <div class=\"r-name\">RECICLAR<\/div>\n        <div class=\"r-desc\">Recuperar materials valuosos (or, coure, liti) dels components electr\u00f2nics.<\/div>\n      <\/div>\n\n      <div class=\"r-card reveal\">\n        <div class=\"r-num\">R9<\/div>\n        <div class=\"r-name\">RECUPERAR<\/div>\n        <div class=\"r-desc\">Darrer recurs: obtenir energia de materials que ja no es poden reciclar.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- STATS IMPACTE -->\n<div class=\"impacte\">\n  <div class=\"section-label reveal\">03 \u2014 L&#8217;impacte real<\/div>\n  <h2 class=\"reveal\">La inform\u00e0tica<br>i el medi ambient<\/h2>\n  <div class=\"stats-grid\">\n\n    <div class=\"stat-card reveal\">\n      <div class=\"stat-num\">50M<\/div>\n      <div class=\"stat-label\">tones de residus electr\u00f2nics (e-waste) es generen cada any al m\u00f3n. Menys del 20% es recicla correctament.<\/div>\n    <\/div>\n\n    <div class=\"stat-card terra reveal\">\n      <div class=\"stat-num\">70%<\/div>\n      <div class=\"stat-label\">dels metalls pesants als abocadors prov\u00e9 de residus electr\u00f2nics, contaminant el s\u00f2l i l&#8217;aigua.<\/div>\n    <\/div>\n\n    <div class=\"stat-card groc reveal\">\n      <div class=\"stat-num\">4%<\/div>\n      <div class=\"stat-label\">de les emissions globals de CO\u2082 prov\u00e9 del sector TIC. Equivalent a tota la ind\u00fastria de l&#8217;aviaci\u00f3.<\/div>\n    <\/div>\n\n    <div class=\"stat-card blau reveal\">\n      <div class=\"stat-num\">80%<\/div>\n      <div class=\"stat-label\">de l&#8217;impacte ambiental d&#8217;un dispositiu es defineix en la fase de disseny. El disseny sostenible \u00e9s clau.<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- CICLE DE VIDA -->\n<div class=\"cicle-section reveal\">\n  <div class=\"section-label\">04 \u2014 Cicle de vida<\/div>\n  <h2>El cicle de vida<br>d&#8217;un dispositiu<\/h2>\n  <div class=\"cicle-steps\">\n\n    <div class=\"cicle-step\">\n      <div class=\"cicle-icon\">\u26cf\ufe0f<\/div>\n      <div class=\"cicle-step-name\">EXTRACCI\u00d3<\/div>\n      <div class=\"cicle-step-desc\">Minerals: liti, cobalt, or, coure<\/div>\n    <\/div>\n\n    <div class=\"cicle-step\">\n      <div class=\"cicle-icon\">\ud83c\udfed<\/div>\n      <div class=\"cicle-step-name\">FABRICACI\u00d3<\/div>\n      <div class=\"cicle-step-desc\">Producci\u00f3 industrial intensiva en energia<\/div>\n    <\/div>\n\n    <div class=\"cicle-step\">\n      <div class=\"cicle-icon\">\ud83d\udea2<\/div>\n      <div class=\"cicle-step-name\">DISTRIBUCI\u00d3<\/div>\n      <div class=\"cicle-step-desc\">Transport global, petjada de carboni<\/div>\n    <\/div>\n\n    <div class=\"cicle-step\">\n      <div class=\"cicle-icon\">\ud83d\udcbb<\/div>\n      <div class=\"cicle-step-name\">\u00daS<\/div>\n      <div class=\"cicle-step-desc\">Consum el\u00e8ctric diari, actualitzacions<\/div>\n    <\/div>\n\n    <div class=\"cicle-step\">\n      <div class=\"cicle-icon\">\u267b\ufe0f<\/div>\n      <div class=\"cicle-step-name\">FINAL DE VIDA<\/div>\n      <div class=\"cicle-step-desc\">Reciclar \u2192 tornar al principi del cicle<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- BONES PRACTIQUES -->\n<div class=\"practiques\">\n  <div class=\"section-label reveal\">05 \u2014 Acci\u00f3<\/div>\n  <h2 class=\"reveal\">Bones pr\u00e0ctiques<br>per a t\u00e8cnics inform\u00e0tics<\/h2>\n  <div class=\"prac-grid\">\n\n    <div class=\"prac-card reveal\">\n      <div class=\"prac-icon\">\ud83d\udd27<\/div>\n      <div class=\"prac-title\">Repara abans de substituir<\/div>\n      <div class=\"prac-desc\">Diagnostica el problema. Sovint canviar una pasta t\u00e8rmica o un connector soluciona el problema i estalvia un equip sencer.<\/div>\n    <\/div>\n\n    <div class=\"prac-card reveal\">\n      <div class=\"prac-icon\">\ud83d\udda5\ufe0f<\/div>\n      <div class=\"prac-title\">Ext\u00e9n la vida dels equips<\/div>\n      <div class=\"prac-desc\">Actualitza RAM i SSD en comptes de comprar un equip nou. Un PC de 7 anys amb un SSD nou pot ser perfectament funcional.<\/div>\n    <\/div>\n\n    <div class=\"prac-card reveal\">\n      <div class=\"prac-icon\">\ud83d\udce6<\/div>\n      <div class=\"prac-title\">Gesti\u00f3 correcta del e-waste<\/div>\n      <div class=\"prac-desc\">Porta els residus electr\u00f2nics a punts RAEE homologats. Mai llencis bateries o pantalles a la brossa general.<\/div>\n    <\/div>\n\n    <div class=\"prac-card reveal\">\n      <div class=\"prac-icon\">\u2601\ufe0f<\/div>\n      <div class=\"prac-title\">Optimitza el consum energ\u00e8tic<\/div>\n      <div class=\"prac-desc\">Configura modes d&#8217;estalvi d&#8217;energia, apaga equips quan no s&#8217;usen i tria servidors amb energia renovable.<\/div>\n    <\/div>\n\n    <div class=\"prac-card reveal\">\n      <div class=\"prac-icon\">\ud83d\uded2<\/div>\n      <div class=\"prac-title\">Compra responsable<\/div>\n      <div class=\"prac-desc\">Busca segells com Energy Star, EPEAT o TCO Certified. Considera equips refurbished de qualitat certificada.<\/div>\n    <\/div>\n\n    <div class=\"prac-card reveal\">\n      <div class=\"prac-icon\">\ud83d\udccb<\/div>\n      <div class=\"prac-title\">Dret a la reparaci\u00f3<\/div>\n      <div class=\"prac-desc\">Suporta el moviment Right to Repair. Els fabricants han de proporcionar peces i manuals de reparaci\u00f3.<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- REFLEXIO -->\n<div class=\"reflexio reveal\">\n  <div class=\"section-label\">06 \u2014 Reflexi\u00f3<\/div>\n  <h2>Qu\u00e8 he apr\u00e8s?<\/h2>\n  <ul class=\"ref-list\">\n    <li>La inform\u00e0tica no \u00e9s un sector &#8220;net&#8221;: des de la fabricaci\u00f3 fins al reciclatge, t\u00e9 un impacte ambiental significatiu que com a t\u00e8cnics hem de con\u00e8ixer i minimitzar.<\/li>\n    <li>L&#8217;economia circular no \u00e9s una opci\u00f3 de futur, sin\u00f3 una necessitat present. Els recursos minerals del planeta s\u00f3n finits i la demanda de tecnologia creix exponencialment.<\/li>\n    <li>Les 9R ens donen un marc pr\u00e0ctic i graduat: les primeres (refusar, reduir) impacten molt m\u00e9s que les \u00faltimes (reciclar). La millor acci\u00f3 \u00e9s la que evita el residu des del principi.<\/li>\n    <li>Com a t\u00e8cnics inform\u00e0tics, tenim un rol clau: podem allargar la vida dels equips, assessorar clients sobre compra responsable i gestionar correctament els residus electr\u00f2nics.<\/li>\n  <\/ul>\n<\/div>\n\n<div class=\"divider\"><\/div>\n\n<!-- FONTS -->\n<div class=\"fonts-section reveal\">\n  <h3>Fonts i refer\u00e8ncies<\/h3>\n  <ul class=\"font-list\">\n    <li><span>[1]<\/span> Ellen MacArthur Foundation \u2014 <em>Towards a Circular Economy<\/em> (2013). ellenmacarthurfoundation.org<\/li>\n    <li><span>[2]<\/span> Global E-waste Monitor 2020 \u2014 United Nations University \/ ITU \/ ISWA.<\/li>\n    <li><span>[3]<\/span> Ag\u00e8ncia Europea de Medi Ambient (AEMA) \u2014 Informe sobre residus electr\u00f2nics a Europa.<\/li>\n    <li><span>[4]<\/span> Greenpeace \u2014 <em>Guide to Greener Electronics<\/em> (edici\u00f3 2023).<\/li>\n    <li><span>[5]<\/span> European Commission \u2014 <em>Circular Economy Action Plan<\/em> (2020). ec.europa.eu<\/li>\n    <li><span>[6]<\/span> Right to Repair Europe \u2014 repair.eu<\/li>\n    <li><span>[7]<\/span> EPEAT \u2014 Global Registry for Sustainable Electronics. epeat.net<\/li>\n  <\/ul>\n<\/div>\n\n<footer>\n  <p>Material creat per a <span>SMX \u00b7 REPTE 1.4<\/span> \u00b7 Sostenibilitat i Economia Circular<\/p>\n  <p style=\"margin-top:0.5rem;\">Dissenyat amb HTML \/ CSS \u00b7 Eines: VS Code \u00b7 Fonts: Google Fonts (Fraunces + Space Mono)<\/p>\n<\/footer>\n\n<script>\n  \/\/ Scroll reveal\n  const reveals = document.querySelectorAll('.reveal');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.1 });\n  reveals.forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sostenibilitat i Economia Circular \u2014 SMX SMX \u00b7 REPTE 1.4 \u00b7 SOSTENIBILITAT EconomiaCircular&amp; Tech La inform\u00e0tica t\u00e9 un impacte ambiental enorme. Apr\u00e8n com el model d&#8217;economia circular pot transformar la manera com dissenyem, usem i descarteu dispositius tecnol\u00f2gics. DESCOBREIX M\u00c9S \u2193 01 \u2014 Definici\u00f3 Qu\u00e8 \u00e9s l&#8217;Economia Circular? &#8220;Un model econ\u00f2mic que elimina el concepte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2186,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"_dseop_meta":"","_dseop_selected_keywords":"","footnotes":""},"class_list":["post-2194","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Crear materials visuals sobre sostenibilitat i economia circular - Adrian Jaimes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crear materials visuals sobre sostenibilitat i economia circular - Adrian Jaimes\" \/>\n<meta property=\"og:description\" content=\"Sostenibilitat i Economia Circular \u2014 SMX SMX \u00b7 REPTE 1.4 \u00b7 SOSTENIBILITAT EconomiaCircular&amp; Tech La inform\u00e0tica t\u00e9 un impacte ambiental enorme. Apr\u00e8n com el model d&#8217;economia circular pot transformar la manera com dissenyem, usem i descarteu dispositius tecnol\u00f2gics. DESCOBREIX M\u00c9S \u2193 01 \u2014 Definici\u00f3 Qu\u00e8 \u00e9s l&#8217;Economia Circular? &#8220;Un model econ\u00f2mic que elimina el concepte [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194\" \/>\n<meta property=\"og:site_name\" content=\"Adrian Jaimes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T08:46:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2194\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2194\",\"name\":\"Crear materials visuals sobre sostenibilitat i economia circular - Adrian Jaimes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#website\"},\"datePublished\":\"2026-02-09T12:38:42+00:00\",\"dateModified\":\"2026-04-21T08:46:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2194#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2194\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2194#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"1r SMX\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=1084\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Repte 1.4\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=1496\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"8\ufe0f\u20e3 &#8211; \ud83d\udca1- Hackat\u00f3 EcoTech\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2186\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Crear materials visuals sobre sostenibilitat i economia circular\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#website\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/\",\"name\":\"Adrian Jaimes\",\"description\":\"S\u00f3c estudiant d&#039;inform\u00e0tica i aqu\u00ed podr\u00e0s veure el meu cam\u00ed acad\u00e8mic, els projectes que he realitzat i els coneixements que he adquirit durant la meva formaci\u00f3. Aquesta p\u00e0gina \u00e9s un reflex de la meva passi\u00f3 per la tecnologia i el meu comprom\u00eds per seguir aprenent i millorant cada dia.  Explora els meus treballs i seguiment acad\u00e8mic!\",\"publisher\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#organization\",\"name\":\"Adrian Jaimes\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-cropped-cropped-width_550_009.webp\",\"contentUrl\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-cropped-cropped-width_550_009.webp\",\"width\":512,\"height\":512,\"caption\":\"Adrian Jaimes\"},\"image\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crear materials visuals sobre sostenibilitat i economia circular - Adrian Jaimes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194","og_locale":"ca_ES","og_type":"article","og_title":"Crear materials visuals sobre sostenibilitat i economia circular - Adrian Jaimes","og_description":"Sostenibilitat i Economia Circular \u2014 SMX SMX \u00b7 REPTE 1.4 \u00b7 SOSTENIBILITAT EconomiaCircular&amp; Tech La inform\u00e0tica t\u00e9 un impacte ambiental enorme. Apr\u00e8n com el model d&#8217;economia circular pot transformar la manera com dissenyem, usem i descarteu dispositius tecnol\u00f2gics. DESCOBREIX M\u00c9S \u2193 01 \u2014 Definici\u00f3 Qu\u00e8 \u00e9s l&#8217;Economia Circular? &#8220;Un model econ\u00f2mic que elimina el concepte [&hellip;]","og_url":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194","og_site_name":"Adrian Jaimes","article_modified_time":"2026-04-21T08:46:09+00:00","twitter_card":"summary_large_image","twitter_misc":{"Temps estimat de lectura":"5 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194","url":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194","name":"Crear materials visuals sobre sostenibilitat i economia circular - Adrian Jaimes","isPartOf":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/#website"},"datePublished":"2026-02-09T12:38:42+00:00","dateModified":"2026-04-21T08:46:09+00:00","breadcrumb":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2194#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/ajaimes.inscastellbisbal.net\/"},{"@type":"ListItem","position":2,"name":"1r SMX","item":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=1084"},{"@type":"ListItem","position":3,"name":"Repte 1.4","item":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=1496"},{"@type":"ListItem","position":4,"name":"8\ufe0f\u20e3 &#8211; \ud83d\udca1- Hackat\u00f3 EcoTech","item":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2186"},{"@type":"ListItem","position":5,"name":"Crear materials visuals sobre sostenibilitat i economia circular"}]},{"@type":"WebSite","@id":"https:\/\/ajaimes.inscastellbisbal.net\/#website","url":"https:\/\/ajaimes.inscastellbisbal.net\/","name":"Adrian Jaimes","description":"S\u00f3c estudiant d&#039;inform\u00e0tica i aqu\u00ed podr\u00e0s veure el meu cam\u00ed acad\u00e8mic, els projectes que he realitzat i els coneixements que he adquirit durant la meva formaci\u00f3. Aquesta p\u00e0gina \u00e9s un reflex de la meva passi\u00f3 per la tecnologia i el meu comprom\u00eds per seguir aprenent i millorant cada dia.  Explora els meus treballs i seguiment acad\u00e8mic!","publisher":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ajaimes.inscastellbisbal.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/ajaimes.inscastellbisbal.net\/#organization","name":"Adrian Jaimes","url":"https:\/\/ajaimes.inscastellbisbal.net\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/ajaimes.inscastellbisbal.net\/#\/schema\/logo\/image\/","url":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2025\/12\/cropped-cropped-cropped-width_550_009.webp","contentUrl":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2025\/12\/cropped-cropped-cropped-width_550_009.webp","width":512,"height":512,"caption":"Adrian Jaimes"},"image":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2194"}],"version-history":[{"count":5,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2194\/revisions"}],"predecessor-version":[{"id":2752,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2194\/revisions\/2752"}],"up":[{"embeddable":true,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2186"}],"wp:attachment":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}