/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1789493778
Updated: 2026-09-15 19:36:18

*/

/* ================================================================
   Icones animades "Com funciona" (home)
   ================================================================ */
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes scan{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(2.5px,-2px) rotate(-6deg)}60%{transform:translate(2px,2px) rotate(4deg)}}
@keyframes typ{0%,60%,100%{transform:scale(.7);opacity:.45}30%{transform:scale(1.15);opacity:1}}
.ic-person{animation:bob 2.4s ease-in-out infinite}
.ic-lupa .glass{animation:scan 3s ease-in-out infinite;transform-origin:22px 22px;transform-box:fill-box}
.ic-chat .d{transform-box:fill-box;transform-origin:center}
.ic-chat .d1{animation:typ 1.5s infinite}
.ic-chat .d2{animation:typ 1.5s .2s infinite}
.ic-chat .d3{animation:typ 1.5s .4s infinite}
@media (prefers-reduced-motion:reduce){.ic-person,.ic-lupa .glass,.ic-chat .d{animation:none!important}}

/* ================================================================
   .pae-top · Botó "Torna a dalt"
   ================================================================ */
.pae-top{
  position:fixed; right:20px; bottom:20px; z-index:9990;
  width:48px; height:48px; border:0; padding:0; border-radius:50%;
  background:#EE5246; color:#FFFFFF; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .25s, transform .25s, background .2s, visibility 0s .25s;
}
.pae-top.is-visible{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
.pae-top:hover, .pae-top:focus-visible{ background:#1C1C1C; }
.pae-top:focus-visible{ outline:3px solid #EFB666; outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ .pae-top{ transition:none; transform:none; } }
@media print{ .pae-top{ display:none; } }

/* =====================================================================
   .pae-um — Formularis d'Ultimate Member · Patas Arriba Educa
   Va al style.css del tema fill. S'activa posant la classe "pae-um"
   al contenidor d'Elementor que conté el shortcode d'UM.
   Cobreix: registre, accedir, restableix contrasenya i el meu compte.
   ===================================================================== */
.pae-um{
  --pae-negre:#1C1C1C; --pae-blanc:#FFFFFF; --pae-coral:#EE5246; --pae-coral-d:#d8412f;
  --pae-ocre:#EFB666; --pae-ocre-clar:#FDF6E7; --pae-turq:#A1D6D4; --pae-turq-d:#6fb7b4;
  --pae-gris:#6f6a63;
  --f-titular:"Donut Power","Impact",sans-serif;
  --f-etiqueta:"Impact","Impact Extravagant",sans-serif;
  --f-cos:"Instrument Regular",Georgia,serif;
  font-family:var(--f-cos);color:var(--pae-negre);
}

/* --- Caixa del formulari (ocre) --- */
.pae-um .um{
  max-width:520px !important;margin:0 auto !important;
  background:var(--pae-ocre);border-radius:24px;
  padding:clamp(24px,3.2vw,40px);box-sizing:border-box;
  opacity:1 !important;font-family:var(--f-cos);
}
.pae-um .um *{box-sizing:border-box}
.pae-um .um .um-form{margin:0}
.pae-um .um .um-row{margin:0 !important;padding:0}
.pae-um .um .um-col-1,.pae-um .um .um-col-121,.pae-um .um .um-col-122{width:100%;float:none}

/* --- Camp --- */
.pae-um .um .um-field{padding:0;margin:0 0 17px}
.pae-um .um .um-field-label{margin:0 0 6px 3px;padding:0}
.pae-um .um .um-field-label label{
  font-family:var(--f-etiqueta);text-transform:uppercase;letter-spacing:.08em;
  font-size:13px;font-weight:400;color:var(--pae-negre);margin:0;line-height:1.2;
}
.pae-um .um .um-req{color:var(--pae-coral) !important;margin-left:2px}
.pae-um .um .um-field-area{position:relative}

.pae-um .um input.um-form-field,
.pae-um .um textarea.um-form-field{
  width:100%;font-family:var(--f-cos);font-size:18px;color:var(--pae-negre) !important;
  background:var(--pae-blanc) !important;border:2px solid var(--pae-blanc) !important;
  border-radius:14px !important;padding:12px 16px !important;height:auto;line-height:1.35;
  box-shadow:none !important;outline:none;transition:border-color .15s;
}
.pae-um .um input.um-form-field::placeholder{color:#9a938a;opacity:1}
.pae-um .um input.um-form-field:focus,
.pae-um .um textarea.um-form-field:focus{border-color:var(--pae-negre) !important}
.pae-um .um .um-field-area .um-field-description,
.pae-um .um .um-field-area + .um-field-description,
.pae-um .um .um-field-description{
  font-size:15px;color:rgba(28,28,28,.72);margin:6px 0 0 3px;line-height:1.35;font-style:normal;
}

/* --- Error de camp --- */
.pae-um .um .um-field-error{
  background:transparent !important;color:var(--pae-coral-d) !important;
  font-family:var(--f-cos);font-size:15px;font-weight:700;
  padding:0;margin:6px 0 0 3px;line-height:1.35;
}
.pae-um .um .um-field-error .um-field-arrow{display:none}
.pae-um .um .um-field-error + input,
.pae-um .um .um-field-area:has(.um-field-error) input.um-form-field{border-color:var(--pae-coral) !important}

/* --- Avisos (login incorrecte, èxit, etc.) --- */
.pae-um .um .um-notice{
  background:var(--pae-blanc) !important;color:var(--pae-negre) !important;
  border-radius:14px;border-left:6px solid var(--pae-turq-d);
  padding:13px 16px;margin:0 0 18px;font-size:16.5px;line-height:1.35;
}
.pae-um .um .um-notice.err{border-left-color:var(--pae-coral)}
.pae-um .um .um-notice a{color:var(--pae-negre);text-decoration:underline}
.pae-um .um .um-notice .um-notice-close,
.pae-um .um .um-notice i{display:none}

/* --- Caselles (consentiment legal, recorda'm) --- */
.pae-um .um label.um-field-checkbox,
.pae-um .um label.um-field-radio{
  display:flex;align-items:flex-start;gap:10px;width:100% !important;float:none !important;margin:0 0 8px;
  font-family:var(--f-cos);font-size:16.5px;line-height:1.35;color:var(--pae-negre);cursor:pointer;
}
.pae-um .um .um-field-checkbox-state,
.pae-um .um .um-field-radio-state{
  flex:none;width:22px;height:22px;margin-top:1px;background:var(--pae-blanc);
  border:2px solid var(--pae-negre);border-radius:7px;position:relative;
}
.pae-um .um .um-field-radio-state{border-radius:50%}
.pae-um .um .um-field-checkbox-state i,
.pae-um .um .um-field-radio-state i{display:none}
.pae-um .um label.um-field-checkbox.active .um-field-checkbox-state,
.pae-um .um label.um-field-radio.active .um-field-radio-state{background:var(--pae-negre)}
.pae-um .um label.um-field-checkbox.active .um-field-checkbox-state::after{
  content:"";position:absolute;left:5px;top:3px;width:9px;height:5px;
  border:3px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);
}
.pae-um .um label.um-field-radio.active .um-field-radio-state::after{
  content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff;
}
.pae-um .um .um-field-checkbox-option,
.pae-um .um .um-field-radio-option{font-weight:400;color:var(--pae-negre) !important;margin:0 !important;line-height:1.35;display:inline}
.pae-um .um .um-field-checkbox-state,
.pae-um .um .um-field-radio-state{position:relative !important;top:auto;left:auto}
/* "Recorda'm" del login */
.pae-um .um .um-col-alt .um-field-c{margin:0 0 14px;padding:0}
/* Usuari ja identificat: UM limita la caixa a 300px */
.pae-um .um.um-login.um-logout{max-width:520px !important}
/* Autoemplenat de Chrome: mantenir el camp blanc */
.pae-um .um input.um-form-field:-webkit-autofill,
.pae-um .um input.um-form-field:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:var(--pae-negre) !important;
}

/* Consentiment legal (Privacy Policy d'UM: .um-field-type_terms_conditions) */
.pae-um .um .um-field-type_terms_conditions{margin-top:4px}
.pae-um .um a.um-toggle-gdpr{
  display:inline-block;margin:0 0 10px 3px;font-family:var(--f-cos);font-size:15px;
  color:var(--pae-negre) !important;text-decoration:underline;text-underline-offset:3px;
}
.pae-um .um .um-gdpr-content{
  background:var(--pae-blanc);border-radius:14px;padding:14px 16px;margin:0 0 10px;
  max-height:240px;overflow:auto;font-size:15px;line-height:1.45;color:var(--pae-negre);
}
.pae-um .um .um-gdpr-content h2{font-family:var(--f-etiqueta);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:400;margin:14px 0 4px;line-height:1.2}
.pae-um .um .um-gdpr-content h2:first-child{margin-top:0}
.pae-um .um .um-gdpr-content p,.pae-um .um .um-gdpr-content ul{margin:0 0 8px}
.pae-um .um .um-gdpr-content ul{padding-left:18px}

/* Ajuda de camp (UM la mostra com a icona "?" amb tooltip) */
.pae-um .um .um-tip{color:rgba(28,28,28,.55);margin-left:6px;font-size:14px;vertical-align:middle}
.pae-um .um .um-tip:hover{color:var(--pae-negre)}

/* Mostra/amaga contrasenya (ull) */
.pae-um .um .um-field-area-password{position:relative}
.pae-um .um .um-field-area-password input.um-form-field{padding-right:48px !important}
.pae-um .um .um-toggle-password{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  color:var(--pae-gris);font-size:20px;line-height:1;cursor:pointer;
}
.pae-um .um .um-toggle-password:hover{color:var(--pae-negre)}

/* --- Xips: Perfil professional (radio) i Cicles (checkbox) --- */
.pae-um .um .um-field-perfil .um-field-area,
.pae-um .um .um-field-cicle .um-field-area{display:flex;flex-wrap:wrap;gap:7px}
.pae-um .um .um-field-perfil label.um-field-radio,
.pae-um .um .um-field-cicle label.um-field-checkbox{
  width:auto !important;float:none !important;margin:0;gap:0;
  font-family:var(--f-etiqueta);text-transform:uppercase;letter-spacing:.04em;font-size:13.5px;
  padding:8px 15px;border-radius:999px;border:2px solid var(--pae-negre);background:var(--pae-blanc);
  transition:.15s;user-select:none;
}
.pae-um .um .um-field-perfil .um-field-radio-state,
.pae-um .um .um-field-cicle .um-field-checkbox-state{display:none}
.pae-um .um .um-field-perfil label.um-field-radio.active,
.pae-um .um .um-field-cicle label.um-field-checkbox.active{background:var(--pae-negre);color:#fff}
.pae-um .um .um-field-perfil label.um-field-radio.active .um-field-radio-option,
.pae-um .um .um-field-cicle label.um-field-checkbox.active .um-field-checkbox-option{color:#fff}
.pae-um .um .um-field-perfil .um-field-description,
.pae-um .um .um-field-cicle .um-field-description{width:100%}

/* --- Desplegables (si en queda algun; UM usa Select2) --- */
.pae-um .um .select2-container .select2-selection--single{
  height:auto;background:var(--pae-blanc);border:2px solid var(--pae-blanc) !important;border-radius:14px;
}
.pae-um .um .select2-container .select2-selection--single .select2-selection__rendered{
  font-family:var(--f-cos);font-size:18px;color:var(--pae-negre);padding:12px 44px 12px 16px;line-height:1.35;
}
.pae-um .um .select2-container .select2-selection--single .select2-selection__arrow{height:100%;right:12px}
.pae-um .um .select2-container--open .select2-selection--single{border-color:var(--pae-negre) !important}

/* --- Botó principal (turquesa, text negre) --- */
.pae-um .um .um-col-alt{margin:6px 0 0;padding:0}
.pae-um .um .um-col-alt .um-left,.pae-um .um .um-col-alt .um-right,.pae-um .um .um-col-alt .um-center{width:100%;float:none;text-align:center}
.pae-um .um .um-button,
.pae-um .um input[type=submit].um-button,
.pae-um .um a.um-button{
  display:block;width:100%;height:auto;
  font-family:var(--f-etiqueta);text-transform:uppercase;letter-spacing:.05em;font-size:17px;font-weight:400;
  background:var(--pae-turq) !important;color:var(--pae-negre) !important;
  border:0 !important;border-radius:999px !important;padding:14px 24px !important;line-height:1.2;
  cursor:pointer;transition:background .18s;box-shadow:none !important;text-shadow:none;
}
.pae-um .um .um-button:hover,.pae-um .um input[type=submit].um-button:hover{background:var(--pae-turq-d) !important}
.pae-um .um .um-button.um-alt{background:transparent !important;border:2px solid var(--pae-negre) !important;margin-top:8px}
.pae-um .um .um-button.um-alt:hover{background:var(--pae-negre) !important;color:#fff !important}
/* Botó destructiu (Elimina el compte) */
.pae-um .um .um-account-tab-delete .um-button{background:var(--pae-coral) !important;color:#fff !important}
.pae-um .um .um-account-tab-delete .um-button:hover{background:var(--pae-coral-d) !important}

/* --- Enllaços secundaris sota el formulari (login) --- */
.pae-um .um .um-col-alt-b,.pae-um .um .um-col-alt-c{text-align:center;margin-top:16px;padding:0}
.pae-um .um .um-col-alt-b a,.pae-um .um .um-col-alt-c a,
.pae-um .um .um-link-alt,.pae-um .um .um-field-block a{
  font-family:var(--f-cos);font-size:17px;color:var(--pae-negre) !important;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;
}
.pae-um .um .um-col-alt-b a:hover,.pae-um .um .um-field-block a:hover{color:var(--pae-coral-d) !important}
.pae-um .um .um-field-block{font-size:16.5px;line-height:1.45;color:var(--pae-negre)}

/* --- Pantalles de missatge (revisa el correu, compte activat, restabliment enviat) --- */
.pae-um .um.um-checkmail .um-field-block,
.pae-um .um .um-postmessage,
.pae-um .um .um-field-type_block{text-align:center;font-size:17.5px;line-height:1.45}

/* --- Usuari ja identificat (bloc "El meu compte / Tanca la sessió") --- */
.pae-um .um .um-misc-with-img{text-align:center}
.pae-um .um .um-misc-img img{border-radius:50%}
.pae-um .um .um-misc-ul{list-style:none;margin:10px 0 0;padding:0;text-align:center}
.pae-um .um .um-misc-ul li{display:inline-block;margin:0 10px}
.pae-um .um .um-misc-ul a{color:var(--pae-negre);text-decoration:underline;font-size:17px}

/* --- Restableix contrasenya i compte --- */
.pae-um .um.um-password .um-field-block{text-align:center;font-size:17px;line-height:1.45;margin-bottom:6px}
.pae-um .um .um-account-profile-link,.pae-um .um .um-account-meta a.um-link{display:none}

.pae-um .um .um-center .um-button{width:100%}

/* --- El meu compte (/account/): contenidor amb classes "pae-um pae-um--wide" --- */
.pae-um--wide .um.um-account{max-width:960px !important;background:transparent;padding:0;border-radius:0}
.pae-um--wide .um-account .um-form > form{display:grid;grid-template-columns:250px 1fr;gap:clamp(16px,2.5vw,32px);align-items:start}
.pae-um--wide .um-account .um-account-side{
  width:auto !important;float:none !important;position:sticky;top:90px;
  background:var(--pae-ocre-clar);border-radius:22px;padding:14px;margin:0;
}
.pae-um--wide .um-account .um-account-main{width:auto !important;float:none !important;padding:0 !important}
.pae-um--wide .um-account .um-account-meta{padding:6px 8px 14px;border-bottom:1px solid rgba(28,28,28,.12);margin-bottom:8px;text-align:left}
.pae-um--wide .um-account .um-account-meta-img{display:inline-block;vertical-align:middle;margin-right:10px}
.pae-um--wide .um-account .um-account-meta-img img{width:44px;height:44px;border-radius:50%}
.pae-um--wide .um-account .um-account-name{display:inline-block;vertical-align:middle;font-family:var(--f-titular);font-size:18px;font-weight:700;line-height:1.1}
.pae-um--wide .um-account .um-account-name a{color:var(--pae-negre);text-decoration:none}
.pae-um--wide .um-account .um-account-side ul{list-style:none;margin:0;padding:0}
.pae-um--wide .um-account .um-account-side li{margin:0;padding:0}
.pae-um--wide .um-account a.um-account-link{
  display:flex;align-items:center;gap:10px;font-family:var(--f-etiqueta);text-transform:uppercase;
  letter-spacing:.06em;font-size:14px;color:var(--pae-negre) !important;padding:10px 14px;border-radius:999px;
  background:transparent !important;border:0 !important;transition:.15s;margin:0 0 2px;
}
.pae-um--wide .um-account a.um-account-link:hover{background:#fff !important}
.pae-um--wide .um-account a.um-account-link.current{background:var(--pae-ocre) !important;color:var(--pae-negre) !important}
.pae-um--wide .um-account .um-account-icon{width:auto;font-size:18px;line-height:1;color:var(--pae-negre)}
.pae-um--wide .um-account .um-account-icontip{display:none}
.pae-um--wide .um-account .um-account-tab{background:var(--pae-ocre);border-radius:24px;padding:clamp(22px,3vw,36px)}
.pae-um--wide .um-account .um-account-heading{
  font-family:var(--f-titular);font-size:28px;font-weight:700;line-height:1.1;color:var(--pae-negre);
  margin:0 0 16px;padding:0;border:0;text-align:left;
}
.pae-um--wide .um-account .um-account-heading i{display:none}
.pae-um--wide .um-account .um-field-area-response,.pae-um--wide .um-account .um-account-delete-text{font-size:16.5px;line-height:1.45;margin-bottom:14px}
.pae-um--wide .um-account .um-col-alt{text-align:left}
.pae-um--wide .um-account .um-col-alt .um-left,.pae-um--wide .um-account .um-col-alt .um-center{text-align:left}
.pae-um--wide .um-account .um-button{display:inline-block;width:auto;padding:13px 32px !important}
.pae-um--wide .um-account .um-account-nav{display:none !important}
.pae-um--wide .um-account .um-account-side{display:block !important}
.pae-um--wide .um-account .um-account-title{display:inline !important}
@media (max-width:860px){
  .pae-um--wide .um-account .um-form > form{grid-template-columns:1fr}
  .pae-um--wide .um-account .um-account-side{position:static;display:block}
  .pae-um--wide .um-account .um-account-side ul{display:flex;flex-wrap:wrap;gap:4px}
  .pae-um--wide .um-account .um-account-side.uimob340-hide{display:block !important}
}

/* Menú lateral del compte: sense icona en caixa ni fletxa, títol en una línia */
.pae-um--wide .um-account .um-account-icontip,.pae-um--wide .um-account .um-account-arrow{display:none !important}
.pae-um--wide .um-account .um-account-side li a{height:auto !important;line-height:1.2 !important}
.pae-um--wide .um-account .um-account-icon{
  float:none !important;border:0 !important;background:transparent !important;width:auto !important;height:auto !important;
  line-height:1 !important;margin:0 !important;padding:0 !important;font-size:16px;
}
.pae-um--wide .um-account .um-account-title{float:none !important;padding:0 !important;margin:0 !important;line-height:1.2;white-space:nowrap}
.pae-um--wide .um-account a.um-account-link{font-size:13px;letter-spacing:.05em;padding:10px 12px}

/* --- Alineació: botó a tot l'ample, ull centrat, caselles sense sagnat --- */
.pae-um .um .um-center .um-button{display:block !important;width:100% !important;min-width:0 !important}
.pae-um .um .um-toggle-password{
  height:auto !important;width:auto !important;top:50% !important;right:14px !important;
  transform:translateY(-50%) !important;display:flex !important;align-items:center;padding:0;
}
.pae-um .um .um-toggle-password i{line-height:1;font-size:20px}
.pae-um .um label.um-field-checkbox > input,
.pae-um .um label.um-field-radio > input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}

/* --- Responsive --- */
@media (max-width:600px){
  .pae-um .um{padding:22px 18px;border-radius:20px}
  .pae-um .um input.um-form-field{font-size:17px}
}

/* --- Botons amb Roboto (igual que els botons del header) --- */
.pae-um{--f-boto:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif}
.pae-um .um .um-button,
.pae-um .um input[type=submit].um-button,
.pae-um .um a.um-button{font-family:var(--f-boto) !important;font-weight:800;font-size:14px;letter-spacing:.03em}
.pae-estat__btn{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-weight:800;font-size:14px;letter-spacing:.03em}

/* --- Usuari ja identificat (login/register amb sessió): enllaços com a botons Roboto --- */
.pae-um .um .um-misc-with-img .um-misc-img img{width:72px;height:72px;border-radius:50%}
.pae-um .um .um-misc-with-img > div:not(.um-misc-img){font-family:var(--f-titular);font-size:20px;margin-top:8px}
.pae-um .um .um-misc-ul{display:flex;flex-direction:column;gap:10px;margin:18px 0 0}
.pae-um .um .um-misc-ul li{display:block;margin:0}
.pae-um .um .um-misc-ul a{
  display:block;width:100%;padding:13px 24px;border-radius:999px;text-align:center;text-decoration:none !important;
  font-family:var(--f-boto) !important;font-weight:800;font-size:14px;letter-spacing:.03em;text-transform:uppercase;
  background:var(--pae-turq);color:var(--pae-negre) !important;transition:background .18s,color .18s;
}
.pae-um .um .um-misc-ul a:hover{background:var(--pae-turq-d);color:var(--pae-negre) !important}
.pae-um .um .um-misc-ul li:last-child a{background:var(--pae-negre);color:#fff !important}
.pae-um .um .um-misc-ul li:last-child a:hover{background:var(--pae-turq);color:var(--pae-negre) !important}

/* --- Compte: capçalera del menú lateral (sense avatar, nom centrat) --- */
.pae-um--wide .um-account .um-account-meta{text-align:center;padding:10px 8px 14px}
.pae-um--wide .um-account .um-account-meta-img,
.pae-um--wide .um-account .um-account-meta-img-b{display:none !important}
.pae-um--wide .um-account .um-account-name{display:block !important;margin:0;font-size:18px}
.pae-um--wide .um-account .um-account-name a{border:0 !important;box-shadow:none !important;font-family:var(--f-cos);font-size:18px;font-weight:400;color:var(--pae-negre) !important;text-decoration:none;word-break:break-word;white-space:normal}
.pae-um--wide .um-account .um-account-profile-link{display:none !important}
.pae-um--wide .um-account .um-account-side ul{border:0 !important;background:transparent !important}
.pae-um--wide .um-account .um-account-side li{border:0 !important}
.pae-um .um a{border:0 !important;box-shadow:none !important}


/* =====================================================================
   .pae-mat — Materials d'una proposta ([proposta_materials])
   Va al style.css del tema fill, a continuació del bloc .pae-um.
   Selectors amb prefix .pae-mat per guanyar al CSS global del kit (h2/a).
   Fons blanc, files ocre clar, botó turquesa (text negre), avís ocre
   amb botó coral. Mateixes variables i tipografies que .pae-um.
   ===================================================================== */
.pae-mat{
  --pae-negre:#1C1C1C; --pae-blanc:#FFFFFF; --pae-coral:#EE5246; --pae-coral-d:#d8412f;
  --pae-ocre:#EFB666; --pae-ocre-clar:#FDF6E7; --pae-turq:#A1D6D4; --pae-turq-d:#6fb7b4;
  --pae-gris:#6f6a63;
  --f-titular:"Donut Power","Impact",sans-serif;
  --f-etiqueta:"Anton","Impact",sans-serif;
  --f-cos:"Instrument Regular",Georgia,serif;
  font-family:var(--f-cos);color:var(--pae-negre);
}
.pae-mat *{box-sizing:border-box}

/* --- Capçalera del bloc: comptador + ZIP --- */
.pae-mat .pae-mat__cap{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin:0 0 18px;
}
.pae-mat .pae-mat__compt{
  font-family:var(--f-etiqueta);text-transform:uppercase;letter-spacing:.08em;font-size:14px;
  color:var(--pae-gris);
}

/* --- Targeta "Descarrega la proposta completa" (només amb sessió) --- */
.pae-mat .pae-mat__zipcard{
  display:flex;align-items:center;gap:18px;
  background:var(--pae-negre);color:var(--pae-blanc) !important;text-decoration:none !important;
  border-radius:22px;padding:18px 20px;margin:0 0 22px;
  transition:transform .18s,box-shadow .18s;
}
.pae-mat .pae-mat__zipcard:hover,.pae-mat .pae-mat__zipcard:focus-visible{transform:translateY(-2px)}
.pae-mat .pae-mat__zipcard:focus-visible{outline:3px solid var(--pae-ocre);outline-offset:3px}
.pae-mat .pae-mat__zipcard-ic{
  flex:none;width:56px;height:56px;border-radius:16px;background:var(--pae-ocre);color:var(--pae-negre);
  display:flex;align-items:center;justify-content:center;
}
.pae-mat .pae-mat__zipcard-ic .pae-mat__ic{width:28px;height:28px}
.pae-mat .pae-mat__zipcard-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.pae-mat .pae-mat__zipcard-txt strong{
  font-family:var(--f-titular);font-weight:700;font-size:clamp(19px,2.1vw,24px);line-height:1.15;color:var(--pae-blanc);
}
.pae-mat .pae-mat__zipcard-txt span{font-size:15.5px;line-height:1.35;color:rgba(255,255,255,.78)}
.pae-mat .pae-mat__zipcard-btn{
  flex:none;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-etiqueta);text-transform:uppercase;letter-spacing:.05em;font-size:14.5px;
  background:var(--pae-ocre);color:var(--pae-negre);border-radius:999px;padding:12px 20px;line-height:1.2;white-space:nowrap;
  transition:background .18s;
}
.pae-mat .pae-mat__zipcard-btn .pae-mat__ic{width:17px;height:17px}
.pae-mat .pae-mat__zipcard:hover .pae-mat__zipcard-btn{background:var(--pae-ocre-d)}

/* --- Avís sense sessió --- */
.pae-mat .pae-mat__avis{
  display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:center;
  background:var(--pae-ocre-clar);border:1.5px solid var(--pae-ocre);border-radius:22px;padding:clamp(16px,2.2vw,22px);margin:0 0 22px;
}
.pae-mat .pae-mat__avis-ic{
  width:44px;height:44px;border-radius:50%;background:var(--pae-negre);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.pae-mat .pae-mat__avis-ic .pae-mat__ic{width:22px;height:22px}
.pae-mat .pae-mat__avis-txt{font-size:16.5px;line-height:1.45}
.pae-mat .pae-mat__avis-txt strong{display:block;font-weight:700;margin-bottom:2px}
.pae-mat .pae-mat__avis-btns{grid-column:2;display:flex;gap:10px;flex-wrap:wrap}

/* --- Grups (Missió N / Sessió N) --- */
.pae-mat .pae-mat__grup{margin:0 0 26px}
.pae-mat .pae-mat__grup:last-child{margin-bottom:0}
.pae-mat .pae-mat__grup-titol{
  font-family:var(--f-titular);font-size:clamp(20px,2.2vw,24px);font-weight:700;line-height:1.15;
  margin:0 0 10px;padding:0;color:var(--pae-negre);
}

/* --- Llista de materials: graella de targetes (4 columnes a escriptori) --- */
.pae-mat .pae-mat__llista{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;
}
.pae-mat .pae-mat__item{
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  background:var(--pae-ocre-clar);border-radius:18px;padding:14px 14px 12px;margin:0;min-width:0;
}
.pae-mat .pae-mat__item--pendent{background:transparent;border:2px dashed var(--pae-coral);color:var(--pae-coral-d)}
@media (max-width:1024px){ .pae-mat .pae-mat__llista{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:700px){ .pae-mat .pae-mat__llista{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:420px){ .pae-mat .pae-mat__llista{grid-template-columns:1fr} }
.pae-mat .pae-mat__format{
  flex:none;width:46px;height:46px;border-radius:14px;background:var(--pae-blanc);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--f-etiqueta);text-transform:uppercase;font-size:12px;letter-spacing:.04em;
  color:var(--pae-negre);
}
.pae-mat .pae-mat__format .pae-mat__ic{width:20px;height:20px}
.pae-mat .pae-mat__format--pdf{color:var(--pae-coral)}
.pae-mat .pae-mat__format--pptx,.pae-mat .pae-mat__format--docx{color:var(--pae-turq-d)}
.pae-mat .pae-mat__format--zip{background:var(--pae-negre);color:#fff}
.pae-mat .pae-mat__format--video{background:var(--pae-turq)}
.pae-mat .pae-mat__txt{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;gap:3px}
.pae-mat .pae-mat__nom{font-size:16.5px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
.pae-mat .pae-mat__desc{font-size:14px;line-height:1.35;color:rgba(28,28,28,.72)}
.pae-mat .pae-mat__mida{display:block;margin:4px 0 0;font-family:var(--f-cos);font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--pae-gris);white-space:nowrap}

/* --- Botons --- */
.pae-mat .pae-mat__btn{
  flex:none;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-etiqueta);text-transform:uppercase;letter-spacing:.05em;font-size:14.5px;font-weight:400;
  background:var(--pae-turq);color:var(--pae-negre) !important;text-decoration:none !important;
  border:2px solid var(--pae-turq);border-radius:999px;padding:10px 18px;line-height:1.2;
  white-space:nowrap;transition:background .18s,border-color .18s,color .18s;
}
.pae-mat .pae-mat__item .pae-mat__btn{width:100%;justify-content:center;margin-top:auto;font-size:13.5px;padding:9px 12px}
.pae-mat .pae-mat__btn .pae-mat__ic{width:17px;height:17px;flex:none}
.pae-mat .pae-mat__btn small{font-family:var(--f-cos);text-transform:none;letter-spacing:0;font-size:13px;opacity:.75}
.pae-mat .pae-mat__btn:hover,.pae-mat .pae-mat__btn:focus-visible{background:var(--pae-turq-d);border-color:var(--pae-turq-d)}
.pae-mat .pae-mat__btn:focus-visible{outline:3px solid var(--pae-ocre);outline-offset:2px}

.pae-mat .pae-mat__btn--zip{padding:12px 22px;font-size:15px}

/* Sense sessió: botó gris clar amb cadenat petit; en passar-hi, s'insinua que cal compte */
.pae-mat .pae-mat__btn--lock{background:#F1EEE8;border-color:#F1EEE8;color:var(--pae-gris) !important}
.pae-mat .pae-mat__btn--lock .pae-mat__ic{width:15px;height:15px;opacity:.8}
.pae-mat .pae-mat__btn--lock:hover,.pae-mat .pae-mat__btn--lock:focus-visible{background:var(--pae-negre);border-color:var(--pae-negre);color:#fff !important}

.pae-mat .pae-mat__btn--coral{background:var(--pae-coral);border-color:var(--pae-coral);color:#fff !important}
.pae-mat .pae-mat__btn--coral:hover,.pae-mat .pae-mat__btn--coral:focus-visible{background:var(--pae-coral-d);border-color:var(--pae-coral-d)}

.pae-mat .pae-mat__btn--ghost{background:transparent;border-color:var(--pae-negre)}
.pae-mat .pae-mat__btn--ghost:hover,.pae-mat .pae-mat__btn--ghost:focus-visible{background:var(--pae-negre);color:#fff !important}

/* --- Responsive --- */
@media (max-width:640px){
  .pae-mat .pae-mat__item{padding:12px}
  .pae-mat .pae-mat__avis{grid-template-columns:1fr}
  .pae-mat .pae-mat__avis-btns{grid-column:1}
  .pae-mat .pae-mat__avis-btns .pae-mat__btn{flex:1 1 auto;justify-content:center}
  .pae-mat .pae-mat__cap .pae-mat__btn--zip{width:100%;justify-content:center}
  .pae-mat .pae-mat__zipcard{flex-wrap:wrap;padding:16px}
  .pae-mat .pae-mat__zipcard-txt{flex-basis:calc(100% - 74px)}
  .pae-mat .pae-mat__zipcard-btn{width:100%;justify-content:center;margin-top:4px}
}


/* =====================================================================
   .pae-fitxa — Blocs B + C de la fitxa de proposta ([proposta_fitxa])
   Va al style.css del tema fill, a continuació del bloc .pae-mat.
   Seccions amb títol Donut Power + punt ocre, text Instrument,
   llista de "Què aprendrà" amb checks ocre, currículum en xips turquesa clar.
   ===================================================================== */
.pae-fitxa{
  --pae-negre:#1C1C1C; --pae-blanc:#FFFFFF; --pae-coral:#EE5246;
  --pae-ocre:#EFB666; --pae-ocre-d:#e0a23f; --pae-ocre-clar:#FDF6E7;
  --pae-turq:#A1D6D4; --pae-turq-d:#6fb7b4; --pae-turq-clar:#ECF7F6;
  --pae-gris:#6f6a63; --pae-linia:#EBE4D6;
  --f-titular:"Donut Power","Impact",sans-serif;
  --f-etiqueta:"Anton","Impact",sans-serif;
  --f-cos:"Instrument Regular",Georgia,serif;
  font-family:var(--f-cos);color:var(--pae-negre);
}
.pae-fitxa *{box-sizing:border-box}

/* --- Seccions --- */
.pae-fitxa .pae-fitxa__sec{padding:30px 0;border-bottom:1px solid var(--pae-linia)}
.pae-fitxa .pae-fitxa__sec:first-child{padding-top:6px}
.pae-fitxa .pae-fitxa__sec:last-child{border-bottom:0}
.pae-fitxa .pae-fitxa__sec--mat{padding-top:36px}

.pae-fitxa .pae-fitxa__h2{
  display:flex;align-items:center;gap:10px;
  font-family:var(--f-titular);font-weight:700;font-size:clamp(24px,2.6vw,30px);line-height:1.12;
  color:var(--pae-negre);margin:0 0 14px;padding:0;
}
.pae-fitxa .pae-fitxa__dot{flex:none;width:13px;height:13px;border-radius:50%;background:var(--pae-cicle)}

/* --- Color del cicle (classe modificadora que posa el shortcode): inicial ocre · mitjà turquesa · superior rosa --- */
.pae-fitxa{--pae-cicle:#EFB666;--pae-cicle-d:#e0a23f;--pae-cicle-clar:#FDF6E7;--pae-cicle-linia:#F0E3C6}
.pae-fitxa.pae-fitxa--mitja{--pae-cicle:#A1D6D4;--pae-cicle-d:#6fb7b4;--pae-cicle-clar:#ECF7F6;--pae-cicle-linia:#D6EBEA}
.pae-fitxa.pae-fitxa--superior{--pae-cicle:#FFB3B9;--pae-cicle-d:#E8808A;--pae-cicle-clar:#FFF1F2;--pae-cicle-linia:#F8D5D8}

/* --- Text lliure (WYSIWYG) --- */
.pae-fitxa .pae-fitxa__txt{font-size:18px;line-height:1.55;color:#3c3b37;max-width:72ch}
.pae-fitxa .pae-fitxa__txt p{margin:0 0 .9em}
.pae-fitxa .pae-fitxa__txt p:last-child{margin-bottom:0}
.pae-fitxa .pae-fitxa__txt ul,.pae-fitxa .pae-fitxa__txt ol{margin:0 0 .9em 1.2em;padding:0}
.pae-fitxa .pae-fitxa__txt li{margin:0 0 .35em}
.pae-fitxa .pae-fitxa__txt strong,.pae-fitxa .pae-fitxa__txt b{font-weight:700;color:var(--pae-negre)}
.pae-fitxa .pae-fitxa__txt em,.pae-fitxa .pae-fitxa__txt i{font-family:"Instrument Italic",var(--f-cos);font-style:normal}
.pae-fitxa .pae-fitxa__txt a{color:var(--pae-negre);text-decoration:underline}

/* --- Què aprendrà: llista amb checks --- */
.pae-fitxa .pae-fitxa__chk{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:72ch}
.pae-fitxa .pae-fitxa__chk li{display:flex;align-items:flex-start;gap:10px;font-size:17.5px;line-height:1.45;margin:0}
.pae-fitxa .pae-fitxa__chk li svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--pae-cicle-d)}

/* --- Currículum: xips --- */
.pae-fitxa .pae-fitxa__chips{display:flex;flex-wrap:wrap;gap:8px}
.pae-fitxa .pae-fitxa__chip{
  display:inline-block;font-size:15px;line-height:1.35;color:var(--pae-negre);
  background:var(--pae-cicle-clar);border:1px solid var(--pae-cicle-linia);border-radius:999px;padding:7px 14px;
}

/* --- Com es desenvolupa: llista de moments amb etiqueta de temps --- */
.pae-fitxa .pae-fitxa__temps{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:72ch;counter-reset:pae-moment}
.pae-fitxa .pae-fitxa__temps li{display:flex;align-items:flex-start;gap:14px;font-size:17.5px;line-height:1.45;margin:0}
.pae-fitxa .pae-fitxa__temps-min{
  flex:none;min-width:74px;text-align:center;font-family:var(--f-etiqueta);font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  background:var(--pae-cicle-clar);border:1px solid var(--pae-cicle-linia);border-radius:999px;padding:5px 10px;line-height:1.3;margin-top:2px;
}
.pae-fitxa .pae-fitxa__temps-txt{flex:1 1 auto}

/* --- Currículum: detall sota les xips --- */
.pae-fitxa .pae-fitxa__curr-detall{font-size:16px;line-height:1.5;color:var(--pae-gris);margin:12px 0 0;max-width:72ch}
.pae-fitxa .pae-fitxa__curr-detall + .pae-fitxa__curr-detall{margin-top:4px}

/* --- Materials: subtítol sota el títol de la secció --- */
.pae-fitxa .pae-fitxa__sub{font-size:17px;line-height:1.5;color:var(--pae-gris);margin:-4px 0 20px;max-width:72ch}

@media (max-width:640px){
  .pae-fitxa .pae-fitxa__sec{padding:24px 0}
  .pae-fitxa .pae-fitxa__txt,.pae-fitxa .pae-fitxa__chk li{font-size:17px}
}


/* =====================================================================
   Retocs per pàgina (widgets V3 que el MCP no pot editar)
   ===================================================================== */
/* Registre (192): subtítol i text de confiança en Roboto (abans Instrument) */
.elementor-192 .elementor-element.elementor-element-bf47f8e.elementor-widget-text-editor,
.elementor-192 .elementor-element.elementor-element-bf47f8e.elementor-widget-text-editor p{
  font-family:Roboto,system-ui,sans-serif;font-size:17px;line-height:1.5;
}
.elementor-192 .elementor-element.elementor-element-c28d0f7.elementor-widget-text-editor,
.elementor-192 .elementor-element.elementor-element-c28d0f7.elementor-widget-text-editor p{
  font-family:Roboto,system-ui,sans-serif;font-size:14.5px;line-height:1.5;
}

/* === style.css · versió 23/10/2026 (registre en Roboto) === */