/* =====================================================================
   TRUTTACAT — Disseny modern (capa activable des de Configuració)
   Paleta inspirada en el riu: blau profund, verd aigua i sol
   ===================================================================== */
body.tt-modern{
  --tt-deep:#04202d;--tt-deep2:#073b4c;--tt-teal:#0fa3a3;--tt-aqua:#2ec5e8;--tt-sun:#f7b733;--tt-ink:#13232c;--tt-muted:#5b6b75;
  --tt-bg:#f3f7f9;--tt-card:#ffffff;--tt-radius:22px;--tt-shadow:0 24px 60px -24px rgba(4,32,45,.38);--tt-grad:linear-gradient(135deg,#0fa3a3 0%,#2ec5e8 100%);
  --tt-nav-h:66px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;color:var(--tt-ink);background:var(--tt-bg)!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.tt-modern ::selection{background:var(--tt-teal);color:#fff}
body.tt-modern h1,body.tt-modern h2,body.tt-modern h3,body.tt-modern h4,body.tt-modern .elementor-heading-title{font-family:Poppins,Inter,sans-serif!important;letter-spacing:-.01em}
body.tt-modern p,body.tt-modern li{font-family:Inter,system-ui,sans-serif}
html:has(body.tt-modern){scroll-behavior:smooth;scroll-padding-top:calc(var(--tt-nav-h) + 16px)}

/* ---------- Barra de progrés i botó amunt ---------- */
.tt-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--tt-sun),var(--tt-aqua),var(--tt-teal));z-index:100002;transition:width .1s linear;box-shadow:0 0 12px rgba(46,197,232,.6)}
.tt-totop{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:16px;border:0;background:var(--tt-grad);color:#fff;font-size:22px;cursor:pointer;z-index:9999;box-shadow:0 14px 30px -10px rgba(15,163,163,.7);opacity:0;transform:translateY(20px) scale(.9);transition:all .35s cubic-bezier(.2,.8,.2,1);pointer-events:none;display:flex;align-items:center;justify-content:center}
.tt-totop.on{opacity:1;transform:none;pointer-events:auto}.tt-totop:hover{transform:translateY(-3px)}

/* ---------- Capçalera: navegació fixa amb efecte vidre ---------- */
body.tt-modern #masthead{position:relative;z-index:1000;padding-top:var(--tt-nav-h)}
body.tt-modern #masthead > .elementor > .elementor-section:first-child{position:fixed!important;top:0;left:0;right:0;z-index:10000;margin:0!important;padding:0 clamp(12px,3vw,40px)!important;min-height:var(--tt-nav-h);
  background:rgba(4,32,45,.62)!important;-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:none!important;transition:background .35s,box-shadow .35s}
