/* Patró corporatiu únic — Programa és la referència.
   Carregar ÚLTIM: mateix tipus, espaiat i color en totes les capçaleres,
   independentment de la fotografia de cada secció. */
:root{
 --fira-hero-title-size:clamp(38px,3.7vw,58px);
 --fira-hero-subtitle-size:clamp(15px,1.35vw,21px);
 --fira-hero-gutter:clamp(22px,3.25vw,68px);
 --fira-hero-height:clamp(330px,28vw,460px);
 --fira-hero-bottom:clamp(48px,4.4vw,86px);
}
body #main > .interior-page > .interior-hero,
body #main > .interior-page.interior-history > .interior-hero,
body #main .fira-image-header,
body #main .profile-activity-style .profile-activity-hero,
body #main .fira-admin-index .admin-activity-hero{
 box-sizing:border-box!important;
 display:flex!important;
 align-items:flex-end!important;
 width:100%!important;
 height:var(--fira-hero-height)!important;
 min-height:var(--fira-hero-height)!important;
 max-height:none!important;
 border:0!important;
 border-radius:0!important;
 margin:0!important;
 background-position:right center!important;
 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-blend-mode:normal!important;
 filter:none!important;
 overflow:hidden!important;
}
body #main > .interior-page > .interior-hero::before,
body #main > .interior-page > .interior-hero::after,
body #main .fira-image-header::before,
body #main .fira-image-header::after,
body #main .profile-activity-hero::before,
body #main .profile-activity-hero::after,
body #main .admin-activity-hero::before,
body #main .admin-activity-hero::after{
 content:none!important;display:none!important;
}
body #main > .interior-page > .interior-hero > .page-head,
body #main > .interior-page > .interior-hero > .account-heading,
body #main > .interior-page > .interior-hero > .admin-head,
body #main .fira-image-header,
body #main .profile-activity-style .profile-activity-hero,
body #main .fira-admin-index .admin-activity-hero{
 padding:0 var(--fira-hero-gutter) var(--fira-hero-bottom)!important;
}
body #main > .interior-page > .interior-hero > :is(.page-head,.account-heading,.admin-head){
 box-sizing:border-box!important;position:relative!important;
 width:100%!important;max-width:none!important;
 margin:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 text-align:left!important;
}
body #main > .interior-page > .interior-hero h1,
body #main .fira-image-header h1,
body #main .profile-activity-style .profile-activity-hero h1,
body #main .fira-admin-index .admin-activity-hero h1{
 font-family:inherit!important;
 font-size:var(--fira-hero-title-size)!important;
 font-weight:800!important;
 letter-spacing:-.042em!important;
 line-height:1.09!important;
 color:#fff!important;
 text-shadow:none!important;
 text-align:left!important;
 padding:0!important;margin:0 0 14px!important;
 max-width:none!important;
}
body #main > .interior-page > .interior-hero :is(.page-head,.account-heading,.admin-head) p:not(.eyebrow),
body #main .fira-image-header p,
body #main .profile-activity-style .profile-activity-hero p,
body #main .fira-admin-index .admin-activity-hero p{
 font-family:inherit!important;
 font-size:var(--fira-hero-subtitle-size)!important;
 font-weight:400!important;line-height:1.45!important;
 color:#fff!important;text-align:left!important;
 margin:0!important;max-width:75ch!important;
 text-shadow:none!important;
}
body #main .profile-activity-style .profile-activity-hero-copy{
 position:relative!important;max-width:none!important;margin:0!important;
 background:transparent!important;border:0!important;padding:0!important;
}
body #main .fira-image-header{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important}
body #main .fira-image-header h1{max-width:100%!important}
body #main > .interior-page > .interior-surface{
 box-sizing:border-box!important;
}
@media(max-width:700px){
 :root{
  --fira-hero-title-size:clamp(29px,7.8vw,40px);
  --fira-hero-subtitle-size:14px;
  --fira-hero-gutter:20px;
  --fira-hero-height:210px;
  --fira-hero-bottom:30px;
 }
 body #main > .interior-page > .interior-hero h1,
 body #main .fira-image-header h1,
 body #main .profile-activity-style .profile-activity-hero h1,
 body #main .fira-admin-index .admin-activity-hero h1{margin-bottom:9px!important}
}
/* La pantalla d'accés, els diàlegs i el detall d'activitat no són capçaleres de secció. */
body #main > .interior-page.interior-login > .interior-hero{
 height:auto!important;min-height:72px!important;
}

/* Firma editorial: intencionadament discreta, sense protagonisme visual. */
.fira-site-credit{
  padding:20px 16px 26px;
  border-top:1px solid rgba(18,55,45,.07);
  background:transparent;
  color:#737f7b;
  font-size:11.5px;
  font-weight:400;
  letter-spacing:.015em;
  line-height:1.5;
  text-align:center;
}
.fira-site-credit a{
  color:inherit;
  font:inherit;
  text-decoration:none;
  text-underline-offset:3px;
}
.fira-site-credit a:hover,
.fira-site-credit a:focus-visible{
  color:#344f47;
  text-decoration:underline;
}
@media(max-width:700px){
  .fira-site-credit{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}
