/* Platges de Nules — estils base. La major part del disseny va en estils en línia a les plantilles. */
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/jost-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jost-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/cormorant-garamond-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2')}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-variant-numeric:lining-nums;background:#f5f2ec;color:#1a1a18;font-family:Jost,system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#1a1a18;text-decoration:none}
a:hover{color:#37798f}
img{max-width:100%}
[hidden]{display:none!important}
main section[id]{scroll-margin-top:140px}
:focus-visible{outline:2px solid #37798f;outline-offset:2px}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#37798f;color:#f5f2ec;padding:10px 16px;border-radius:999px;font-size:12px;letter-spacing:.1em}
.skip:focus{top:12px;color:#f5f2ec}

/* Capçalera */
.lang-btn{font-family:Jost,sans-serif;font-size:9px;letter-spacing:.18em;line-height:1;font-weight:300;color:rgba(245,242,236,.5)}
.lang-btn.is-on{font-weight:500;color:#f5f2ec}
a.lang-btn:hover{color:#f5f2ec}
.nav-l{flex:1 1 220px;display:flex;gap:26px;flex-wrap:wrap;align-items:center}
.nav-r{flex:1 1 300px;display:flex;gap:18px 26px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.nav-a{font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.nav-a.is-active{border-bottom:1px solid #1a1a18;padding-bottom:3px}
.dd{position:relative;display:inline-flex;align-items:center}
.dd-menu{position:absolute;top:100%;left:0;padding-top:12px;display:none;flex-direction:column;min-width:172px;z-index:60}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex}
.burger{display:none}
.bar{display:block;width:22px;height:1.4px;background:#1a1a18;transition:transform .25s ease,opacity .2s ease}
.menu-open .b1{transform:translateY(6px) rotate(45deg)}
.menu-open .b2{opacity:0}
.menu-open .b3{transform:translateY(-6px) rotate(-45deg)}
.mnav{display:none}
.m-a{font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:13px 0;border-bottom:1px solid #e7e2d8}
.m-a.is-active{border-bottom-color:#1a1a18}
.m-sub{font-size:11px;padding:11px 0 11px 18px;color:#6d6155}
.m-last{border-bottom:0}
@media (max-width:859px){
  .nav-l,.nav-r{display:none}
  .burger{flex:1 1 0;display:flex;flex-direction:column;gap:5px;align-items:flex-start;background:transparent;border:0;padding:8px 0;cursor:pointer}
  .menu-open .mnav{flex:1 1 100%;display:flex;flex-direction:column;gap:2px;padding:14px 0 4px;border-top:1px solid #ddd8cd}
}

/* Carrusels */
.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.dot{display:block;border-radius:999px;background:#d4cec1}
.dot.on{background:#37798f}
.hdot{width:8px;height:8px;padding:0;border:0;border-radius:999px;cursor:pointer;background:rgba(245,242,236,.75);box-shadow:0 0 0 1px rgba(20,20,18,.14)}
.hdot.on{background:#37798f}

/* Desplegables */
.rot{transition:transform .25s ease}
[aria-expanded="true"] .rot{transform:rotate(45deg)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.rot,.bar{transition:none}}