body.tt-modern.tt-scrolled #masthead > .elementor > .elementor-section:first-child{background:rgba(4,32,45,.9)!important;box-shadow:0 10px 40px -10px rgba(0,0,0,.45)!important}
body.tt-modern #masthead > .elementor > .elementor-section:first-child > .elementor-background-overlay{display:none!important}
body.tt-modern #masthead > .elementor > .elementor-section:first-child .elementor-container{align-items:center;min-height:var(--tt-nav-h);max-width:1320px;margin:0 auto}
body.tt-modern #masthead > .elementor > .elementor-section:first-child .elementor-column,
body.tt-modern #masthead > .elementor > .elementor-section:first-child .elementor-widget-wrap,
body.tt-modern #masthead > .elementor > .elementor-section:first-child .elementor-widget-container,
body.tt-modern #masthead .hfe-nav-menu,body.tt-modern #masthead .hfe-nav-menu-layout{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}
@media (min-width:1025px){body.tt-modern #masthead ul.hfe-nav-menu{flex-wrap:nowrap!important;justify-content:flex-end!important}}

body.tt-modern #masthead > .elementor > .elementor-section:first-child .elementor-widget-wrap{display:flex;align-items:center;flex-wrap:nowrap;gap:18px}
.tt-brand{display:flex;align-items:center;flex-shrink:0;transition:transform .3s}
.tt-brand img{height:44px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.tt-brand:hover{transform:rotate(-3deg) scale(1.04)}
body.tt-modern #masthead .elementor-element-2d30d6a{flex:1 1 auto;min-width:0;width:auto!important}
body.tt-modern #masthead .hfe-nav-menu > li > a.hfe-menu-item,body.tt-modern #masthead .hfe-nav-menu > li > .hfe-has-submenu-container > a.hfe-menu-item{
  font:600 12.5px/1 Poppins,sans-serif!important;text-transform:uppercase;letter-spacing:.07em;color:#e6f4f8!important;padding:11px 14px!important;border-radius:999px;background:transparent!important;border:0!important;text-shadow:none!important;transition:background .25s,color .25s,transform .25s;white-space:nowrap}
body.tt-modern #masthead .hfe-nav-menu > li > a.hfe-menu-item:hover,body.tt-modern #masthead .hfe-nav-menu > li > .hfe-has-submenu-container > a:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
body.tt-modern #masthead .hfe-nav-menu > li.current-menu-item > a.hfe-menu-item,body.tt-modern #masthead .hfe-nav-menu > li.tt-current > a.hfe-menu-item,body.tt-modern #masthead .hfe-nav-menu > li.tt-current > .hfe-has-submenu-container > a{background:var(--tt-grad)!important;color:#fff!important;box-shadow:0 8px 22px -8px rgba(46,197,232,.8)}
body.tt-modern #masthead .hfe-nav-menu a.hfe-menu-item:before,body.tt-modern #masthead .hfe-nav-menu a.hfe-menu-item:after{display:none!important}
body.tt-modern #masthead .hfe-nav-menu > li{margin:0 2px!important}
body.tt-modern #masthead .hfe-nav-menu .sub-arrow{color:inherit!important}
body.tt-modern #masthead .hfe-nav-menu .sub-menu{background:rgba(255,255,255,.97)!important;border:0!important;border-radius:18px!important;box-shadow:0 30px 60px -15px rgba(4,32,45,.45)!important;padding:10px!important;min-width:340px!important;margin-top:8px!important;overflow:hidden}
body.tt-modern #masthead .hfe-nav-menu .sub-menu a.hfe-sub-menu-item{font:500 13.5px/1.35 Inter,sans-serif!important;color:var(--tt-ink)!important;background:transparent!important;border:0!important;padding:11px 14px!important;border-radius:12px;text-transform:none;letter-spacing:0;transition:background .2s,padding .2s}
body.tt-modern #masthead .hfe-nav-menu .sub-menu a.hfe-sub-menu-item:hover{background:#e8f7f8!important;color:var(--tt-deep2)!important;padding-left:20px!important}
body.tt-modern #masthead .hfe-nav-menu .sub-menu li{border:0!important}
/* Mòbil: menú desplegable */
body.tt-modern #masthead .hfe-nav-menu__toggle{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px!important;padding:10px 12px!important;margin-left:auto!important}
body.tt-modern #masthead .hfe-nav-menu__toggle svg{fill:#fff!important;color:#fff!important;width:20px;height:20px}
@media (max-width:1024px){
  body.tt-modern #masthead nav.hfe-nav-menu__layout-horizontal{background:rgba(4,32,45,.97)!important;border-radius:0 0 22px 22px!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)!important;padding:10px!important;top:calc(100% + 0px)!important;left:0!important;width:100vw!important;max-height:calc(100vh - var(--tt-nav-h));overflow:auto}
  body.tt-modern #masthead nav .hfe-nav-menu > li > a.hfe-menu-item,body.tt-modern #masthead nav .hfe-nav-menu > li > .hfe-has-submenu-container > a{display:flex!important;padding:15px 18px!important;font-size:14px!important;border-radius:14px}
  body.tt-modern #masthead .hfe-nav-menu .sub-menu{background:rgba(255,255,255,.06)!important;box-shadow:none!important;min-width:0!important;margin:4px 0 8px!important}
  body.tt-modern #masthead .hfe-nav-menu .sub-menu a.hfe-sub-menu-item{color:#d7eef3!important}
  body.tt-modern #masthead .hfe-nav-menu .sub-menu a.hfe-sub-menu-item:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
  .tt-brand img{height:38px}
}

/* ---------- Banda de logotips (vídeo de fons) ---------- */
body.tt-modern #masthead > .elementor > .elementor-section:nth-child(2){border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow:hidden}
body.tt-modern #masthead > .elementor > .elementor-section:nth-child(2) > .elementor-background-overlay{background:linear-gradient(100deg,rgba(4,32,45,.92) 0%,rgba(7,59,76,.6) 55%,rgba(4,32,45,.35) 100%)!important;opacity:1!important}
body.tt-modern #masthead > .elementor > .elementor-section:nth-child(2) .elementor-container{max-width:1320px;margin:0 auto}
body.tt-modern #masthead > .elementor > .elementor-section:nth-child(2) .elementor-inner-section img{background:rgba(255,255,255,.95);border-radius:16px!important;padding:6px;box-shadow:0 14px 30px -12px rgba(0,0,0,.55)!important;border:0!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
body.tt-modern #masthead > .elementor > .elementor-section:nth-child(2) .elementor-inner-section img:hover{transform:translateY(-4px) scale(1.04)}
body.tt-modern #masthead > .elementor > .elementor-section:nth-child(2) .elementor-inner-section .elementor-widget-container{border:0!important;box-shadow:none!important;background:transparent!important}

/* ---------- Contingut Elementor: neteja de marcs antics ---------- */
body.tt-modern [data-elementor-type="wp-page"] .elementor-section,
body.tt-modern [data-elementor-type="wp-page"] .elementor-column > .elementor-widget-wrap,
body.tt-modern [data-elementor-type="wp-page"] .elementor-widget-container{border:0!important;box-shadow:none!important}
body.tt-modern [data-elementor-type="wp-page"] .elementor-top-section{border-radius:0!important;margin-top:0!important;margin-bottom:0!important}
body.tt-modern [data-elementor-type="wp-page"] > .elementor-top-section:not(.tt-hero):not(.tt-pagehead){padding:clamp(22px,4vw,56px) 0!important}
body.tt-modern [data-elementor-type="wp-page"] > .elementor-top-section.tt-tight{padding:0!important}
body.tt-modern [data-elementor-type="wp-page"] .elementor-widget-image img{border-radius:var(--tt-radius)!important;border:0!important;box-shadow:var(--tt-shadow)!important;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
body.tt-modern [data-elementor-type="wp-page"] .elementor-widget-image a:hover img,body.tt-modern [data-elementor-type="wp-page"] .elementor-widget-image img:hover{transform:translateY(-6px);box-shadow:0 40px 80px -30px rgba(4,32,45,.55)!important}
body.tt-modern [data-elementor-type="wp-page"] .elementor-widget-text-editor{font-size:17px;line-height:1.75}
body.tt-modern [data-elementor-type="wp-page"] .elementor-widget-heading .elementor-heading-title{text-shadow:none;-webkit-text-stroke:0}

/* ---------- Hero ---------- */
body.tt-modern .tt-hero{position:relative;overflow:hidden;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
body.tt-modern .tt-hero > .elementor-container{min-height:clamp(420px,74vh,820px)!important;position:relative;z-index:3;align-items:center}
body.tt-modern .tt-hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 20% 10%,rgba(46,197,232,.18),transparent 55%),linear-gradient(180deg,rgba(4,32,45,.2) 0%,rgba(4,32,45,.35) 45%,rgba(4,32,45,.88) 100%)}
body.tt-modern .tt-hero > .elementor-background-overlay:not(.tt-ov-img){opacity:0!important}
body.tt-modern .tt-hero > .elementor-background-overlay.tt-ov-img{opacity:1!important;z-index:1;animation:ttKen 22s ease-in-out infinite alternate}
body.tt-modern .tt-band > .elementor-background-overlay{display:none!important}
body.tt-modern .tt-hero .elementor-background-slideshow__slide__image,body.tt-modern .tt-hero.tt-kenburns{animation:ttKen 22s ease-in-out infinite alternate}
@keyframes ttKen{from{transform:scale(1)}to{transform:scale(1.12)}}
body.tt-modern .tt-hero .elementor-heading-title{font:800 clamp(2.4rem,7vw,5.6rem)/1.02 Poppins,sans-serif!important;color:#fff!important;letter-spacing:.01em!important;text-transform:uppercase;text-shadow:0 12px 50px rgba(0,0,0,.45)!important;-webkit-text-stroke:0!important}
body.tt-modern .tt-hero .elementor-widget-heading{text-align:center}
.tt-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 Poppins,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 18px;border-radius:999px;margin-bottom:22px}
.tt-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tt-sun);box-shadow:0 0 0 4px rgba(247,183,51,.25)}
.tt-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
.tt-hero-line{width:90px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--tt-sun),var(--tt-aqua));margin:26px auto 0}
.tt-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;width:30px;height:48px;border:2px solid rgba(255,255,255,.7);border-radius:20px;display:block}
.tt-scroll:after{content:"";position:absolute;left:50%;top:9px;width:4px;height:9px;border-radius:2px;background:#fff;transform:translateX(-50%);animation:ttScroll 1.8s infinite}
@keyframes ttScroll{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,16px)}}
body.tt-modern .tt-hero-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:3;height:70px;pointer-events:none}
body.tt-modern .tt-hero-wave path{fill:var(--tt-bg)}

