/* AC - PAGINES INSTITUCIONALS V1 */
.inst-main { padding: 64px 0 100px; }
.inst-shell { max-width: 1120px; }
.inst-back {
  display:inline-block; margin-bottom:32px;
  color:#f2cd57; font-weight:700;
}
.inst-eyebrow {
  font-size:.8rem; font-weight:800; letter-spacing:.12em;
  color:#184481;
}
.inst-main h1 {
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1.1; margin:16px 0 24px;
}
.inst-lead {
  max-width:850px; font-size:1.15rem;
  line-height:1.8; margin-bottom:40px;
}
.inst-panel,.inst-person,.inst-note {
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.055);
}
.inst-panel { padding:28px; }
.inst-panel h2,.inst-person h2 { margin-top:0; }
.inst-actions {
  display:flex; flex-wrap:wrap; gap:12px;
  margin:24px 0;
}
.inst-button {
  display:inline-block; padding:13px 22px;
  background:#e8bd45; color:#14213a;
  border-radius:8px; font-weight:800;
  text-decoration:none;
}
.inst-button-secondary {
  background:transparent; color:#f5d57e;
  border:1px solid #e8bd45;
}
.inst-pdf {
  display:block; width:100%; height:720px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:8px; background:#fff;
}
.inst-note {
  padding:16px 20px; margin:0 0 32px;
  font-size:.9rem; line-height:1.6;
}
.inst-figure { margin:0 0 36px; }
.inst-figure img {
  display:block; width:100%; max-width:1024px;
  height:auto; border-radius:12px; margin:auto;
}
.inst-people {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.inst-person { padding:28px; min-width:0; }
.inst-person h2 { font-size:1.5rem; }
.inst-role { font-weight:800; color:#184481; }
.inst-person p { line-height:1.75; }
@media (max-width:700px) {
  .inst-main { padding:32px 0 60px; }
  .inst-panel,.inst-person { padding:18px; }
  .inst-people { grid-template-columns:1fr; }
  .inst-pdf { height:550px; }
  .inst-actions { flex-direction:column; }
  .inst-button { text-align:center; }
}


/* AC ROURE VISIBLE - INSTITUCIONAL */
main#contingut.inst-main {
    background: transparent !important;
}


/* HERO INSTITUCIONAL COMPARTIT - V1 */
main#contingut.inst-main {
    position: relative;
    overflow: clip;
}

/* Franja superior corporativa */
main#contingut.inst-main::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: clamp(320px, 34vw, 430px);
    background: linear-gradient(120deg, #092945, #174f7b);
    z-index: 0;
}

/* Contenidor per damunt del fons */
main#contingut.inst-main > .shell,
main#contingut.inst-main > .wrap,
main#contingut.inst-main .inst-shell {
    position: relative;
    z-index: 1;
}

/* Enllac de retorn */
main#contingut.inst-main > .shell > a:first-child,
main#contingut.inst-main > .wrap > a:first-child,
main#contingut.inst-main .inst-shell > a:first-child {
    color: #d9ebf7;
    font-weight: 700;
    text-decoration: none;
}

main#contingut.inst-main > .shell > a:first-child:hover,
main#contingut.inst-main > .wrap > a:first-child:hover,
main#contingut.inst-main .inst-shell > a:first-child:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Eyebrow / subtitol petit */
main#contingut.inst-main > .shell > a:first-child + p,
main#contingut.inst-main > .wrap > a:first-child + p,
main#contingut.inst-main .inst-shell > a:first-child + p {
    color: #bbd2e3 !important;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 34px;
    margin-bottom: 14px;
}

/* Titol principal */
main#contingut.inst-main > .shell > h1,
main#contingut.inst-main > .wrap > h1,
main#contingut.inst-main .inst-shell > h1 {
    color: #ffffff !important;
    margin-top: 0;
    margin-bottom: 18px;
}

/* Subtitol principal */
main#contingut.inst-main > .shell > h1 + p,
main#contingut.inst-main > .wrap > h1 + p,
main#contingut.inst-main .inst-shell > h1 + p {
    color: #e4edf6 !important;
    max-width: 860px;
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 52px;
}

/* El bloc informatiu de sota ja entra en zona clara */
main#contingut.inst-main .inst-note,
main#contingut.inst-main .note {
    position: relative;
    z-index: 1;
}

/* Ajustos mobil */
@media (max-width: 900px) {
    main#contingut.inst-main::before {
        height: 300px;
    }

    main#contingut.inst-main > .shell > a:first-child + p,
    main#contingut.inst-main > .wrap > a:first-child + p,
    main#contingut.inst-main .inst-shell > a:first-child + p {
        margin-top: 24px;
        letter-spacing: 2.4px;
    }

    main#contingut.inst-main > .shell > h1 + p,
    main#contingut.inst-main > .wrap > h1 + p,
    main#contingut.inst-main .inst-shell > h1 + p {
        font-size: 17px;
        margin-bottom: 40px;
    }
}


/* AC ESTATUTS BUTTONS BLUE V1 */
main#contingut.inst-main .inst-button {
    background: #184481;
    border: 1px solid #184481;
    color: #ffffff;
    transition: background-color .2s ease, transform .2s ease;
}

main#contingut.inst-main .inst-button:hover {
    background: #0c305d;
    transform: translateY(-2px);
}

main#contingut.inst-main .inst-button-secondary {
    background: transparent;
    color: #184481;
}

main#contingut.inst-main .inst-button-secondary:hover {
    background: #e5edf6;
}


/* AC ESTATUTS PANEL POSITION V2 */
main#contingut.inst-main .inst-panel {
    margin-top: 85px;
}

@media (max-width: 700px) {
    main#contingut.inst-main .inst-panel {
        margin-top: 55px;
    }
}