@property --borderbstyle {
    syntax: "*";
    inherits: false;
    initial-value: solid
  }

:root {
  --texto: #0b1628;
  --fondo: #fefbf8;
  --secundario: #f2eee7;
  --frente: var(--ink);
  --borde: #e1ddd7;
  --enfasis: #fd7933;
  --crema: #fdfaf4;
  --marca: var(--enfasis);
  --margen: .25rem;
  --blur-header: 24px;
  --colorgex: #0c0c28a6;
  --colorgme: #0c0c2840;
  --black25: #00000040;
  --textocl: #434e5e;
  --bggrid: #fefbf8;
  --container64r: 64rem;
  --container48r: 48rem;
  --ts-1-5r: 1.5rem;
  --fs-d75: .75rem;
  --fs-d75-lh: calc(1 / .75);
  --st-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fd7933' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --st-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fd7933' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #000000 20%, transparent) var(--tw-shadow-alpha), transparent);
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 14px
}
.ffraunces {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
}
.ecolor {
  color: var(--enfasis)
}
.wcolor {
  color: var(--fondo)
}
.wcolor-20 {
  color: rgba(255, 255, 255, .2)
}
.wcolor-50 {
  color: rgba(255, 255, 255, .5)
}
.wcolor-70 {
  color: color-mix(in oklab, var(--fondo) 70%, transparent)
}
.wcolor-80 {
  color: color-mix(in oklab, var(--fondo) 80%, transparent)
}
.colorts {
  color: var(--textocl)
}
.bg-crema {
  background-color: var(--crema)
}
.bg-borde {
  background-color: var(--borde)
}
.bg-gridserveis {
  background-color: var(--bggrid)
}
.bg-texto {
  background-color: var(--texto)
}
.bg-fondo {
  background-color: var(--fondo)
}
.bg-form {
  background-color: rgba(255, 255, 255, .05)
}
.bg-white95 {
  background-color: rgba(255, 255, 255, .95)
}
.bordeheader {
  border-color: color-mix(in oklab, var(--borde) 60%, transparent);
  border-bottom-width: 1px;
  border-bottom-style: var(--borderbstyle)
}
.border-t {
  border-top-style: var(--borderbstyle);
  border-top-width: 1px
}
.border-tl {
  border-top-style: var(--borderbstyle);
  border-top-color: rgb(110, 110, 110);
  border-top-width: 1px
}
.border-comunitat {
  border-style: var(--borderbstyle);
  border-width: 1px
}
.cfondoheader {
  background-color: color-mix(in oklab, var(--fondo) 80%, transparent)
}
.backdrop-blur {
  backdrop-filter: blur(8px)
}
.borderc-contacte {
  border-color: #ffffff1a
}
.borderc-social {
  border-color: rgba(255, 255, 255, .25);
  border-style: var(--borderbstyle);
  border-width: 1px
}
.border-avis {
  border-top-color: rgba(255, 255, 255, .5);
}
.maxw1400 {
  max-width: 1440px
}
.maxw1000 {
  max-width: 1000px
}
.max-w-20r {
  max-width: 20rem
}
.max-w-28r {
  max-width: 28rem
}
.headerheight {
  height: calc(var(--margen) * 16)
}
.aitemsheader {
  height: calc(var(--margen) * 9)
}
.gap-px {
  gap: 1px
}
.gap-4 {
  gap: calc(var(--margen) * 4)
}
.gap-6 {
  gap: calc(var(--margen) * 6)
}
.gap-10 {
  gap: calc(var(--margen) * 10);
}
.gap-12 {
  gap: calc(var(--margen) * 12);
}
.gap-16 {
  gap: calc(var(--margen) * 16);
}
.bordercolor {
  border-color: var(--borde)
}
.borderstyle {
  border-block-style: var(--borderbstyle);
  border-block-width: 1px;
}
.btnh {
  font-size: 14px;
  padding: 10px 20px;
  background-color: var(--texto) !important;
  color: var(--fondo) !important;
  transition: all .15s
}
.btnh:hover {
  background-color: var(--enfasis) !important
}
.btnr {
  border-radius: 3.40282e38px
}
.btn-header {
  background-color: var(--enfasis);
  display: none !important
}
.btn-reserva {
  font-size: 16px;
  background-color: var(--enfasis);
  color: var(--fondo);
  padding-inline: 2rem;
  transition: all .15s
}
.btn-reserva:hover {
  background-color: var(--fondo);
  color: var(--texto)
}
.btn-tra {
  font-size: 16px;
  color: var(--fondo) !important;
  background-color: transparent;
  counter-reset: var(--fondo);
  padding-inline: 2rem;
  border-color: var(--borde) !important;
  transition: all .15s
}
.btn-tra:hover {
  background-color: var(--black25)
}
img, svg {
  vertical-align: middle
}
header .nav-link, header .dropdown-item {
  color: var(--texto);
  transition: color .15s
}
header .nav-link:hover, header .dropdown-item:hover {
  color: var(--enfasis) !important
}
.radsup {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem
}
.radinf {
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem
}
.radcomunitat {
  border-radius: calc(.75rem + 12px)
}
.radfooter {
  border-radius: calc(.75rem + 4px)
}
.dropdown-item {
  padding: 12px 20px !important;
  line-height: 20px
}
.dropdown-item:hover {
  background-color: var(--secundario)
}
.dropdown-menu {
  font-size: 14px !important;
  border-radius: 1.25rem;
  padding: 0
}
.bgcolor {
  background-color: var(--fondo)
}
.tcolor {
  color: var(--texto)
}
.minh100 {
  min-height: 100vh
}
.inset0 {
  inset: 0
}
.gradienteih0 {
  background-image: linear-gradient(to bottom, var(--colorgex), var(--colorgme) 40%, var(--colorgme) 60%, var(--colorgex))
}
.z-10 {
  z-index: 10
}
.p-6 {
  padding: calc(var(--margen) * 6)
}
.p-8 {
  padding: calc(var(--margen) * 8)
}
.pt-6 {
  padding-top: calc(var(--margen) * 6)
}
.pt-8 {
  padding-top: calc(var(--margen) * 8)
}
.pt-32 {
  padding-top: calc(var(--margen) * 32)
}
.pb-i1h {
  padding-bottom: calc(var(--margen) * 16)
}
.px-6 {
  padding-inline: calc(var(--margen) * 6)
}
.py-6 {
  padding-block: calc(var(--margen) * 6) 
}
.py-20 {
  padding-block: calc(var(--margen) * 20) 
}
.py-24 {
  padding-block: calc(var(--margen) * 24)
}
.py-seccion {
  padding-block: calc(var(--margen) * 24)
}
.py-secciona {
  padding-bottom: calc(var(--margen) * 4);
  padding-top: calc(var(--margen) * 32)
}
.letter-sp-d1 {
  letter-spacing: .1rem
}
.letter-sp-n1d5 {
  letter-spacing: -1.5px
}
.letter-sp-3 {
  letter-spacing: .3rem
}
.letter-sp-n2-4 {
  letter-spacing: -2.4px
}
.tbigh1 {
  font-size: 15vw
}
.lineh-1 {
  line-height: 1;
}
.lineh-d95 {
  line-height: .95
}
.lineh-1d625 {
  line-height: 1.625
}
.visc {
  display: none
}
.visnc {
  display: block
}
.mb-d75 {
  margin-bottom: .75rem
}
.mb-6 {
  margin-bottom: calc(var(--margen) * 6)
}
.mb-8 {
  margin-bottom: calc(var(--margen) * 8)
}
.mb-10 {
  margin-bottom: calc(var(--margen) * 10)
}
.mb-12 {
  margin-bottom: calc(var(--margen) * 12)
}
.mb-16 {
  margin-bottom: calc(var(--margen) * 16)
}
.mt-d5 {
  margin-top: calc(var(--margen) * .5);
}
.mt-6 {
  margin-top: calc(var(--margen) * 6)
}
.mt-8 {
  margin-top: calc(var(--margen) * 8)
}
.mt-10 {
  margin-top: calc(var(--margen) * 10)
}
.mt-12 {
  margin-top: calc(var(--margen) * 12)
}
.mt-16 {
  margin-top: calc(var(--margen) * 16)
}
.mt-20 {
  margin-top: calc(var(--margen) * 20)
}
.h-img-sales {
  height: 60vh
}
.h-4 {
  height: calc(var(--margen) * 4)
}
.h-6 {
  height: calc(var(--margen) * 6)
}
.h-7 {
  height: calc(var(--margen) * 7)
}
.h-10 {
  height: calc(var(--margen) * 10)
}
.h-12 {
  height: calc(var(--margen) * 12)
}
.h-ifoot {
  height: calc(var(--margen) * 32)
}
.h-60 {
  height: 60vh
}
.h-70 {
  height: 70vh
}
.h-75vh {
  height: 75vh
}
.h-80 {
  height: 80vh
}
.h-85vh {
  height: 85vh
}
.max-w-42r {
  max-width: 42rem
}
.max-w-48r {
  max-width: var(--container48r)
}
.max-w-56r {
  max-width: 56rem
}
.max-w-64r {
  max-width: var(--container64r)
}
.w-4 {
  width: calc(var(--margen) * 4)
}
.w-6 {
  width: calc(var(--margen) * 6)
}
.w-7 {
  width: calc(var(--margen) * 7)
}
.w-10 {
  width: calc(var(--margen) * 10)
}
.w-600 {
  width: 600px
}
.w-100p {
  width: 100%
}
 @keyframes marqueescroll {
  from {
    transform: translateX(0)
  }
  to {
    transform: translateX(-33.33%)
  }
}
.animamarquee {
  animation: 40s linear infinite marqueescroll
}
.whitespacenw {
  text-wrap-mode: nowrap;
  white-space-collapse: collapse
}
.formattxtspan span {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400
}
.formattextmarquee span {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400
}
.fs-d75 {
  font-size: var(--fs-d75);
  line-height: var(--fs-d75-lh)
}
.fs-d875 {
  font-size: .875rem
}
.lineh-d875 {
  line-height: calc(1.25 / .875);
}
.fs-1d125 {
  font-size: 1.125rem
}
.fs-1d5 {
  font-size: 1.5rem
}
.lineh-1d5 {
  line-height: calc(2 / 1.5)
}
.fs-14p {
  font-size: 14px !important
}
.fs-1r {
  font-size: 1rem
}
.fs-2d25 {
  font-size: 2.25rem
}
.fs-unespai {
  font-size: 3rem;
}
.fs-txpoli {
  font-size: 3rem;
  line-height: 1
}
.fs-cantina {
  font-size: 3rem;
  line-height: 1
}
.fs-opinions {
  font-size: 3rem;
  line-height: 1
}
.fs-30p {
  font-size: 1.875rem;
  line-height: 2.5rem;
  letter-spacing: -0.02em;
  font-weight: 500
}
.tbigh1 {
  word-spacing: -4.4px;
  line-height: .9
}
.fs-tapartado {
  font-size: 6rem;
  line-height: 5.4rem;
  letter-spacing: -2.4px;
  font-weight: 500
}
.fs-stapartado {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -1.2px;
  font-weight: 500
}
.ws-n-1d5{
  word-spacing: -1.5px
}
.grid-cols-serveis {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-footer {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-plans {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-membres {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-zonas {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-31 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.p-cell-serveis{
  padding: calc(var(--margen) * 8)
}
div.bg-gridserveis {
  transition: all .15s
}
div.bg-gridserveis:hover {
  background-color: var(--texto);
  color: var(--fondo)
}
div.bg-gridserveis:hover > .logoser {
  transform: scale(1.10)
}
div.bg-gridserveis:hover > .fs-d875 {
  color: #ffffffb3
}
.order-sales {
  order: 2
}
.order-img-sales {
  order: 1
}
ul.listasales {
  list-style: none;
  padding-left: 0px
}
.listasales > li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px
}
.accordion-item {
  background-color: transparent
}
.accordion-button {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
  font-size: 1.25rem;
  margin-top: 1.25rem;
  background-color: transparent
}
.accordion-button:not(.collapsed) {
  background-color: transparent;
  border-bottom-color: transparent
}
.accordion-button:focus {
  box-shadow: none
}
.accordion-button::after {
  background-image: var(--st-accordion-btn-icon)
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--st-accordion-btn-active-icon)
}
.accordion-body {
  font-size: 1rem;
  line-height: 26px
}
form label {
  color: #ffffff99;
  text-transform: uppercase;
  font-size: 12px
}
#contacte label {
  color: var(--textocl);
  text-transform: uppercase;
  font-size: 12px
}
.form-control {
  background-color: rgba(255, 255, 255, .05) !important;
  color: var(--fondo);
  border-radius: calc(.75rem + 4px);
  border-color: rgba(255, 255, 255, .15);
  padding: 12px 16px
}
#contacte .form-control {
  background-color: var(--fondo) !important;
  color: var(--textocl);
  border-radius: calc(.75rem + 4px);
  border-color: rgba(105, 105, 105, 0.15);
  padding: 12px 16px
}
.form-control::placeholder {
  color: #ffffff99
}
#contacte .form-control::placeholder {
  color: #7a7a7a
}
form button.btn {
  background-color: var(--enfasis);
  color: var(--fondo);
  border-color: none;
  padding: 16px 24px
}
form button.btn:hover {
  background-color: var(--fondo);
  color: var(--texto)
}
#contacte button.btn {
  background-color: var(--texto);
  color: var(--borde);
  border-color: none;
  padding: 16px 24px
}
#contacte button.btn:hover {
  background-color: var(--enfasis)
}
.form-control:focus {
  border-color: var(--enfasis) !important;
  box-shadow: none;
  color: var(--fondo)
}
.bottom-n10 {
  bottom: calc(var(--margen) * -10)
}
.right-n20 {
  right: calc(var(--margen) * -20)
}
.opacity-20 {
  opacity: .2
}
.pointer-events-none {
  pointer-events: none
}
ul.listafooter {
  list-style: none;
  padding-left: 0px
}
.listafooter li {
  margin-top: .75rem
}
.listafooter a {
  color: var(--fondo);
  text-decoration: none;
  transition: color linear 0.15s
}
.listafooter a:hover {
  color: var(--enfasis)
}
.avis {
  color: rgba(255, 255, 255, .5);
  text-decoration: none;
  transition: color linear .15s
}
.avis:hover {
  color: var(--fondo);
}
.hidesm {
  display: none
}
.showmlg {
  display: block
}
nav .navbar {
  padding-bottom: 0px
}
nav .navbar-collapse {
  margin-left: -12px;
  padding-left: 0px;
  margin-right: -12px;
  padding-right: 0px;
  margin-top: 12px;
  margin-bottom: -12px;
  background-color: var(--fondo)
}
nav .navbar-nav {
  padding: 24px
}
nav .nav-item {
  font-size: 1rem;
  padding-block: .35rem;
}
nav .nav-item.subm {
  padding-left: 1rem;
  margin: -12px 0px;
  font-size: .875rem
}
nav .nav-link {
  color: var(--texto) !important;
  font-weight: 500
}
nav .subm .nav-link {
  color: #434e5e !important;
  font-weight: 400
}
nav .nav-link:hover, nav .subm .nav-link:hover {
  color: var(--enfasis) !important
}
.btnmenu {
  background-color: black !important;
  color: var(--fondo) !important;
  font-size: .875rem;
  border-radius: 3.40282e38px
}
.btnmenue {
  background-color: var(--enfasis) !important;
  color: var(--fondo) !important;
  font-size: .875rem;
  border-radius: 3.40282e38px
}
.aspectrsq {
  aspect-ratio: 1
}
.cell01 {
  background-color: #ff9c68
}
.cell02 {
  background-color: #2b3b55
}
.cell03 {
  background-color: #00b4bc;
}
.cell04 {
  background-color: #4aa651
}
.cell05 {
  background-color: #c53637
}
.cell06 {
  background-color: #d1a84b
}
.cell07 {
  background-color: #486491
}
.cell08 {
  background-color: #ff909a
}
.cellf {
  font-size: 30px;
  line-height: 37.5px
}
.bottom-6 {
  bottom: calc(var(--margen) * 6)
}
.right-6 {
  right: calc(var(--margen) * 6)
}
.z-40 {
  z-index: 40
}
.h-14 {
  height: calc(var(--margen) * 14)
}
.w-14 {
  width: calc(var(--margen) * 14)
}
.rounded-full {
  border-radius: 100%;
}
.bg-wa {
  background-color: #25D366
}
.nodeco {
  text-decoration: none;
  color: inherit !important
}
@media(width<992px) {
  .aitemsheader {
    margin-left: 1rem
  }
  .visc {
    display: block
  }
  .visnc {
    display: none
  }
  .bgnc {
    background-color: var(--fondo) !important;
    padding-inline: 2rem;
    border-radius: 1.25rem
  }
}
sup {
  vertical-align: middle;
  font-size: smaller
}
@media (width >= 768px) {
  .ts-1-5r {
    font-size: var(--ts-1-5r)
  }
  .fs-unespai {
    font-size: 4.5rem
  }
  .tbigh1 {
    font-size: 9rem
  }
  .fs-cantina {
    font-size: 4.5rem;
    line-height: .95
  }
  .fs-opinions {
    font-size: 3.75rem
  }
  .formattxtspan {
    font-size: 1.875rem
  }
  .grid-cols-serveis {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .grid-cols-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .grid-cols-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .fs-txpoli {
    font-size: 3.75rem;
    line-height: 1
  }
  .accordion-button {
    font-size: 1.5rem
  }
  .flex-row {
    flex-direction: row !important
  }
}
@media(width >= 992px) {
  .latpadding {
    padding-inline: calc(var(--margen) * 10)
  }
  .fondoheaderblurfull {
    --backdropheader: blur(var(--blur-header));
    backdrop-filter: var(--backdropheader)
  }
  .headerheight {
    height: calc(var(--margen) * 20)
  }
  .aitemsheader {
    height: calc(var(--margen) * 11)
  }
  .pb-i1h {
    padding-bottom: calc(var(--margen) * 24)
  }
  .px-10 {
    padding-inline: calc(var(--margen) * 10)
  }
  .py-40 {
    padding-block: calc(var(--margen) * 40)
  }
  .btn-header {
    display: block !important
  }
  .tbigh1 {
    font-size: 11rem
  }
  .py-seccion {
    padding-block: calc(var(--margen) * 40)
  }
  .py-secciona {
    padding-bottom: calc(var(--margen) * 12);
    padding-top: calc(var(--margen) * 44)
  }
  .py-seccionb {
    padding-block: calc(var(--margen) * 32)
  }
  .gridcols {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }
  .grid-cols-serveis {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
  .grid-cols-poli {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .grid-cols-contacte {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .grid-cols-footer {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
  .grid-cols-membres {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .grid-cols-zonas {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .grid-cols-31 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .col-span-lg-6 {
    grid-column: span 6/ span 6
  }
  .col-span-lg-7 {
    grid-column: span 7/ span 7
  }
  .grid-cols-sales {
    grid-column: span 5 / span 5
  }
  .col-start-8 {
    grid-column-start: 8
  }
  .corder-sales {
    order: 1
  }
  .order-img-sales {
    order: 2
  }
  .fs-unespai {
    font-size: 6rem
  }
  .fs-tapartado {
    font-size: 8rem;
    line-height: 7.2rem;
    letter-spacing: -3.2px;
    font-weight: 500
  }
  .fs-stapartado {
    font-size: 3.75rem;
    line-height: 3.75rem;
    letter-spacing: -1.5px;
    font-weight: 500
  }
  .p-cell-serveis {
    padding: calc(var(--margen) * 10)
  }
  .h-img-sales {
    height: 70vh
  }
  .hidesm {
    display: block
  }
  .showmlg {
    display: none
  }
}
@media(width >= 1200px) {
  .grid-cols-plans {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
  .grid-cols-membres {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}