/* PUBLICACIONES — Estils propis. Tipografia i colors heretats del portal. */
.pub-hero{min-height:310px;display:flex;align-items:center;background:linear-gradient(110deg,#252525,#3b3b3b);border-bottom:1px solid var(--adt-border-default)}
.pub-hero__inner{padding-block:65px}
.pub-hero h1{margin:12px 0 18px;color:var(--adt-color-text-destacat);font-family:var(--adt-font-editorial);font-size:clamp(48px,6vw,88px);font-weight:400}
.pub-hero__intro{max-width:680px;color:var(--adt-color-text);font-size:18px;line-height:1.6}
.pub-page{padding-block:55px 90px}
.pub-page a{color:inherit;text-decoration:none}
.pub-page a:hover{color:var(--adt-color-text-destacat)}
.pub-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;align-items:stretch}
.pub-main-article,.pub-secondary__article{min-width:0}
.pub-main-article{position:relative;min-height:420px;background:#242424;overflow:visible}
.pub-main-article__image{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.pub-main-article__image img{display:block;width:100%;height:100%;object-fit:cover}
.pub-main-article::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 0%,rgba(48,48,48,.65) 35%,#303030 100%);pointer-events:none}
.pub-main-article__content{position:relative;z-index:2;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:transparent;pointer-events:none}
.pub-main-article__content a{pointer-events:auto}
.pub-kicker{margin:0 0 12px;color:var(--adt-color-corporatiu);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.pub-main-article h2,.pub-secondary h3,.pub-latest h2,.pub-latest h3{font-family:var(--adt-font-editorial);font-weight:400}
.pub-main-article h2{margin:0 0 14px;color:#fff;font-size:clamp(30px,3vw,44px);line-height:1.12}
.pub-main-article .pub-excerpt{color:#ddd}
.pub-byline{color:var(--adt-color-corporatiu);font-size:13px}
.pub-excerpt{color:var(--adt-color-text);line-height:1.65}
.pub-read{display:inline-block;margin-top:12px;font-size:13px}
.pub-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.pub-secondary__article{display:flex;flex-direction:column;min-width:0;gap:12px;height:100%}
.pub-secondary__image{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--adt-border-default,#8e8177);background:#292929}
.pub-secondary__image img{display:block;width:100%;height:100%;object-fit:cover}
.pub-secondary__content h3{margin:0 0 8px;font-size:21px;line-height:1.2;overflow-wrap:anywhere}
.pub-secondary__content .pub-excerpt{margin:0;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pub-lower{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;margin-top:70px}
.pub-latest h2{margin:0 0 28px;padding-bottom:15px;border-bottom:1px solid var(--adt-border-default);font-size:26px}
.pub-latest__article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;margin-bottom:28px}
.pub-latest__image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--adt-background-secondary)}
.pub-latest__image img{display:block;width:100%;height:100%;object-fit:cover}
.pub-latest__article h3{margin:0 0 10px;font-size:21px;line-height:1.3}
.pub-aside__placeholder{min-height:300px;border:1px solid var(--adt-border-default);background:var(--adt-background-secondary)}
.pub-message{padding:40px 0;color:var(--adt-color-text)}
@media(max-width:900px){.pub-featured{grid-template-columns:1fr}.pub-lower{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.pub-hero{min-height:240px}.pub-hero__inner{padding-block:40px}.pub-hero__intro{font-size:16px}.pub-page{padding-block:35px 60px}.pub-main-article,.pub-main-article__content{min-height:360px}.pub-main-article__content{padding:20px}.pub-secondary{gap:12px}.pub-secondary__content h3{font-size:18px}.pub-secondary__content .pub-excerpt{display:none}.pub-latest__article{grid-template-columns:110px minmax(0,1fr);gap:15px}.pub-latest__article h3{font-size:18px}.pub-latest__article .pub-excerpt{display:none}}

.pub-byline a{display:inline-flex;align-items:center;gap:7px}.pub-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;vertical-align:middle;flex-shrink:0}
.pub-meta-main{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 18px}
.pub-meta-author{display:flex;align-items:center;gap:12px;min-width:0;font-size:13px;color:#fff}
.pub-meta-author .pub-avatar{width:46px;height:46px}
.pub-meta-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;max-width:55%;font-size:12px;color:#ddd}
.pub-meta-stats>span:first-child{flex-basis:100%;text-align:right;color:#bbb}
@media(max-width:600px){.pub-meta-main{align-items:flex-start;flex-direction:column}.pub-meta-stats{max-width:100%;justify-content:flex-start}.pub-meta-stats>span:first-child{text-align:left}}
.pub-meta-secondary{display:flex;flex-direction:column;gap:10px;margin:0;padding-top:0}
.pub-meta-secondary .pub-meta-author{font-size:12px}
.pub-meta-secondary .pub-avatar{width:36px;height:36px}
.pub-meta-date{font-size:12px;color:#bbb}
.pub-meta-counts{display:flex;align-items:center;gap:20px;font-size:12px;color:#ddd}

@media(min-width:901px){.pub-secondary__content{display:grid;grid-template-rows:auto minmax(0,5.1em) 6em auto;align-content:start;row-gap:10px}.pub-secondary__content h3{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;align-self:end}.pub-secondary__content .pub-excerpt{margin:0;-webkit-line-clamp:4}}
.pub-main-article{border-bottom:1px solid #8e8177}

/* Capçalera editorial editable — sense alterar la graella de publicacions. */
.pub-hero--image{background-size:cover;background-position:center}
.pub-hero--fullscreen{min-height:100vh}
.pub-hero-editor{padding-block:12px}
.pub-hero-editor summary{cursor:pointer;display:inline-block;font-size:13px;color:var(--adt-color-corporatiu)}
.pub-hero-editor details[open]{padding-bottom:12px}
.pub-hero-editor form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}
.pub-hero-editor button{cursor:pointer}
.pub-hero-editor small{display:block;margin-top:10px;color:var(--adt-color-text)}
@media(max-width:600px){.pub-hero--fullscreen{min-height:100vh}}

/* Ajust d’enquadrament de la imatge de capçalera. */
.pub-hero--image{background-position:var(--pub-hero-pos-x,50%) var(--pub-hero-pos-y,50%)}
.pub-hero-frame-form label{display:flex;align-items:center;gap:8px}