.site-page-arxiu-sonor .container {
  max-width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px !important;
}

.main-header .container {
}

.site-page-arxiu-sonor .page-layout-normal .block  {
  max-width: 100vw;
}

.site-page-arxiu-sonor  .block-blockGroup {
  padding: 20px 5vw;
}

.site-page-pagination {
display:none;
}

/****************/
/*     BLOC 1      */
/****************/

.bloc1 {
  display: flex;
  background: #dadfe0;
}

.bloc1 .block-simple {
  align-content: center;
  color: #3c5863;
  font-size: 20px;
  font-weight:;
}
.bloc1 .block-layout-alignment-block-center {
   width:70%;
}

@media print, screen and (max-width: 768px) {
    .bloc1 {
         display: block;
     }
.bloc1 .block-layout-alignment-block-center {
   width:100%;
}
}

/**************************/
/*     BLOC NOTICIES      */
/**************************/
.media-embed.layout-horizontal.multiple-attachments {
  --grid-column-count: 3;
  align-items: baseline;
}

.block-showcase img {
  height: 300px !important;
  object-fit: cover;
  width: 100% !important;
}

.boto-noticies {
  width: fit-content;
  border:none;
}

.boto-noticies ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 30px;
}

@media print, screen and (max-width: 768px) {
.media-embed.layout-horizontal.multiple-attachments {
  --grid-column-count: 1;
}
}

/****************/
/*     BLOC 2      */
/****************/
.bloc2 {
  background: #3c5863;
  display: flex;
  color: white;
  gap: 50px;
}

.bloc2 .block.block-html {
  width: 70%;
}
.block.block-oembed {
  width: 30%;
}

.bloc2 a  {
color:white;
text-decoration:underline;
}
 .bloc2 h3 {
color:white;
}

.bloc2 .block-oembed iframe {
  height: 350px;
}

@media print, screen and (max-width: 768px) {
.bloc2 .block.block-html {
  width: 100%;
}
    .bloc2 {
         display: block;
     }
}
/****************/
/*     BLOC 3      */
/****************/
.bloc3 {
  display: flex;
  padding: 100px 70px;
  gap: 50px;
}
.bloc3 .block.block-html {
  width: 50%;
  align-content: center;
}

.bloc3 ul {
  display: flex;
  gap: 20px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.bloc3 li {
  text-align: center;
  padding: 10px;
  background-color: #eee;
  width: 30%;
}
.bloc3 h3 {
  color: #3c5863;
}
.bloc3 img {
  width: 70px;
}

.bloc3 h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
}

@media print, screen and (max-width: 1200px) {
  .bloc3 li {
    width: auto;
  }
}

@media print, screen and (max-width: 920px) {
  .bloc3 ul {
    display: block;
  }
  .bloc3 li {
    width:100%;
  }
}
/*************************/
/*     BLOC CREDITS      */
/************************/
.bloc-credits {
  background-color: #dadfe0;
}

.bloc-credits p {
  color: black;
}
/*************************/
/*     BLOC ÚS                    */
/************************/

.bloc-us {
  background-color: #c7c7c7;
  display: flex;
  gap: 50px;
}

.bloc-us a {
  text-decoration: underline;
  text-align: center;
  font-size: 14px;
  display: block;
}
.bloc-us p {
  color: black;
}




/* =========================
   Página de pruebas: rosa-proves
   Reducir altura de la franja negra (hero/header)
   ========================= */

.site-page-rosa-proves .page-header,
.site-page-rosa-proves header.page-header,
.site-page-rosa-proves .hero,
.site-page-rosa-proves .banner,
.site-page-rosa-proves .masthead {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Ajuste fino del título y subtítulo */
.site-page-rosa-proves .page-header h1,
.site-page-rosa-proves .hero h1 {
  margin: 0 0 1rem 0 !important;
}

.site-page-rosa-proves .page-header p,
.site-page-rosa-proves .hero p {
  margin: 0 !important;
}