/* Avancem: mida responsive del logo */
.fb-general-header .site-branding img.custom-logo {
  width: 320px !important;
  max-width: 100%;
  height: auto !important;
}
.fb-general-header .mid-header {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (max-width: 1024px) {
  .fb-general-header .site-branding img.custom-logo { width: 260px !important; }
}
@media (max-width: 600px) {
  .fb-general-header .site-branding img.custom-logo { width: 200px !important; }
  .fb-general-header .mid-header {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

/* Avancem: icones socials independents de Font Awesome */
.fb-general-header .social-icons-list a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #333333;
}
.fb-general-header .social-icons-list a:hover,
.fb-general-header .social-icons-list a:focus-visible { color: #C53B6D; }
.fb-general-header .social-icons-list a i.fa {
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 0;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.fb-general-header .social-icons-list a i.fa::before { content: none; }
.fb-general-header .social-icons-list .fa-facebook {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 22v-9h3l.5-4H14V6.5c0-1.1.3-1.5 1.5-1.5H18V1.4C17.5 1.2 16 1 14.5 1 11.5 1 10 2.8 10 6v3H7v4h3v9z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 22v-9h3l.5-4H14V6.5c0-1.1.3-1.5 1.5-1.5H18V1.4C17.5 1.2 16 1 14.5 1 11.5 1 10 2.8 10 6v3H7v4h3v9z'/%3E%3C/svg%3E");
}
.fb-general-header .social-icons-list .fa-instagram {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2'/%3E%3C/svg%3E");
}
.fb-general-header .social-icons-list a[href*="facebook.com"]::after { content: "Facebook"; font: 13px Arial, sans-serif; }
.fb-general-header .social-icons-list a[href*="instagram.com"]::after { content: "Instagram"; font: 13px Arial, sans-serif; }

/* Avancem: tornar amunt en català i hover rosa */
.fascinate-to-top span { font-size: 0; color: #333333; }
.fascinate-to-top span::before { content: "Torna amunt"; font-size: 13px; }
.fascinate-to-top span::after { background-color: currentColor; }
.fascinate-to-top:hover span { color: #C53B6D; }
.fb-general-header #site-navigation .primary-menu li > a:hover,
.fb-general-header #site-navigation .primary-menu li > a:focus-visible { color: #C53B6D !important; }

/* Mateixa alçada de capçalera a portada i interiors */
.fb-general-header .site-branding,
.fb-general-header .site-branding .site-logo { line-height: 0; }
.fb-general-header .site-branding img.custom-logo { display: block; margin-inline: auto; }