/* ============================================================
   ELAHAC — Fuente local
   ============================================================ */
@font-face {
  font-family: 'Elahac';
  font-style: normal;
  font-weight: 400;
  src: url('Elahac-otf/Elahac-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Elahac';
  font-style: italic;
  font-weight: 400;
  src: url('Elahac-otf/Elahac-Italic.otf') format('opentype');
}
@font-face {
  font-family: 'Elahac';
  font-style: normal;
  font-weight: 700;
  src: url('Elahac-otf/Elahac-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Elahac';
  font-style: italic;
  font-weight: 700;
  src: url('Elahac-otf/Elahac-BoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Elahac';
  font-style: normal;
  font-weight: 800;
  src: url('Elahac-otf/Elahac-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'Elahac';
  font-style: italic;
  font-weight: 800;
  src: url('Elahac-otf/Elahac-ExtraBoldItalic.otf') format('opentype');
}

/* ============================================================
   GLOBAL — Variables, resets i estils compartits
   ============================================================ */

body {
  margin: 0;
  line-height: normal;
}

a,
button,
a:focus,
a:active,
button:focus,
button:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.menu a:hover,
.menu2 a:hover,
.menu3 a:hover,
.menu4 a:hover,
.menu5 a:hover {
  opacity: 0.75;
}

.menu::-webkit-scrollbar,
.menu2::-webkit-scrollbar,
.menu3::-webkit-scrollbar,
.menu4::-webkit-scrollbar,
.menu5::-webkit-scrollbar {
  display: none;
}

:root {
  /* Color */
  --color-indianred: #dd4c5c;
  --color-salmon-100: #ee746e;
  --color-salmon-200: #d66e4a;
  --SIENNA: #af4623;
  --SOFT-PINK: #ffe2e2;
  --TURISME-BLACK: #111;
  --TURISME-WHITE: #fff;

  /* Gap */
  --gap-8: 8px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-28: 28px;
  --gap-32: 32px;
  --gap-40: 40px;
  --gap-48: 48px;
  --gap-80: 80px;
  --gap-100: 100px;
  --gap-168: 168px;

  /* Padding */
  --padding-0: 0px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-23: 23px;
  --padding-24: 24px;
  --padding-27: 27px;
  --padding-29: 29px;
  --padding-36: 36px;
  --padding-43: 43px;
  --padding-55: 55px;
  --padding-134: 134px;
  --padding-300: 300px;

  /* BorderRadius */
  --br-2: 2px;
  --br-19: 19px;
  --br-24: 24px;

  /* Font */
  --font-barlow-condensed: Barlow Condensed;
  --font-elahac: Elahac;
  --font-great-vibes: Great Vibes;
  --font-montserrat: Montserrat;
  --font-open-sans: Open Sans;
  --font-poppins: Poppins;

  /* FontSize */
  --fs-19: 19px;
  --fs-24: 24px;
  --fs-48: 48px;
  --fs-96: 96px;

  /* WidthHeights */
  --height-33: 33px;
  --height-66: 66px;
  --height-190: 190px;
  --height-200: 200px;
  --height-267: 267px;
  --height-650: 650px;
  --height-auto: auto;
  --width-190: 190px;
  --width-338: 338px;
  --width-400: 400px;
  --width-420: 420px;
  --width-550: 550px;
  --width-607: 607px;
  --width-778: 778px;
  --width-820: 820px;
  --width-1240: 1240px;
  --width-1920: 1920px;

  /* LineHeights */
  --lh-normal: normal;

  /* LetterSpacings */
  --ls-normal: normal;
}

/* ============================================================
   COMPONENTS COMPARTITS (totes les pàgines Xefla)
   ============================================================ */

/* Contenidors principals de cada pàgina */
.qu-s,
.recepta-viva,
.fes-la-teva-xefla,
.fem-petar-la-xeflada,
.gastroteca5 {
  position: relative;
  background-color: var(--TURISME-WHITE);
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 150px;
  box-sizing: border-box;
  gap: var(--gap-100);
  line-height: var(--lh-normal);
  letter-spacing: var(--ls-normal);
}

/* Capçaleres de cada pàgina */
.header-01-parent,
.header-02-parent,
.header-03-parent,
.header-04-parent,
.header-05-parent {
  width: 100%;
  max-width: var(--width-1920);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--TURISME-WHITE);
  font-family: var(--font-poppins);
}

/* Imatges de capçalera */
.header-01-icon,
.header-02-icon,
.header-03-icon,
.header-04-icon,
.header-05-icon {
  width: 100%;
  max-width: var(--width-1920);
  height: var(--height-650);
  object-fit: cover;
  display: block;
}

/* Barres de menú de navegació Xefla */
.menu,
.menu2,
.menu3,
.menu4,
.menu5 {
  width: 100%;
  max-width: var(--width-1920);
  min-height: 114px;
  background-color: var(--SIENNA);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  padding: var(--padding-43) var(--padding-40) 42px;
  box-sizing: border-box;
  gap: var(--gap-40);
  font-family: var(--font-elahac);
}

/* Ítems del menú de navegació Xefla */
.fes-la-teva, .qu-s-la, .una-recepta-viva,
.fes-la-teva2, .qu-s-la2, .fem-petar-la2,
.menu3 .fes-la-teva3, .menu3 .qu-s-la3, .menu3 .una-recepta-viva3,
.fes-la-teva4, .qu-s-la4, .fem-petar-la4,
.fes-la-teva5, .gastroteca6, .qu-s-la5, .una-recepta-viva5 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  text-align: center;
  white-space: nowrap;
  flex-shrink: 1;
  flex-basis: auto;
}

/* Ítem actiu (pàgina actual): negreta */
.una-recepta-viva,
.fes-la-teva2,
.menu3 .qu-s-la3,
.fem-petar-la4,
.gastroteca6 {
  font-weight: 700;
}

/* Links dels ítems del menú */
.fes-la-teva a, .qu-s-la a, .una-recepta-viva a,
.fes-la-teva2 a, .qu-s-la2 a, .fem-petar-la2 a,
.menu3 .fes-la-teva3 a, .menu3 .qu-s-la3 a, .menu3 .una-recepta-viva3 a,
.fes-la-teva4 a, .qu-s-la4 a, .fem-petar-la4 a,
.fes-la-teva5 a, .gastroteca6 a, .qu-s-la5 a, .una-recepta-viva5 a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
}

/* Link actiu (pàgina actual): subratllat */
.una-recepta-viva a,
.fes-la-teva2 a,
.menu3 .qu-s-la3 a,
.fem-petar-la4 a,
.gastroteca6 a {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}

/* Responsive — menús de navegació Xefla */
@media screen and (max-width: 1200px) {
  .menu, .menu2, .menu3, .menu4, .menu5 {
    gap: var(--gap-32);
    padding: var(--padding-36) var(--padding-20);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .fes-la-teva, .qu-s-la, .una-recepta-viva,
  .fes-la-teva2, .qu-s-la2, .fem-petar-la2,
  .menu3 .fes-la-teva3, .menu3 .qu-s-la3, .menu3 .una-recepta-viva3,
  .fes-la-teva4, .qu-s-la4, .fem-petar-la4,
  .fes-la-teva5, .gastroteca6, .qu-s-la5, .una-recepta-viva5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 975px) {
  .menu, .menu2, .menu3, .menu4 {
    gap: var(--gap-24);
    padding: var(--padding-20) var(--padding-20);
    min-height: auto;
  }
  .fes-la-teva, .qu-s-la, .una-recepta-viva,
  .fes-la-teva2, .qu-s-la2, .fem-petar-la2,
  .menu3 .fes-la-teva3, .menu3 .qu-s-la3, .menu3 .una-recepta-viva3,
  .fes-la-teva4, .qu-s-la4, .fem-petar-la4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 700px) {
  .menu, .menu2, .menu3, .menu4, .menu5 {
    gap: var(--gap-24);
    padding: var(--padding-20) var(--padding-20);
    flex-direction: column;
    min-height: auto;
    overflow: visible;
  }
  .fes-la-teva, .qu-s-la, .una-recepta-viva,
  .fes-la-teva2, .qu-s-la2, .fem-petar-la2,
  .menu3 .fes-la-teva3, .menu3 .qu-s-la3, .menu3 .una-recepta-viva3,
  .fes-la-teva4, .qu-s-la4, .fem-petar-la4,
  .fes-la-teva5, .gastroteca6, .qu-s-la5, .una-recepta-viva5 {
    font-size: 18px;
    white-space: normal;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .menu, .menu2, .menu3, .menu4, .menu5 {
    gap: var(--gap-16);
    padding: var(--padding-20) var(--padding-20);
  }
  .fes-la-teva, .qu-s-la, .una-recepta-viva,
  .fes-la-teva2, .qu-s-la2, .fem-petar-la2,
  .menu3 .fes-la-teva3, .menu3 .qu-s-la3, .menu3 .una-recepta-viva3,
  .fes-la-teva4, .qu-s-la4, .fem-petar-la4,
  .fes-la-teva5, .gastroteca6, .qu-s-la5, .una-recepta-viva5 {
    font-size: 16px;
  }
}

/* ============================================================
   XEFLA (xefla.aspx) — Què és la Xefla?
   ============================================================ */

.qu-s {
  justify-content: flex-start;
  padding-bottom: 150px;
}
.header-01-icon {
  min-height: 0;
}
.title-parent2,
.title5 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title-parent2 {
  width: 100%;
  max-width: 1248px;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  gap: var(--gap-48);
  text-align: center;
  font-size: var(--fs-96);
  color: var(--SIENNA);
  font-family: var(--font-poppins);
}
.title5 {
  align-self: stretch;
}
.title5 .qu-s-la3 {
  margin: 0;
  font-size: clamp(44px, 9vw, 96px);
  font-weight: 700;
  white-space: normal;
  line-height: 1.05;
}
.l-hospitalet5 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: var(--font-great-vibes);
}
.al-llarg-de,
.image-01-01-icon {
  width: min(100%, var(--width-820));
  position: relative;
}
.image-01-01-icon {
  height: auto;
  min-height: 280px;
  object-fit: cover;
}
.al-llarg-de {
  font-size: var(--fs-24);
  font-family: var(--font-open-sans);
  color: var(--TURISME-BLACK);
  text-align: justify;
  display: inline-block;
}
.image-01-02-parent {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  row-gap: var(--gap-20);
  text-align: center;
  font-size: var(--fs-96);
  color: var(--SIENNA);
  font-family: var(--font-poppins);
}
.image-01-02-icon {
  width: 397px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.group-div,
.title6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.group-div {
  height: auto;
  width: var(--width-820);
  padding: var(--padding-20) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-48);
  max-width: 100%;
  align-items: center;
}
.title6 {
  justify-content: center;
  z-index: 2;
  width: 100%;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.title6 .qu-s-la3 {
  margin: 0;
  font-size: clamp(52px, 4vw, 72px);
  font-weight: 800;
  white-space: nowrap;
  line-height: 1.05;
}
.title6 .l-hospitalet5 {
  margin: 0;
  font-size: clamp(56px, 4.6vw, 90px);
  line-height: 1;
}
.no-s-gaire-arriscat-pensar-qu-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: justify;
  font-size: var(--fs-24);
  color: var(--TURISME-BLACK);
  font-family: var(--font-open-sans);
}
.no-s-gaire {
  height: auto;
  width: min(100%, var(--width-820));
  max-width: 520px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  line-height: 1.5;
  text-align: justify;
}
.frame-parent {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  gap: 40px;
  text-align: center;
  font-size: var(--fs-96);
  color: var(--SIENNA);
  font-family: var(--font-great-vibes);
}
.title-parent3,
.title7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.title-parent3 {
  height: auto;
  width: min(100%, 580px);
  gap: var(--gap-48);
  max-width: 100%;
}
.title7 {
  z-index: 2;
  max-width: 100%;
  width: 100%;
}
.title7 .una-recepta-viva3 {
  font-size: clamp(48px, 7vw, 96px);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.05;
}
.una-ciutat7 {
  margin: 0;
  position: relative;
  font-size: clamp(48px, 5vw, 72px);
  font-weight: 700;
  font-family: var(--font-poppins);
  text-align: left;
  max-width: 100%;
  word-wrap: break-word;
  line-height: 1.1;
}
.el-plat-escollit {
  width: min(100%, 530px);
  height: auto;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-open-sans);
  color: var(--TURISME-BLACK);
  text-align: justify;
  display: inline-block;
}
.image-01-03-icon {
  width: 610px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}
@media screen and (max-width: 1200px) {
  .image-01-02-parent {
    flex-wrap: wrap;
  }
  .group-div,
  .image-01-02-icon {
    flex: 1;
  }
  .frame-parent {
    flex-wrap: wrap;
  }
  .image-01-03-icon,
  .title-parent3 {
    flex: 1;
  }
}
@media screen and (max-width: 975px) {
  .qu-s {
    gap: var(--gap-48);
    padding-bottom: 100px;
  }
  .title-parent2 {
    gap: var(--gap-32);
  }
  .image-01-01-icon {
    min-height: 220px;
  }
  .al-llarg-de {
    font-size: var(--fs-19);
    text-align: left;
  }
  .group-div {
    gap: var(--gap-24);
    padding: 0;
  }
  .title6 {
    align-items: center;
    width: 100%;
  }
  .title6 .qu-s-la3 {
    margin: 0;
    font-size: clamp(40px, 8vw, 74px);
    line-height: 1.05;
    white-space: nowrap;
    text-align: center;
  }
  .no-s-gaire-arriscat-pensar-qu-wrapper {
    text-align: left;
  }
  .el-plat-escollit,
  .no-s-gaire {
    font-size: var(--fs-19);
  }
  .frame-parent {
    gap: var(--gap-24);
    align-items: flex-start;
  }
  .title-parent3 {
    gap: var(--gap-24);
  }
  .el-plat-escollit {
    text-align: left;
  }
}
@media screen and (max-width: 700px) {
  .qu-s {
    gap: var(--gap-40);
    padding-bottom: 80px;
  }
  .title7 .una-recepta-viva3 {
    font-size: clamp(36px, 10vw, 56px);
  }
  .header-01-icon {
    height: auto;
    min-height: 0;
  }
  .title-parent2 {
    gap: var(--gap-24);
  }
  .title5 .qu-s-la3 {
    font-size: clamp(36px, 10vw, 52px);
  }
  .image-01-02-parent {
    display: grid;
    grid-template-columns: minmax(120px, 34%) 1fr;
    align-items: center;
    column-gap: var(--gap-20);
    row-gap: var(--gap-20);
    gap: unset;
    margin-top: var(--gap-40);
  }
  .group-div {
    min-width: 0;
    width: 100%;
    gap: var(--gap-16);
    padding: 0;
    align-items: center;
  }
  .image-01-02-icon {
    width: 100%;
    max-width: 180px;
    justify-self: center;
  }
  .title6 {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .title6 .qu-s-la3 {
    font-size: clamp(30px, 9vw, 44px);
    white-space: nowrap;
  }
  .no-s-gaire-arriscat-pensar-qu-wrapper {
    justify-content: center;
    text-align: center;
    width: 100%;
  }
  .no-s-gaire {
    max-width: 420px;
    text-align: center;
  }
  .l-hospitalet5 {
    font-size: clamp(36px, 10vw, 56px);
  }
  .el-plat-escollit {
    text-align: left;
    line-height: 1.45;
  }
  .title-parent3 {
    width: 100%;
  }
  .una-ciutat7 {
    font-size: clamp(32px, 9vw, 44px);
    line-height: 1.12;
  }
}
@media screen and (max-width: 450px) {
  .title7 .una-recepta-viva3 {
    font-size: clamp(30px, 9vw, 44px);
  }
  .qu-s {
    gap: var(--gap-32);
    padding-bottom: 64px;
  }
  .title-parent2,
  .title-parent3 {
    gap: var(--gap-24);
  }
  .title5 .qu-s-la3 {
    font-size: clamp(30px, 10vw, 40px);
  }
  .title6 .qu-s-la3 {
    font-size: clamp(26px, 8.5vw, 36px);
    white-space: nowrap;
  }
  .l-hospitalet5 {
    font-size: clamp(30px, 10vw, 46px);
  }
  .al-llarg-de,
  .no-s-gaire,
  .el-plat-escollit {
    font-size: 18px;
    line-height: 1.5;
  }
  .frame-parent,
  .image-01-02-parent {
    gap: var(--gap-20);
  }
  .image-01-02-parent {
    grid-template-columns: minmax(96px, 32%) 1fr;
    column-gap: var(--gap-16);
    margin-top: var(--gap-32);
  }
  .image-01-02-icon {
    max-width: 150px;
  }
  .title6 {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .no-s-gaire-arriscat-pensar-qu-wrapper {
    justify-content: center;
    text-align: center;
    width: 100%;
  }
  .no-s-gaire {
    max-width: 420px;
    text-align: center;
  }
  .image-01-01-icon {
    min-height: 180px;
  }
  .title-parent3 {
    min-width: 100%;
  }
}

/* ============================================================
   RECEPTA VIVA (receptaViva.aspx)
   ============================================================ */

.recepta-viva {
  text-align: center;
  font-size: var(--fs-96);
  color: var(--SIENNA);
  font-family: var(--font-poppins);
}
.title,
.title-parent {
  display: flex;
  flex-direction: column;
}
.title-parent {
  width: min(100%, var(--width-820));
  padding: 0 var(--padding-20);
  box-sizing: border-box;
  align-items: flex-start;
  gap: var(--gap-48);
}
.title {
  align-self: stretch;
  align-items: center;
}
.l-hospitalet,
.una-ciutat {
  position: relative;
  font-size: inherit;
}
.una-ciutat {
  margin: 0;
  font-weight: 700;
  font-family: inherit;
  white-space: normal;
  word-break: break-word;
}
.l-hospitalet {
  font-weight: 400;
  font-family: var(--font-great-vibes);
  margin: -40px 0 0;
}
.el-primer-pas,
.image-02-01-icon {
  align-self: stretch;
  position: relative;
}
.image-02-01-icon {
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.el-primer-pas {
  font-size: var(--fs-24);
  font-family: var(--font-open-sans);
  color: var(--TURISME-BLACK);
  text-align: justify;
  line-height: 1.5;
}
.title-group,
.title2 {
  display: flex;
  flex-direction: column;
}
.title-group {
  width: min(100%, 825px);
  padding: 0 var(--padding-20);
  box-sizing: border-box;
  align-items: flex-start;
  gap: var(--gap-48);
  text-align: left;
  font-size: var(--fs-24);
  color: var(--TURISME-BLACK);
  font-family: var(--font-open-sans);
}
.title2 {
  align-self: stretch;
  align-items: center;
  text-align: center;
  font-size: clamp(48px, 6vw, 96px);
  color: var(--SIENNA);
  font-family: var(--font-poppins);
}
.title2 .una-ciutat {
  white-space: nowrap;
}
.l-hospitalet2 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: var(--font-great-vibes);
  text-align: right;
}
.valors {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--gap-80);
}
.image-02-02-icon {
  width: var(--width-190);
  flex-shrink: 0;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.mestissatge-gastronmic-com {
  width: var(--width-550);
  max-width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 1;
  line-height: 1.5;
  text-align: justify;
}
@media screen and (max-width: 975px) {
  .recepta-viva {
    gap: var(--gap-80);
  }
}
@media screen and (max-width: 700px) {
  .recepta-viva {
    gap: var(--gap-48);
    padding-bottom: 80px;
  }
  .header-02-icon {
    height: auto;
    min-height: 0;
  }
  .title {
    gap: 4px;
  }
  .una-ciutat {
    font-size: clamp(36px, 10vw, 56px);
  }
  .l-hospitalet {
    font-size: clamp(40px, 11vw, 64px);
    margin: 0;
  }
  .title2 .una-ciutat {
    font-size: clamp(32px, 9vw, 48px);
  }
  .valors {
    display: grid;
    grid-template-columns: minmax(80px, 28%) 1fr;
    align-items: center;
    gap: var(--gap-16);
  }
  .image-02-02-icon {
    width: 100%;
    max-width: 110px;
    justify-self: center;
  }
  .mestissatge-gastronmic-com {
    width: 100%;
    font-size: var(--fs-19);
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
  .recepta-viva {
    gap: var(--gap-32);
    padding-bottom: 60px;
  }
  .title-parent {
    gap: var(--gap-24);
  }
  .una-ciutat {
    font-size: clamp(28px, 9vw, 40px);
  }
  .l-hospitalet {
    font-size: clamp(32px, 10vw, 52px);
    margin: 0;
  }
  .el-primer-pas {
    font-size: var(--fs-19);
    line-height: 1.5;
  }
  .title-group {
    gap: var(--gap-24);
  }
  .valors {
    grid-template-columns: minmax(68px, 25%) 1fr;
    gap: 12px;
  }
  .image-02-02-icon {
    max-width: 90px;
  }
  .mestissatge-gastronmic-com {
    font-size: 17px;
  }
}

/* ============================================================
   FES LA TEVA XEFLA (fesLaTeva.aspx)
   ============================================================ */

.title-container,
.title3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title-container {
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  gap: var(--gap-100);
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--TURISME-BLACK);
  font-family: var(--font-open-sans);
}
.title3 {
  width: min(100%, 825px);
  text-align: center;
  font-size: var(--fs-96);
  color: var(--SIENNA);
  font-family: var(--font-poppins);
}
.l-hospitalet3,
.una-ciutat3 {
  margin: 0;
  position: relative;
  font-size: inherit;
}
.una-ciutat3 {
  font-weight: 700;
  font-family: inherit;
  white-space: normal;
  word-break: break-word;
}
.l-hospitalet3 {
  font-weight: 400;
  font-family: var(--font-great-vibes);
  text-align: right;
}
.valors5 {
  align-self: stretch;
  height: auto;
  min-height: var(--height-190);
  display: flex;
  align-items: center;
  gap: var(--gap-80);
  max-width: 100%;
}
.image-03-01-icon {
  width: var(--width-190);
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.base-arrs-de {
  width: var(--width-550);
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 100%;
  text-align: justify;
  line-height: 1.5;
}
.image-03-07-icon {
  width: var(--width-420);
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.valors9 {
  align-self: stretch;
  height: auto;
  display: flex;
  align-items: center;
  gap: var(--gap-80);
  max-width: 100%;
}
.frame-section,
.title4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.frame-section {
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  gap: var(--gap-100);
  max-width: 100%;
  text-align: center;
  font-size: var(--fs-24);
  color: var(--TURISME-BLACK);
  font-family: var(--font-open-sans);
}
.title4 {
  width: min(100%, 825px);
  font-size: clamp(48px, 6vw, 96px);
  color: var(--SIENNA);
  font-family: var(--font-poppins);
}
.l-hospitalet4,
.una-ciutat4 {
  position: relative;
  font-size: inherit;
  flex-shrink: 0;
}
.una-ciutat4 {
  margin: 0;
  font-weight: 700;
  font-family: inherit;
  white-space: nowrap;
}
.l-hospitalet4 {
  font-weight: 400;
  font-family: var(--font-great-vibes);
  margin: 0;
  text-align: center;
}
.descarrega-aquestes-receptes {
  width: min(100%, var(--width-820));
  position: relative;
  display: inline-block;
  line-height: 1.5;
}
.block-2,
.block-2-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.block-2-parent {
  align-self: stretch;
  justify-content: center;
  gap: var(--gap-40);
  text-align: justify;
}
.block-2 {
  width: min(100%, 651px);
  border-radius: var(--br-24);
  background-color: var(--SOFT-PINK);
  overflow: hidden;
  flex-shrink: 1;
  flex-direction: column;
  padding: var(--padding-23) var(--padding-22);
  box-sizing: border-box;
  gap: var(--gap-32);
}
.image-03-13-icon {
  border-radius: var(--br-24);
  max-height: 100%;
  object-fit: cover;
}
.image-03-13-icon,
.la-xefla-del,
.una-recepta-creada {
  width: min(100%, var(--width-607));
  position: relative;
}
.la-xefla-del {
  height: auto;
  min-height: var(--height-33);
  display: inline-block;
  line-height: 1.3;
}
.una-recepta-creada {
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.download-links {
  cursor: pointer;
  border: 0;
  padding: var(--padding-29) var(--padding-55);
  background-color: var(--SIENNA);
  width: min(100%, var(--width-607));
  border-radius: var(--br-24);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
}
.download-links:hover {
  background-color: var(--color-salmon-200);
}
.fes-clic-aqu {
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-poppins);
  color: var(--TURISME-WHITE);
  text-align: center;
}
.la-xefla-del2 {
  width: min(100%, var(--width-607));
  height: auto;
  min-height: var(--height-33);
  position: relative;
  letter-spacing: -0.05px;
  display: inline-block;
  line-height: 1.3;
}
@media screen and (max-width: 975px) {
  .fes-la-teva-xefla {
    gap: var(--gap-80);
  }
  .block-2 {
    box-sizing: border-box;
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
  }
}
@media screen and (max-width: 800px) {
  .valors5,
  .valors9 {
    height: var(--height-auto);
    flex-wrap: wrap;
  }
  .block-2-parent {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 700px) {
  .fes-la-teva-xefla {
    gap: var(--gap-48);
    padding-bottom: 80px;
  }
  .header-03-icon {
    height: auto;
    min-height: 0;
  }
  .title-container {
    gap: var(--gap-48);
  }
  .title3 {
    gap: var(--gap-8);
  }
  .una-ciutat3 {
    font-size: clamp(32px, 9vw, 52px);
  }
  .l-hospitalet3 {
    font-size: clamp(36px, 10vw, 60px);
  }
  .valors5,
  .valors9 {
    gap: var(--gap-24);
    flex-wrap: wrap;
  }
  .image-03-01-icon {
    width: 100px;
  }
  .base-arrs-de {
    width: 100%;
  }
  .image-03-07-icon {
    width: 100%;
    max-width: 260px;
  }
  .frame-section {
    gap: var(--gap-48);
  }
  .title4 {
    gap: var(--gap-8);
  }
  .una-ciutat4 {
    font-size: clamp(28px, 8vw, 48px);
  }
  .l-hospitalet4 {
    font-size: clamp(32px, 10vw, 56px);
  }
  .block-2-parent {
    gap: var(--gap-20);
    flex-direction: column;
    align-items: center;
  }
  .block-2 {
    gap: var(--gap-16);
    width: 100%;
  }
  .download-links {
    width: 100%;
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .fes-la-teva-xefla {
    gap: var(--gap-32);
    padding-bottom: 60px;
  }
  .title-container {
    gap: var(--gap-28);
  }
  .una-ciutat3 {
    font-size: clamp(26px, 9vw, 36px);
  }
  .l-hospitalet3 {
    font-size: clamp(30px, 10vw, 48px);
  }
  .valors5 {
    gap: var(--gap-16);
  }
  .base-arrs-de {
    font-size: var(--fs-19);
    line-height: 1.5;
  }
  .valors9 {
    gap: var(--gap-16);
  }
  .frame-section {
    gap: var(--gap-28);
  }
  .una-ciutat4 {
    font-size: clamp(24px, 8vw, 36px);
  }
  .descarrega-aquestes-receptes,
  .fes-clic-aqu,
  .la-xefla-del,
  .la-xefla-del2,
  .una-recepta-creada {
    font-size: var(--fs-19);
    width: 100%;
  }
}

/* ============================================================
   FEM PETAR LA XEFLADA (xeflada.aspx)
   ============================================================ */

.frame-main,
.title8 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.frame-main {
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  gap: var(--gap-100);
  max-width: 100%;
  text-align: center;
  font-size: var(--fs-24);
  color: var(--TURISME-BLACK);
  font-family: var(--font-open-sans);
}
.title8 {
  width: min(100%, 825px);
  font-size: var(--fs-96);
  color: var(--SIENNA);
  font-family: var(--font-poppins);
}
.l-hospitalet8,
.una-ciutat8 {
  position: relative;
  font-size: inherit;
  flex-shrink: 0;
}
.una-ciutat8 {
  margin: 0;
  font-weight: 700;
  font-family: inherit;
  white-space: normal;
  word-break: break-word;
}
.l-hospitalet8 {
  font-weight: 400;
  font-family: var(--font-great-vibes);
  text-align: right;
  margin: -49px 0 0;
}
.articles-reportatges-videore {
  width: min(100%, var(--width-820));
  position: relative;
  display: inline-block;
  line-height: 1.5;
  text-align: justify;
}
.first-column-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-40);
  max-width: 100%;
  text-align: justify;
}
.block-22,
.first-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.first-column {
  height: auto;
  width: min(100%, 651px);
  flex: 1;
  gap: var(--gap-40);
  max-width: 651px;
}
.block-22 {
  border-radius: var(--br-24);
  background-color: var(--SOFT-PINK);
  overflow: hidden;
  padding: var(--padding-23) var(--padding-22);
  gap: var(--gap-32);
  width: 100%;
  box-sizing: border-box;
}
.image-04-01-icon {
  border-radius: var(--br-24);
  max-height: 100%;
  object-fit: cover;
}
.image-04-01-icon,
.la-xefla-del3,
.una-recepta-creada3 {
  width: 100%;
  max-width: var(--width-607);
  position: relative;
}
.la-xefla-del3 {
  height: auto;
  min-height: var(--height-33);
  display: inline-block;
  line-height: 1.3;
}
.una-recepta-creada3 {
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.download-one {
  cursor: pointer;
  border: 0;
  padding: var(--padding-29) var(--padding-55);
  background-color: var(--SIENNA);
  width: 100%;
  max-width: var(--width-607);
  border-radius: var(--br-24);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
}
.download-one:hover,
.fes-clic-aqu-per-descarregar-container:hover {
  background-color: var(--color-salmon-200);
}
.fes-clic-aqu3 {
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-poppins);
  color: var(--TURISME-WHITE);
  text-align: center;
}
.first-column2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-40);
  width: min(100%, 651px);
  flex: 1;
  max-width: 651px;
}
.fes-clic-aqu-per-descarregar-container {
  cursor: pointer;
  border: 0;
  padding: var(--padding-29) var(--padding-55);
  background-color: var(--SIENNA);
  width: 100%;
  max-width: var(--width-607);
  border-radius: var(--br-24);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
}
@media screen and (max-width: 975px) {
  .fem-petar-la-xeflada {
    gap: var(--gap-80);
  }
  .block-22 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 800px) {
  .first-column-parent {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 700px) {
  .fem-petar-la-xeflada {
    gap: var(--gap-48);
    padding-bottom: 80px;
  }
  .header-04-icon {
    height: auto;
    min-height: 0;
  }
  .frame-main {
    gap: var(--gap-48);
  }
  .title8 {
    gap: var(--gap-8);
  }
  .una-ciutat8 {
    font-size: clamp(32px, 9vw, 52px);
  }
  .l-hospitalet8 {
    font-size: clamp(36px, 10vw, 60px);
    margin: 0;
  }
  .articles-reportatges-videore {
    font-size: var(--fs-19);
    line-height: 1.5;
  }
  .first-column,
  .first-column2,
  .first-column-parent {
    gap: var(--gap-20);
    width: 100%;
  }
  .first-column-parent {
    flex-direction: column;
    align-items: center;
  }
  .block-22 {
    gap: var(--gap-16);
    width: 100%;
  }
  .download-one,
  .fes-clic-aqu-per-descarregar-container {
    width: 100%;
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .fem-petar-la-xeflada {
    gap: var(--gap-32);
    padding-bottom: 60px;
  }
  .frame-main {
    gap: var(--gap-28);
  }
  .una-ciutat8 {
    font-size: clamp(26px, 9vw, 36px);
  }
  .l-hospitalet8 {
    font-size: clamp(30px, 10vw, 48px);
    margin: 0;
  }
  .articles-reportatges-videore,
  .la-xefla-del3,
  .una-recepta-creada3 {
    font-size: var(--fs-19);
    width: 100%;
    line-height: 1.5;
  }
  .download-one {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .fes-clic-aqu3 {
    font-size: var(--fs-19);
  }
}

/* ============================================================
   GASTROTECA (gastroteca.aspx)
   ============================================================ */

.header-05-picture {
  width: 100%;
  max-width: var(--width-1920);
  display: block;
}
.gastroteca-2025-parent {
  width: var(--width-1240);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-40);
  text-align: left;
  font-size: var(--fs-96);
  color: var(--SIENNA);
  font-family: var(--font-barlow-condensed);
  box-sizing: border-box;
}
.gastroteca-2025 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: 110px;
  font-weight: 800;
  font-family: inherit;
}
.teca {
  color: var(--color-salmon-100);
}
.el-2025-va {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-open-sans);
  color: var(--TURISME-BLACK);
  text-align: justify;
  line-height: 1.5;
}
.showcookings-parent {
  width: var(--width-1240);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-40);
  text-align: left;
  font-size: var(--fs-48);
  color: var(--SIENNA);
  font-family: var(--font-montserrat);
  box-sizing: border-box;
}
.showcookings {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 800;
  font-family: inherit;
}
.block-3-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-40);
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.block-33 {
  align-self: stretch;
  display: flex;
  gap: var(--gap-40);
  max-width: 100%;
  height: 248px;
  border-radius: var(--br-19);
  background-color: var(--SOFT-PINK);
  align-items: flex-end;
  padding: var(--padding-24);
  box-sizing: border-box;
  text-align: justify;
  font-size: var(--fs-24);
  color: var(--TURISME-BLACK);
  font-family: var(--font-open-sans);
  overflow: visible;
  width: 100%;
}
.image-05-01-parent {
  height: var(--height-200);
  width: 374px;
  min-width: 200px;
  flex-shrink: 0;
  position: relative;
  border-radius: var(--br-24);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
  overflow: hidden;
  display: block;
  visibility: visible;
}
.image-05-01-icon {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-24);
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 0;
  visibility: visible;
  opacity: 1;
}
.imagesvg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  z-index: 2;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
  filter: brightness(1.2) drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));
}
.imagesvg-icon path {
  fill: white;
}
.qu-s-la-xefla-a-crrec-de-m-parent {
  height: var(--height-200);
  width: var(--width-778);
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 33.4px;
  max-width: 100%;
  box-sizing: border-box;
}
.lorem-ipsum-dolor,
.qu-s-la6 {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qu-s-la6 {
  margin: 0;
  height: 33.3px;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  white-space: nowrap;
  flex-shrink: 0;
}
.lorem-ipsum-dolor {
  display: -webkit-inline-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.les-xefles-dels-nostres-restau-parent,
.veure-tots-els {
  width: var(--width-1240);
  font-size: var(--fs-24);
  color: var(--TURISME-BLACK);
  font-family: var(--font-open-sans);
}
.veure-tots-els {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: relative;
  font-weight: 700;
  text-align: right;
  display: inline-block;
}
.les-xefles-dels-nostres-restau-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-40);
  max-width: 100%;
  text-align: left;
}
.les-xefles-dels-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--fs-48);
  font-weight: 800;
  font-family: var(--font-montserrat);
  color: var(--SIENNA);
}
.restaurants {
  color: var(--color-indianred);
}
.alguns-dels-restaurants {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  text-align: justify;
  line-height: 1.5;
}
.restaurant-grid {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 41px;
  max-width: 100%;
}
.bloc-4,
.restaurant-pair {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.restaurant-pair {
  gap: var(--gap-40);
  max-width: 100%;
}
.bloc-4 {
  border-radius: var(--br-24);
  background-color: var(--SOFT-PINK);
  padding: var(--padding-24) var(--padding-24) var(--padding-23);
  gap: var(--gap-24);
}
.image-05-04-icon {
  width: var(--width-338);
  height: var(--height-200);
  position: relative;
  border-radius: var(--br-24);
  object-fit: cover;
}
.descripci-dels-elements,
.nom-del-restaurant {
  width: var(--width-338);
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nom-del-restaurant {
  margin: 0;
  height: var(--height-33);
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  white-space: nowrap;
  flex-shrink: 0;
}
.descripci-dels-elements {
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.bloc-8,
.una-jornada-per-recordar-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bloc-8 {
  border-radius: var(--br-24);
  background-color: var(--SOFT-PINK);
  padding: var(--padding-24) var(--padding-24) 56px;
  gap: var(--gap-24);
}
.una-jornada-per-recordar-parent {
  width: var(--width-1240);
  gap: var(--gap-40);
  text-align: left;
  font-size: var(--fs-48);
  color: var(--SIENNA);
  font-family: var(--font-montserrat);
}
.image-05-15-parent {
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 100%;
}
.image-05-15-icon,
.image-05-16-icon,
.image-05-17-icon,
.image-05-18-icon,
.image-05-19-icon,
.image-05-20-icon,
.image-05-21-icon,
.image-05-22-icon,
.image-05-23-icon,
.image-05-24-icon,
.image-05-25-icon,
.image-05-26-icon {
  position: relative;
  width: 100%;
  height: var(--height-267);
  object-fit: cover;
  border-radius: var(--br-24);
}
@media screen and (max-width: 1350px) {
  .header-05-parent {
    height: var(--height-auto);
  }
  .gastroteca5 {
    gap: var(--gap-80);
  }
  .gastroteca-2025-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
  }
  .showcookings-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
  }
  .block-33 {
    height: var(--height-auto);
    flex-wrap: wrap;
  }
  .image-05-01-parent,
  .qu-s-la-xefla-a-crrec-de-m-parent {
    flex: 1;
  }
  .restaurant-grid {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1050px) {
  .menu5 {
    gap: var(--gap-24);
    padding: var(--padding-20) var(--padding-20);
    min-height: auto;
  }
  .fes-la-teva5, .gastroteca6, .qu-s-la5, .una-recepta-viva5 {
    font-size: 16px;
  }
  .gastroteca5 {
    gap: var(--gap-48);
  }
  .gastroteca-2025-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
    gap: var(--gap-20);
  }
  .gastroteca-2025 {
    font-size: 56px;
    width: 100%;
    word-wrap: break-word;
  }
  .el-2025-va {
    width: 100%;
    word-wrap: break-word;
    font-size: var(--fs-24);
  }
  .showcookings-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
    gap: var(--gap-20);
  }
  .showcookings {
    font-size: 38px;
  }
  .block-3-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
  }
  .block-33 {
    gap: var(--gap-20);
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }
  .image-05-01-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-shrink: 1;
  }
  .qu-s-la-xefla-a-crrec-de-m-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .les-xefles-dels-nostres-restau-parent {
    gap: var(--gap-20);
  }
  .les-xefles-dels-container {
    font-size: 38px;
  }
  .restaurant-grid,
  .una-jornada-per-recordar-parent {
    gap: var(--gap-20);
  }
}
@media screen and (max-width: 925px) {
  .block-33 {
    height: auto;
    min-height: auto;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
    overflow: visible;
  }
  .image-05-01-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-shrink: 0;
    order: 1;
    display: block !important;
    visibility: visible !important;
  }
  .qu-s-la-xefla-a-crrec-de-m-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    order: 2;
  }
  .restaurant-grid {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 700px) {
  .gastroteca5 {
    gap: var(--gap-80);
  }
  .header-05-icon {
    height: auto;
    min-height: 0;
    object-fit: contain;
  }
  .gastroteca-2025-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    padding-top: var(--gap-24);
    padding-bottom: var(--gap-32);
    box-sizing: border-box;
    gap: var(--gap-24);
  }
  .gastroteca-2025 {
    font-size: 48px;
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
  }
  .el-2025-va {
    width: 100%;
    word-wrap: break-word;
    font-size: 20px;
    line-height: 1.4;
  }
  .showcookings-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
    gap: var(--gap-32);
  }
  .showcookings {
    font-size: 28px;
  }
  .les-xefles-dels-nostres-restau-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
    gap: var(--gap-32);
    align-items: center;
    text-align: center;
  }
  .les-xefles-dels-container {
    text-align: center;
  }
  .alguns-dels-restaurants {
    text-align: left;
    line-height: 1.5;
    margin-top: 0;
  }
  .restaurant-grid {
    justify-content: center;
    gap: var(--gap-32);
  }
  .restaurant-pair {
    gap: var(--gap-32);
  }
  .restaurant-pair,
  .bloc-4,
  .bloc-8 {
    align-items: center;
  }
  .image-05-04-icon,
  .nom-del-restaurant,
  .descripci-dels-elements {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .block-3-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
    gap: var(--gap-32);
  }
  .block-33 {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    flex-direction: column;
    align-items: stretch;
    overflow: visible;
  }
  .image-05-01-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 200px;
    min-height: 200px;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 1;
    flex-shrink: 0;
  }
  .image-05-01-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .imagesvg-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .qu-s-la-xefla-a-crrec-de-m-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    order: 2;
  }
  .una-jornada-per-recordar-parent {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
    gap: var(--gap-32);
  }
  .image-05-15-parent {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-16);
  }
}
@media screen and (max-width: 450px) {
  .gastroteca5 {
    gap: 64px;
  }
  .header-05-icon {
    height: auto;
  }
  .gastroteca-2025-parent {
    gap: var(--gap-24);
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    padding-top: var(--gap-24);
    padding-bottom: var(--gap-32);
    box-sizing: border-box;
  }
  .showcookings-parent {
    gap: var(--gap-28);
    width: 100%;
    max-width: 100%;
    padding: 0 var(--padding-20);
    box-sizing: border-box;
  }
  .les-xefles-dels-nostres-restau-parent {
    padding: 0 var(--padding-20);
    gap: var(--gap-32);
  }
  .gastroteca-2025 {
    font-size: 36px;
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
  }
  .el-2025-va {
    font-size: var(--fs-19);
    width: 100%;
    word-wrap: break-word;
    line-height: 1.4;
  }
  .showcookings {
    font-size: 24px;
  }
  .block-33 {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    flex-direction: column;
    align-items: stretch;
    overflow: visible;
  }
  .image-05-01-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 200px;
    min-height: 200px;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 1;
    flex-shrink: 0;
  }
  .image-05-01-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .imagesvg-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .qu-s-la-xefla-a-crrec-de-m-parent {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 17px;
    height: auto;
    order: 2;
  }
  .lorem-ipsum-dolor,
  .qu-s-la6,
  .veure-tots-els {
    font-size: var(--fs-19);
  }
  .les-xefles-dels-container {
    font-size: 29px;
  }
  .alguns-dels-restaurants {
    font-size: var(--fs-19);
  }
  .restaurant-pair {
    gap: var(--gap-20);
  }
  .bloc-4 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .descripci-dels-elements,
  .nom-del-restaurant {
    font-size: var(--fs-19);
  }
  .bloc-8 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-36);
    box-sizing: border-box;
  }
  .image-05-15-parent {
    grid-template-columns: 1fr;
  }
}