/* ---------- Panells de text (vidre) ---------- */
body.tt-modern .tt-panel{background:linear-gradient(145deg,rgba(4,32,45,.82),rgba(7,59,76,.72))!important;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.16)!important;border-radius:28px!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)!important;padding:clamp(22px,4vw,48px)!important;color:#fff}
body.tt-modern .tt-panel *{color:#fff!important}
body.tt-modern .tt-panel p,body.tt-modern .tt-panel li{letter-spacing:.01em!important;line-height:1.75!important;font-weight:400!important;font-family:Inter,sans-serif!important;text-align:left}
body.tt-modern .tt-panel .elementor-heading-title{font:700 clamp(1.3rem,2.4vw,2rem)/1.3 Poppins,sans-serif!important;letter-spacing:0!important}
body.tt-modern .tt-panel strong,body.tt-modern .tt-panel b{color:#fff!important;font-weight:600!important}
body.tt-modern .tt-panel ul{list-style:none;padding-left:0!important;margin:0}
body.tt-modern .tt-panel ul li{position:relative;padding-left:34px;margin:0 0 12px}
body.tt-modern .tt-panel ul li:before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:7px;background:var(--tt-grad);box-shadow:0 6px 14px -4px rgba(46,197,232,.8)}
body.tt-modern .tt-panel ul li:after{content:"";position:absolute;left:7px;top:calc(.35em + 4px);width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
body.tt-modern .tt-band{background:linear-gradient(120deg,var(--tt-deep) 0%,var(--tt-deep2) 50%,#0b6b74 100%)!important;position:relative;overflow:hidden}
body.tt-modern .tt-band:after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(46,197,232,.35),transparent 70%);pointer-events:none}
body.tt-modern .tt-band .elementor-widget-text-editor{font-size:clamp(16px,1.6vw,20px);font-weight:500;line-height:1.7;color:#e7f6f9}
body.tt-modern .tt-band .elementor-widget-wrap,body.tt-modern .tt-band .elementor-widget-container{background:transparent!important}

/* ---------- Animacions d'entrada ---------- */
.tt-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.tt-reveal.tt-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tt-reveal{opacity:1;transform:none;transition:none}.tt-hero .elementor-background-slideshow__slide__image{animation:none!important}.tt-scroll:after{animation:none}}

/* ---------- Botons ---------- */
body.tt-modern .maxbutton,body.tt-modern a.maxbutton,body.tt-modern .ead-document-btn,body.tt-modern .elementor-button{background:var(--tt-grad)!important;border:0!important;border-radius:999px!important;color:#fff!important;box-shadow:0 14px 30px -12px rgba(15,163,163,.8)!important;font-family:Poppins,sans-serif!important;font-weight:600!important;letter-spacing:.04em;transition:transform .25s,box-shadow .25s!important;text-shadow:none!important}
body.tt-modern .maxbutton:hover,body.tt-modern .ead-document-btn:hover,body.tt-modern .elementor-button:hover{transform:translateY(-3px);box-shadow:0 22px 40px -14px rgba(15,163,163,.9)!important}
body.tt-modern .maxbutton .mb-text{color:#fff!important;font-family:Poppins,sans-serif!important}
body.tt-modern .ead-preview,body.tt-modern .ead-iframe-wrapper{border-radius:var(--tt-radius);overflow:hidden;box-shadow:var(--tt-shadow)}

/* ---------- Entrades, pàgines noves i arxius (tema Hello) ---------- */
body.tt-modern main.site-main{max-width:920px;margin:0 auto;padding:0 22px 80px}
body.tt-modern main.site-main > .page-header{margin:0 calc(50% - 50vw) 48px;padding:clamp(70px,10vw,130px) max(22px,calc(50vw - 460px)) clamp(50px,7vw,80px);background:radial-gradient(ellipse at 85% 0%,rgba(46,197,232,.35),transparent 50%),linear-gradient(135deg,var(--tt-deep) 0%,var(--tt-deep2) 60%,#0b6b74 100%);position:relative;overflow:hidden}
body.tt-modern main.site-main > .page-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:var(--tt-bg);clip-path:ellipse(75% 100% at 50% 100%)}
body.tt-modern main.site-main > .page-header .entry-title{color:#fff;font:800 clamp(2rem,5vw,3.6rem)/1.08 Poppins,sans-serif;margin:0;position:relative;z-index:1}
body.tt-modern main.site-main > .page-header .entry-title span{background:linear-gradient(90deg,var(--tt-sun),#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent}
body.tt-modern main.site-main .page-content{font-size:18px;line-height:1.8;color:#22343d}
body.tt-modern main.site-main .page-content > p:first-child{font-size:20px;color:var(--tt-ink)}
body.tt-modern main.site-main .page-content a{color:#0b7f86;text-decoration-thickness:2px;text-underline-offset:3px}
body.tt-modern main.site-main .page-content img{border-radius:18px;box-shadow:var(--tt-shadow);height:auto}
body.tt-modern main.site-main .page-content blockquote{border-left:4px solid var(--tt-teal);background:#fff;margin:28px 0;padding:18px 24px;border-radius:0 16px 16px 0;font-style:italic;box-shadow:0 10px 30px -18px rgba(4,32,45,.3)}
body.tt-modern main.site-main .page-content:has(> article.post){display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}
body.tt-modern main.site-main:has(article.post){max-width:1240px}
body.tt-modern main.site-main article.post{background:var(--tt-card);border-radius:var(--tt-radius);padding:28px 26px;box-shadow:0 18px 40px -26px rgba(4,32,45,.45);border:1px solid #e3edf1;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;flex-direction:column}
body.tt-modern main.site-main article.post:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--tt-grad)}
body.tt-modern main.site-main article.post:hover{transform:translateY(-8px);box-shadow:0 34px 60px -28px rgba(4,32,45,.55)}
body.tt-modern main.site-main article.post .entry-title{font:700 20px/1.3 Poppins,sans-serif;margin:6px 0 12px}
body.tt-modern main.site-main article.post .entry-title a{color:var(--tt-ink);text-decoration:none}
body.tt-modern main.site-main article.post .entry-title a:hover{color:#0b7f86}
body.tt-modern main.site-main article.post p{font-size:15px;line-height:1.65;color:var(--tt-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}
body.tt-modern main.site-main article.post .tt-more{margin-top:auto;padding-top:16px;font:600 13px Poppins,sans-serif;color:#0b7f86;text-decoration:none;letter-spacing:.03em}
body.tt-modern .pagination,body.tt-modern nav.navigation{display:flex;gap:8px;justify-content:center;margin-top:36px}

/* ---------- Peu de pàgina ---------- */
body.tt-modern #colophon{position:relative;margin-top:0}
body.tt-modern #colophon .elementor-section{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
body.tt-modern #colophon > .footer-width-fixer > .elementor > .elementor-section:first-child{position:relative;overflow:hidden;padding:clamp(40px,6vw,70px) 0!important}
body.tt-modern #colophon > .footer-width-fixer > .elementor > .elementor-section:first-child:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,32,45,.9),rgba(4,32,45,.97));pointer-events:none}
body.tt-modern #colophon .elementor-container{position:relative;z-index:2;max-width:1240px;margin:0 auto;align-items:center}
body.tt-modern #colophon .elementor-widget-text-editor .elementor-widget-container,body.tt-modern #colophon .elementor-widget-text-editor{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:none!important}
body.tt-modern #colophon .elementor-widget-text-editor .elementor-widget-container{padding:22px 26px!important}
body.tt-modern #colophon .elementor-widget-text-editor p{color:#cfe3ea!important;margin:4px 0!important;font-size:15px}
body.tt-modern #colophon .elementor-widget-text-editor b{color:#fff}
body.tt-modern #colophon .elementor-widget-text-editor a,body.tt-modern #colophon .elementor-widget-text-editor a *{color:var(--tt-sun)!important}
body.tt-modern #colophon .elementor-widget-image img{background:#fff;border-radius:18px!important;padding:8px;box-shadow:0 14px 30px -14px rgba(0,0,0,.6)!important;border:0!important;transition:transform .3s}
body.tt-modern #colophon .elementor-widget-image img:hover{transform:translateY(-4px)}
body.tt-modern #colophon .elementor-widget-container{border:0!important}
.tt-footbar{background:#021720;color:#8fb0bc;font:14px/1.6 Inter,sans-serif;padding:22px clamp(18px,4vw,40px)}
.tt-footbar-in{max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.tt-footbar b{color:#fff;font-family:Poppins,sans-serif}
.tt-footbar nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.tt-footbar a{color:#b9d6df;text-decoration:none;transition:color .2s}.tt-footbar a:hover{color:var(--tt-aqua)}

/* ---------- Shortcodes amb la nova paleta ---------- */
body.tt-modern .tt-tabs{--tt-tab-bg:#073b4c;--tt-tab-bg2:#0fa3a3;--tt-tab-border:#0fa3a3}
body.tt-modern .tt-tab-btn{border-radius:14px 14px 0 0;font-family:Poppins,sans-serif}
body.tt-modern .tt-tab-pane{border-radius:0 0 18px 18px}
body.tt-modern .tt-caja,body.tt-modern .tt-pdf,body.tt-modern .tt-video-in,body.tt-modern .tt-galeria-item{border-radius:18px}
body.tt-modern .tt-boton{border-radius:999px;background:var(--tt-grad)}

/* ---------- Mòbil ---------- */
@media (max-width:767px){
  body.tt-modern{--tt-nav-h:60px}
  body.tt-modern .tt-hero > .elementor-container{min-height:62vh!important}
  body.tt-modern .tt-hero .elementor-heading-title{font-size:clamp(2rem,11vw,3rem)!important;letter-spacing:.02em!important}
  body.tt-modern .tt-panel{border-radius:22px!important}
  body.tt-modern .tt-panel p,body.tt-modern .tt-panel li{font-size:15px!important}
  .tt-scroll{display:none}
  .tt-footbar-in{flex-direction:column;align-items:flex-start}
  body.tt-modern #masthead > .elementor > .elementor-section:nth-child(2) .elementor-inner-section img{max-width:74px}
}

/* ---------- Capçalera de pàgina sense hero ---------- */
body.tt-modern .tt-pagehead{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,rgba(46,197,232,.35),transparent 50%),linear-gradient(135deg,var(--tt-deep) 0%,var(--tt-deep2) 60%,#0b6b74 100%)!important;padding:clamp(60px,9vw,120px) 0 clamp(60px,8vw,100px)!important;margin:0!important}
body.tt-modern .tt-pagehead > .elementor-background-overlay{display:none!important}
body.tt-modern .tt-pagehead .elementor-container{position:relative;z-index:2}
body.tt-modern .tt-pagehead .elementor-widget-heading,body.tt-modern .tt-pagehead .elementor-widget-heading .elementor-widget-container{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.tt-modern .tt-pagehead .elementor-heading-title{font:800 clamp(2rem,5.5vw,4rem)/1.05 Poppins,sans-serif!important;color:#fff!important;text-transform:uppercase;letter-spacing:.01em!important;text-align:center}
body.tt-modern .tt-pagehead .elementor-widget-wrap{flex-direction:column;align-items:center;justify-content:center}
body.tt-modern .tt-pagehead .tt-hero-wave path{fill:var(--tt-bg)}
/* Documents incrustats */
body.tt-modern .ead-document a,body.tt-modern .ead-document-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:11px 22px;border-radius:999px;background:var(--tt-grad)!important;color:#fff!important;text-decoration:none!important;font:600 13px Poppins,sans-serif!important;letter-spacing:.04em;box-shadow:0 14px 30px -12px rgba(15,163,163,.8)}
body.tt-modern .ead-document{border-radius:var(--tt-radius)}
@media (max-width:1024px){
  body.tt-modern #masthead nav.hfe-nav-menu__layout-horizontal{position:fixed!important;top:var(--tt-nav-h)!important;left:0!important;right:0!important;width:100%!important;border-radius:0 0 22px 22px!important}
  body.tt-modern #masthead .hfe-nav-menu .hfe-has-submenu-container a.hfe-menu-item{display:flex!important;justify-content:space-between;align-items:center}
}
@media (max-width:767px){.tt-eyebrow{font-size:10px;letter-spacing:.16em;padding:8px 14px;text-align:center}}