@layer imposa, motor, llibreria, galetes, model, lloc;
@layer llibreria {
#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}
}
@layer imposa {
@media (max-width: 899px) {
#cc-main .cm__btn-group:has(.cm__btn + .cm__btn) { display: grid !important; }
#cc-main .cm__btn-group:has(.cm__btn + .cm__btn) .cm__btn { margin: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; animation: none !important; }
::details-content { transition: none !important; }
}
}
@layer motor {
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(/tipus/plus-jakarta-sans-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(/tipus/plus-jakarta-sans-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
--lletra-minim:          12px;
--lletra-nota:           14px;
--lletra-interficie:     15px;
--lletra-petit:          13px;
--lletra-base:           16px;
--lletra-lectura:        17px;
--lletra-destacat:       18px;
--lletra-boto:           16px;
--lletra-subtitol:       19px;
--lletra-titol-columna:  19px;
--lletra-titol-targeta:  22px;
--lletra-nom-targeta:    22px;
--lletra-titol-seccio:   22px;
--lletra-titol-pagina:   30px;
--toc:         44px;
--radi:        12px;
--clima-calor: #FDDCCC;
--clima-fred:  #CDE8EC;
--valor-de-la-clau: var(--text);
--text-suau-sobre-accent: rgba(255, 255, 255, .82);
--ample:       1180px;
--lectura:     860px;
--capcalera:   84px;
--cataleg:     1420px;
--tipus:       'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
interpolate-size: allow-keywords;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
padding: 0;
background: var(--fons);
color: var(--text);
font-family: var(--tipus);
font-size: var(--lletra-base);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: var(--principal-viu); }
h1, h2, h3 {
line-height: 1.2;
font-weight: 800;
margin: 0;
color: var(--principal);
}
h1 { font-size: var(--lletra-titol-pagina); }
h2 { font-size: var(--lletra-titol-seccio); }
h3 { font-size: var(--lletra-lectura); font-weight: 700; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
.contenidor {
max-width: var(--ample);
margin: 0 auto;
padding: 0 18px;
}
:focus-visible {
outline: 3px solid var(--accent);
outline-offset: 2px;
}
.destacat { color: var(--accent-sobre-fons); }
.boto {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--toc);
padding: 12px 26px;
border-radius: 999px;
font-size: var(--lletra-destacat);
font-weight: 600;
text-decoration: none;
transition: background-color .2s ease;
}
.boto-principal  { background: var(--principal); color: #fff; }
.boto-accent { background: var(--accent); color: var(--text-sobre-accent); }
.capcalera {
position: sticky;
top: 0;
z-index: 15;
background: var(--principal);
color: #fff;
--capcalera-coixi: 14px;
padding: var(--capcalera-coixi) 0;
border-bottom: 2px solid var(--accent);
}
.capcalera .contenidor {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
@media (max-width: 619px) {
:where(html:not(.amb-js)) .capcalera .contenidor { flex-wrap: wrap; }
}
.marca {
display: flex;
align-items: center;
min-height: var(--toc);
text-decoration: none;
}
.marca img {
height: 54px;
width: auto;
display: block;
}
.menu {
order: 3;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
}
.menu a,
.menu-aviat {
position: relative;
display: flex;
align-items: center;
min-height: var(--toc);
padding: 8px 10px 8px 14px;
border-radius: 8px;
color: var(--secundari-sobre-principal);
text-decoration: none;
font-size: var(--lletra-base);
font-weight: 600;
}
.menu-aviat { opacity: .55; cursor: default; }
.menu a::before {
content: "";
position: absolute;
left: 4px;
top: 50%;
width: 2px;
height: 0;
transform: translateY(-50%);
background: var(--accent);
transition: height .18s ease;
}
.menu a[aria-current] { color: var(--accent-sobre-principal); }
.menu a[aria-current]::before { height: 18px; }
.menu-grup { position: relative; }
.menu-grup-boto {
position: relative;
display: flex;
align-items: center;
gap: 4px;
width: 100%;
min-height: var(--toc);
padding: 8px 10px 8px 14px;
border: 0;
border-radius: 8px;
background: none;
color: var(--secundari-sobre-principal);
font-family: inherit;
font-size: var(--lletra-base);
font-weight: 600;
}
.menu-grup-boto::before {
content: "";
position: absolute;
left: 4px;
top: 50%;
width: 2px;
height: 0;
transform: translateY(-50%);
background: var(--accent);
transition: height .18s ease;
}
.menu-grup-boto .ico {
display: none;
width: 16px;
height: 16px;
flex: 0 0 16px;
background: currentColor;
transition: transform .2s ease;
}
.menu-grup.actual > .menu-grup-boto { color: var(--accent-sobre-principal); }
.menu-grup.actual > .menu-grup-boto::before { height: 18px; }
.menu-grup-llista { display: flex; flex-direction: column; }
.menu-grup-llista a { padding-left: 28px; }
@media (max-width: 619px) {
.menu-grup-boto {
min-height: 0;
padding: 18px 10px 4px 14px;
font-size: var(--lletra-minim);
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
opacity: .6;
}
.menu-grup-boto::before { display: none; }
.menu .menu-grup-llista a { padding-left: 14px; }
}
.menu-boto {
display: flex;
align-items: center;
justify-content: center;
width: var(--toc);
height: var(--toc);
padding: 0;
border: 0;
border-radius: 8px;
background: none;
cursor: pointer;
margin-left: auto;
}
.menu-boto .ico { width: 24px; height: 24px; flex: 0 0 24px; }
:where(.amb-js) .menu.plegable {
order: 0;
position: absolute;
top: calc(100% + 14px);
right: 18px;
width: auto;
min-width: 200px;
flex-direction: column;
align-items: stretch;
padding: 8px;
background: var(--principal);
border: 1px solid var(--secundari);
border-radius: var(--radi);
}
:where(.amb-js) .plegable:not(.obert) { display: none; }
.idiomes { display: flex; gap: 4px; }
.idiomes a {
color: var(--secundari-sobre-principal);
text-decoration: none;
font-size: var(--lletra-nota);
font-weight: 600;
padding: 8px 10px;
border-radius: 8px;
min-height: var(--toc);
display: flex;
align-items: center;
}
.idiomes a[aria-current="true"] { color: #fff; background: var(--vel-clar); }
.idiomes-boto {
display: flex;
align-items: center;
gap: 4px;
min-height: var(--toc);
padding: 8px 10px;
border: 0;
border-radius: 8px;
background: var(--vel-clar);
color: #fff;
font-family: inherit;
font-size: var(--lletra-nota);
font-weight: 600;
cursor: pointer;
}
.idiomes-boto .ico {
width: 16px;
height: 16px;
flex: 0 0 16px;
background: currentColor;
}
:where(html:not(.amb-js)) .menu-boto,
:where(html:not(.amb-js)) .idiomes-boto { display: none; }
:where(.amb-js) .idiomes a[aria-current="true"] { display: none; }
.idiomes-boto[aria-expanded="true"] .ico { transform: rotate(180deg); }
.idiomes-caixa { position: relative; }
:where(.amb-js) .idiomes.plegable {
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 0;
background: var(--principal-desplegat);
border-radius: 0 0 8px 8px;
overflow: hidden;
}
:where(.amb-js) .idiomes.plegable a {
justify-content: flex-start;
min-height: 40px;
padding: 8px 10px;
border-radius: 0;
color: #fff;
font-weight: 600;
}
:where(.amb-js) .idiomes.plegable a:focus-visible { outline-offset: -3px; }
.idiomes-boto[aria-expanded="true"] { border-radius: 8px 8px 0 0; }
.entrada {
background: var(--fons);
padding: 32px 0 20px;
}
.entrada h1 { font-size: var(--lletra-titol-pagina); }
.entrada + .seccio { padding-top: 28px; }
.entrada + .contenidor .bloc { padding-top: 5px; }
.entrada p {
color: var(--text-suau);
font-size: var(--lletra-lectura);
max-width: 68ch;
margin-top: 14px;
margin-bottom: 0;
}
.portada .entrada p { max-width: none; }
.portada .entrada h1 + p { margin-top: 30px; }
.contenidor.ample-cataleg { max-width: var(--cataleg); }
.filtres-boto {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
min-height: var(--toc);
margin-bottom: 18px;
padding: 0 16px;
border: 1px solid var(--linia);
border-radius: var(--radi);
background: #fff;
color: var(--principal);
font: inherit;
font-size: var(--lletra-interficie);
font-weight: 700;
cursor: pointer;
}
.filtres-boto .ico {
width: 16px;
height: 16px;
flex: 0 0 16px;
margin-left: auto;
background: var(--principal-viu);
transition: transform .18s ease;
}
.filtres-boto[aria-expanded="true"] .ico { transform: rotate(180deg); }
:where(html:not(.amb-js)) .filtres-boto { display: none; }
.filtres { margin-bottom: 28px; }
.compte {
margin: 0;
font-size: var(--lletra-interficie);
font-weight: 600;
color: var(--text-suau);
}
.neteja {
display: none;
margin-top: 8px;
font-size: var(--lletra-nota);
color: var(--principal-viu);
text-decoration: none;
}
.filtres.tria .neteja { display: inline-block; }
:where(.filtrant) .filtres .neteja { display: inline-block; }
:where(.filtrant) .resultats { visibility: hidden; }
.grup { border-top: 1px solid var(--linia); }
.grup:first-of-type { margin-top: 26px; }
.grup summary {
display: flex;
align-items: center;
gap: 8px;
padding: 20px 0;
cursor: pointer;
list-style: none;
font-size: var(--lletra-petit);
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
color: var(--text-suau);
}
.grup summary::-webkit-details-marker { display: none; }
.grup[open] summary { color: var(--principal); }
.grup summary .ico {
width: 16px;
height: 16px;
flex: 0 0 16px;
margin-left: auto;
background: var(--principal-viu);
transition: transform .18s ease;
}
.grup[open] summary .ico { transform: rotate(180deg); }
.opcions { display: grid; padding-bottom: 26px; }
.opcio {
display: flex;
align-items: center;
gap: 11px;
min-height: 34px;
cursor: pointer;
font-size: var(--lletra-base);
color: var(--text);
}
.opcio input {
appearance: none;
-webkit-appearance: none;
flex: 0 0 auto;
width: 20px;
height: 20px;
margin: 0;
border: 1.5px solid rgba(var(--principal-rgb), .28);
border-radius: 6px;
background: #fff;
cursor: pointer;
transition: background-color .15s ease, border-color .15s ease;
}
.opcio input:checked {
border-color: var(--principal-viu);
background: var(--principal-viu) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E") center / 13px no-repeat;
}
:where(html:not(.amb-js)) .grup-interval { display: none; }
.interval { display: grid; gap: 8px; padding-bottom: 26px; }
.interval-fila { display: flex; align-items: center; gap: 8px; }
.interval-nom {
flex: 1;
font-size: var(--lletra-base);
color: var(--text);
}
.interval-boto {
position: relative;
flex: 0 0 auto;
width: 34px;
height: 34px;
padding: 0;
border: 1.5px solid rgba(var(--principal-rgb), .28);
border-radius: 8px;
background: #fff;
color: var(--principal-viu);
cursor: pointer;
transition: border-color .15s ease, color .15s ease;
}
.interval-boto::before,
.interval-boto[data-pas="1"]::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 2px;
margin: -1px 0 0 -6px;
border-radius: 1px;
background: currentColor;
}
.interval-boto[data-pas="1"]::after { transform: rotate(90deg); }
.interval-boto[disabled] { color: var(--text-suau); opacity: .45; cursor: default; }
.interval-valor {
min-width: 2.2em;
text-align: center;
font-size: var(--lletra-base);
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--principal);
}
:where(html:not(.amb-js)) .grup-lliscador { display: none; }
.lliscador { padding-bottom: 26px; }
.lliscador-valors {
display: flex;
gap: 6px;
margin: 0 0 6px;
font-size: var(--lletra-base);
font-variant-numeric: tabular-nums;
color: var(--text);
}
.lliscador-pista {
--des: 0%;
--fins: 100%;
position: relative;
height: 34px;
}
.lliscador-pista::before {
content: "";
position: absolute;
left: 11px;
right: 11px;
top: 50%;
height: 4px;
margin-top: -2px;
border-radius: 2px;
background: linear-gradient(to right,
rgba(var(--principal-rgb), .16) var(--des), var(--principal-viu) var(--des),
var(--principal-viu) var(--fins), rgba(var(--principal-rgb), .16) var(--fins));
}
.lliscador-pista input {
-webkit-appearance: none;
appearance: none;
position: absolute;
inset: 0;
width: 100%;
height: 34px;
margin: 0;
background: none;
pointer-events: none;
}
.lliscador-pista input:focus-visible { outline: none; }
.lliscador-pista input::-webkit-slider-runnable-track { height: 34px; background: none; }
.lliscador-pista input::-moz-range-track { background: none; }
.lliscador-pista input::-webkit-slider-thumb {
-webkit-appearance: none;
box-sizing: border-box;
width: 22px;
height: 22px;
margin-top: 6px;
border: 2px solid var(--principal-viu);
border-radius: 50%;
background: #fff;
cursor: grab;
pointer-events: auto;
}
.lliscador-pista input::-moz-range-thumb {
box-sizing: border-box;
width: 22px;
height: 22px;
border: 2px solid var(--principal-viu);
border-radius: 50%;
background: #fff;
cursor: grab;
pointer-events: auto;
}
.lliscador-pista input:active::-webkit-slider-thumb { cursor: grabbing; }
.lliscador-pista input:active::-moz-range-thumb { cursor: grabbing; }
.lliscador-pista input:focus-visible::-webkit-slider-thumb { outline: 3px solid var(--accent); outline-offset: 2px; }
.lliscador-pista input:focus-visible::-moz-range-thumb { outline: 3px solid var(--accent); outline-offset: 2px; }
.cap-resultat {
margin: 0;
padding: 48px 0;
font-size: var(--lletra-lectura);
color: var(--text-suau);
}
.seccio { padding: 40px 0; }
.graella {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
}
.bloc { padding: 60px 0; }
.bloc h2 { margin-bottom: 16px; }
.dues-columnes p:last-child { margin-bottom: 0; }
.text { max-width: 68ch; font-size: var(--lletra-lectura); }
.text h2 { margin-top: 45px; margin-bottom: 17px; font-size: var(--lletra-titol-seccio); }
.text > h2:first-child { margin-top: 4px; }
.text h3 { margin-top: 29px; margin-bottom: 17px; font-size: var(--lletra-subtitol); }
.text h2 + h3 { margin-top: 21px; }
.text p { margin-bottom: 9px; }
.text p:last-child { margin-bottom: 0; }
.text .llista,
.text ol { margin: 0 0 9px; padding-top: 3px; padding-bottom: 4px; }
.text .llista li { padding-top: 3px; padding-bottom: 3px; }
.text .llista.neutra li::before { top: 12px; }
.text ol { padding-left: 20px; }
.text ol li { padding: 2.5px 0; }
.taula { overflow-x: auto; margin: 0 0 16px; }
.taula:last-child { margin-bottom: 0; }
.taula table {
width: 100%;
border-collapse: collapse;
font-size: var(--lletra-lectura);
font-variant-numeric: tabular-nums;
}
.taula th, .taula td {
padding: 8px 16px 8px 0;
text-align: left;
vertical-align: baseline;
border-bottom: 1px solid var(--linia);
white-space: nowrap;
}
.taula thead th { color: var(--accent-text); font-weight: 600; }
.taula tbody th { font-weight: 400; color: var(--text); }
.clima-llegenda {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin: 0 0 14px;
font-family: var(--tipus);
font-size: var(--lletra-petit);
color: var(--text);
}
.clima-llegenda span { display: inline-flex; align-items: center; gap: 7px; }
.clima-llegenda span::before {
content: '';
width: 13px;
height: 13px;
border-radius: 3px;
border: 1px solid var(--linia);
}
.clima-llegenda .clima-calor::before { background: var(--clima-calor); }
.clima-llegenda .clima-fred::before { background: var(--clima-fred); }
.taula-clima { border: 1px solid var(--linia); border-radius: var(--radi); }
.taula-clima table { min-width: 520px; font-family: var(--tipus); font-size: var(--lletra-nota); }
.taula-clima th, .taula-clima td {
padding: 8px 6px;
text-align: center;
border-bottom: 1px solid var(--linia);
border-left: 1px solid var(--linia);
}
.taula-clima thead th {
background: var(--accent);
color: var(--text-sobre-accent);
border-bottom: 0;
border-left-color: rgba(255, 255, 255, .15);
}
.taula-clima thead tr:first-child th { padding-top: 10px; padding-bottom: 6px; }
.taula-clima thead tr + tr th {
background: color-mix(in srgb, var(--accent) 82%, black);
color: rgba(255, 255, 255, .7);
font-size: var(--lletra-minim);
font-weight: 500;
text-transform: uppercase;
letter-spacing: .06em;
padding-top: 6px;
padding-bottom: 6px;
}
.taula-clima thead tr:first-child th:first-child {
text-transform: uppercase;
letter-spacing: .07em;
font-size: var(--lletra-petit);
}
.taula-clima th:first-child {
position: sticky;
left: 0;
z-index: 1;
text-align: left;
padding-left: 18px;
border-left: 0;
}
.taula-clima tbody th { background: var(--fons-alt); font-weight: 500; }
.taula-clima tbody td { background: var(--fons); }
.taula-clima tbody td.clima-calor-1 { background: var(--clima-calor); }
.taula-clima tbody td.clima-calor-2 { background: color-mix(in srgb, var(--clima-calor), var(--principal-viu) 12%); }
.taula-clima tbody td.clima-fred-1 { background: var(--clima-fred); }
.taula-clima tbody td.clima-fred-2 { background: color-mix(in srgb, var(--clima-fred), var(--accent) 12%); }
.taula-clima tbody td.clima-fred-3 { background: color-mix(in srgb, var(--clima-fred), var(--accent) 24%); }
.taula-clima tbody td.clima-fred-4 { background: color-mix(in srgb, var(--clima-fred), var(--accent) 36%); }
.taula-clima tbody td.clima-fred-5 { background: color-mix(in srgb, var(--clima-fred), var(--accent) 48%); }
.taula-clima tbody tr:last-child > * { border-bottom: 0; }
.guia-text .clima-llegenda { column-span: all; }
.guia-text > :not(.taula) + .clima-llegenda { margin-top: 32px; }
.clima-tria { display: none; }
@media (max-width: 899px) {
.clima-tria { display: grid; gap: 6px; margin: 0 0 14px; }
.clima-tria > div { display: flex; flex-wrap: wrap; gap: 6px; }
.clima-tria label {
padding: 6px 12px;
border: 1px solid var(--linia);
border-radius: 20px;
font-family: var(--tipus);
font-size: var(--lletra-petit);
font-weight: 500;
color: var(--text);
cursor: pointer;
}
.clima-tria input { position: absolute; opacity: 0; pointer-events: none; }
.clima-tria label:has(input:checked) { background: var(--accent); border-color: var(--accent); color: var(--text-sobre-accent); }
.clima-tria label:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
:has(> .clima-tria [data-lloc="1"]:checked) > .taula-clima [data-lloc]:not([data-lloc="1"]),
:has(> .clima-tria [data-lloc="1"]:checked) > .taula-clima:not(:has([data-lloc="1"])),
:has(> .clima-tria [data-lloc="2"]:checked) > .taula-clima [data-lloc]:not([data-lloc="2"]),
:has(> .clima-tria [data-lloc="2"]:checked) > .taula-clima:not(:has([data-lloc="2"])),
:has(> .clima-tria [data-lloc="3"]:checked) > .taula-clima [data-lloc]:not([data-lloc="3"]),
:has(> .clima-tria [data-lloc="3"]:checked) > .taula-clima:not(:has([data-lloc="3"])),
:has(> .clima-tria [data-lloc="4"]:checked) > .taula-clima [data-lloc]:not([data-lloc="4"]),
:has(> .clima-tria [data-lloc="4"]:checked) > .taula-clima:not(:has([data-lloc="4"])),
:has(> .clima-tria [data-lloc="5"]:checked) > .taula-clima [data-lloc]:not([data-lloc="5"]),
:has(> .clima-tria [data-lloc="5"]:checked) > .taula-clima:not(:has([data-lloc="5"])),
:has(> .clima-tria [data-lloc="6"]:checked) > .taula-clima [data-lloc]:not([data-lloc="6"]),
:has(> .clima-tria [data-lloc="6"]:checked) > .taula-clima:not(:has([data-lloc="6"])),
:has(> .clima-tria [data-lloc="7"]:checked) > .taula-clima [data-lloc]:not([data-lloc="7"]),
:has(> .clima-tria [data-lloc="7"]:checked) > .taula-clima:not(:has([data-lloc="7"])),
:has(> .clima-tria [data-lloc="8"]:checked) > .taula-clima [data-lloc]:not([data-lloc="8"]),
:has(> .clima-tria [data-lloc="8"]:checked) > .taula-clima:not(:has([data-lloc="8"])) { display: none; }
:has(> .clima-tria) > .taula-clima table { min-width: 0; }
:is(.guia-text, .text):has(> .clima-tria) > .taula.taula-clima { margin-top: 0; }
}
.guia-text .taula { column-span: all; }
.guia-text > :not(.taula) + .taula { margin-top: 16px; }
.guia-text .taula table { table-layout: fixed; }
.guia-text .taula + .taula { margin-top: 40px; }
.text a,
.formulari-consentiment a,
.formulari-proteccio a { color: var(--accent-text); font-weight: 600; text-decoration: none; }
.llista { list-style: none; padding: 0; margin: 0; }
.llista li {
position: relative;
padding: 6px 0 6px 30px;
font-size: var(--lletra-lectura);
break-inside: avoid;
}
.llista li::before {
content: "";
position: absolute;
left: 0; top: 10px;
width: 18px; height: 18px;
background: var(--positiu);
--ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
-webkit-mask: var(--ico) no-repeat center / contain;
mask: var(--ico) no-repeat center / contain;
}
.llista.neutra li::before {
top: 15px;
left: 5px;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--accent);
-webkit-mask: none;
mask: none;
}
.contacte {
scroll-margin-top: calc(var(--capcalera) + 6px);
background: var(--principal-viu);
color: #fff;
padding: 48px 0;
}
.contacte h2 { color: #fff; font-size: var(--lletra-titol-seccio); }
.contacte-vies p { color: var(--secundari-sobre-principal-viu); font-size: var(--lletra-lectura); margin: 0; }
.contacte-vies h2 + p { margin-top: 16px; }
.contacte-vies p + p { margin-top: 8px; }
.vies { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.via {
transition: background-color .18s ease, border-color .18s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 12px 18px;
border: 1px solid transparent;
border-radius: var(--radi);
text-decoration: none;
font-size: var(--lletra-boto);
font-weight: 600;
}
.via.principal { background: var(--whatsapp); color: #fff; }
.via.secundaria { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.35); }
.via.formulari { background: var(--accent); color: var(--text-sobre-accent); }
.contacte--formulari .vies { display: none; }
.contacte-formulari { margin-top: 28px; }
.contacte-formulari p { font-size: var(--lletra-base); margin-top: 8px; }
.contacte-formulari .formulari-camp input,
.contacte-formulari .formulari-camp select,
.contacte-formulari .formulari-camp textarea { color: #fff; border-bottom-color: #fff; }
.contacte-formulari .formulari-camp label,
.contacte-formulari .formulari-obligatoris,
.contacte-formulari .formulari-consentiment label,
.contacte-formulari .formulari-menors,
.contacte-formulari .formulari-proteccio { color: #fff; }
.contacte-formulari .formulari-consentiment a,
.contacte-formulari .formulari-proteccio a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.contacte-formulari .formulari-camp--tria::after { border-right-color: #fff; border-bottom-color: #fff; }
.contacte-formulari .formulari-camp input:user-invalid,
.contacte-formulari .formulari-camp select:user-invalid,
.contacte-formulari .formulari-camp textarea:user-invalid { border-bottom-color: var(--negatiu-sobre-fosc); }
.contacte-formulari .formulari-avis { color: var(--negatiu-sobre-fosc); }
.contacte-formulari .formulari-consentiment input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
flex: 0 0 20px;
width: 20px;
height: 20px;
margin: 1px 0 0;
border: 1.5px solid #fff;
border-radius: 4px;
background: transparent;
display: grid;
place-content: center;
cursor: pointer;
}
.contacte-formulari .formulari-consentiment input[type="checkbox"]::before {
content: "";
width: 14px;
height: 14px;
background: var(--text);
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
transform: scale(0);
transition: transform .15s ease;
}
.contacte-formulari .formulari-consentiment input[type="checkbox"]:checked {
background: var(--accent-sobre-principal-viu);
border-color: var(--accent-sobre-principal-viu);
}
.contacte-formulari .formulari-consentiment input[type="checkbox"]:checked::before { transform: scale(1); }
.contacte-formulari .formulari-consentiment input[type="checkbox"]:focus-visible {
outline: 2px solid var(--accent-sobre-principal-viu);
outline-offset: 2px;
}
.contacte-formulari .formulari-camp input:-webkit-autofill,
.contacte-formulari .formulari-camp select:-webkit-autofill,
.contacte-formulari .formulari-camp textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--principal-viu) inset;
box-shadow: 0 0 0 1000px var(--principal-viu) inset;
-webkit-text-fill-color: #fff;
caret-color: #fff;
}
.barra {
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 20;
display: flex;
gap: 8px;
padding: 10px 12px;
background: var(--principal-viu);
border-top: 1px solid var(--vel-clar);
transition: transform .25s ease;
}
.barra.amagada { transform: translateY(100%); }
.barra a {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
min-height: 48px;
padding: 6px 2px;
border-radius: 10px;
text-decoration: none;
font-size: var(--lletra-minim);
font-weight: 600;
line-height: 1.1;
}
.barra .ico { width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; }
@media (max-width: 379px) {
.barra { gap: 6px; padding-left: 8px; padding-right: 8px; }
.barra a { font-size: 11px; padding-left: 0; padding-right: 0; }
}
.barra .b1 { background: var(--whatsapp); color: #fff; }
.barra .b2 { background: var(--vel-clar); color: #fff; }
.barra .b3 { background: var(--accent); color: var(--text-sobre-accent); }
.peu {
--peu-gris: rgba(255, 255, 255, .58);
background: var(--peu);
color: var(--peu-gris);
padding: 44px 0 106px;
font-size: var(--lletra-nota);
text-align: center;
}
.peu a { color: var(--peu-gris); }
.peu-columnes { display: grid; gap: 34px; }
.peu-logo,
.peu-columna { display: none; }
.peu-columna h2 {
font-size: var(--lletra-interficie);
line-height: 1.3;
color: var(--secundari-sobre-peu);
margin-bottom: 12px;
}
.peu-columna ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 9px;
}
.peu-columna a { text-decoration: none; }
.peu-columna span { color: var(--peu-gris); }
.peu-logo img { width: 170px; height: auto; display: block; }
.peu-marca p { margin: 0 auto 18px; max-width: 42ch; }
.peu-grup ul { gap: 8px; }
.peu-fila {
display: flex;
align-items: center;
gap: 12px;
padding: 9px 12px;
border: 1px solid rgba(255, 255, 255, .07);
border-radius: 8px;
transition: background-color .2s ease, border-color .2s ease;
}
.peu-fila strong { display: block; color: #fff; font-weight: 600; }
.peu-fila-text > span { display: block; font-size: var(--lletra-petit); }
.peu-fletxa {
margin-left: auto;
flex: 0 0 12px;
opacity: .25;
transition: opacity .2s ease;
}
.peu-columna .peu-aviat {
display: inline-block;
padding: 1px 8px;
border-radius: 999px;
background: var(--vel-clar);
color: #fff;
font-size: var(--lletra-minim);
white-space: nowrap;
}
.xarxes {
list-style: none;
display: flex;
justify-content: center;
gap: 4px;
margin: 0;
padding: 0;
}
.xarxes a {
display: flex;
align-items: center;
justify-content: center;
width: var(--toc);
height: var(--toc);
border-radius: 50%;
transition: background-color .2s ease;
}
.xarxes .ico {
width: 19px;
height: 19px;
flex: 0 0 19px;
background: var(--peu-gris);
transition: background-color .2s ease;
}
.peu-baix {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 10px 24px;
margin-top: 32px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, .14);
}
.peu-baix p { margin: 0; }
.legal {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px 6px;
margin: 0 -8px;
padding: 0;
}
.legal li { display: flex; align-items: center; }
.legal a, .legal span { padding: 4px 8px; border-radius: 6px; }
.legal a { text-decoration: none; }
@media (max-width: 899px) {
html.show--consent .barra { display: none; }
}
.galetes-tria:empty { display: none; }
.galetes-tria button {
font: inherit;
color: inherit;
background: none;
border: 0;
padding: 4px 8px;
border-radius: 6px;
cursor: pointer;
}
.pista {
position: relative;
display: flex;
gap: 10px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.pista::-webkit-scrollbar { display: none; }
.pista:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.pista.arrossegable { cursor: grab; }
.pista.arrossegant { cursor: grabbing; }
.pista.sense-encaix { scroll-snap-type: none; }
.pista img { -webkit-user-drag: none; user-select: none; }
@media (min-width: 620px) {
.menu-boto { display: none; }
.menu, .menu.plegable {
display: flex;
position: static;
order: 0;
width: auto;
min-width: 0;
flex-direction: row;
gap: 16px;
margin-left: auto;
padding: 0;
background: none;
border: 0;
border-radius: 0;
}
.menu { align-self: stretch; }
.menu-grup {
align-self: stretch;
display: flex;
align-items: center;
margin-block: calc(-1 * var(--capcalera-coixi));
padding-block: var(--capcalera-coixi);
}
.menu-grup-boto { width: auto; cursor: pointer; }
.menu-grup-boto .ico { display: block; }
.menu-grup-llista {
position: absolute;
top: 100%;
left: 0;
z-index: 20;
min-width: 100%;
background: var(--accent);
visibility: hidden;
clip-path: inset(0 0 100% 0);
transition: clip-path .25s ease, visibility 0s .25s;
}
:where(html:not(.amb-js)) .menu-grup:is(:hover, :has(:focus-visible)) > .menu-grup-llista,
.menu-grup-llista.obert {
visibility: visible;
clip-path: inset(0);
transition: clip-path .25s ease, visibility 0s;
}
.menu .menu-grup-llista a {
padding: 12px 28px;
font-weight: 500;
border-radius: 0;
white-space: nowrap;
color: var(--text-suau-sobre-accent);
}
.menu .menu-grup-llista a::before { left: 14px; background: var(--text-sobre-accent); }
.menu .menu-grup-llista a[aria-current],
.menu .menu-grup-llista a:hover,
.menu:hover .menu-grup-llista a[aria-current]:not(:hover) { color: var(--text-sobre-accent); }
.menu .menu-grup-llista a[aria-current]::before,
.menu .menu-grup-llista a:hover::before,
.menu:hover .menu-grup-llista a[aria-current]:not(:hover)::before { height: 18px; }
.menu:hover .menu-grup-llista:hover a[aria-current]:not(:hover) { color: var(--text-suau-sobre-accent); }
.menu:hover .menu-grup-llista:hover a[aria-current]:not(:hover)::before { height: 0; }
:where(html:not(.amb-js)) .menu-grup:hover .menu-grup-boto .ico,
.menu-grup-boto[aria-expanded="true"] .ico { transform: rotate(180deg); }
.graella { grid-template-columns: repeat(2, 1fr); gap: 20px; }
.legal { gap: 2px 0; }
.legal li:not(:first-child)::before {
content: "·";
margin: 0 4px;
color: rgba(255, 255, 255, .3);
}
.vies { flex-direction: row; }
.vies:has(> .via.formulari) { display: grid; grid-template-columns: 1fr 1fr; }
.via { flex: 1; }
}
@media (min-width: 620px) and (hover: hover) {
.menu-grup:hover > .menu-grup-llista {
visibility: visible;
clip-path: inset(0);
transition: clip-path .25s ease, visibility 0s;
}
.menu-grup:hover .menu-grup-boto .ico { transform: rotate(180deg); }
.menu-grup:hover > .menu-grup-boto { color: var(--accent-sobre-principal); }
.menu-grup:hover > .menu-grup-boto::before { height: 18px; }
.menu:hover .menu-grup.actual:not(:hover) > .menu-grup-boto { color: var(--secundari-sobre-principal); }
.menu:hover .menu-grup.actual:not(:hover) > .menu-grup-boto::before { height: 0; }
}
@media (min-width: 900px) {
.peu { padding: 56px 0 40px; text-align: left; }
.peu-logo, .peu-columna { display: block; }
.peu-marca p { margin: 16px 0 18px; }
.peu-baix { margin-top: 36px; text-align: center; }
.xarxes { justify-content: flex-start; margin-left: -12px; }
.peu-columnes { grid-template-columns: 1.4fr 1fr 1fr 1.6fr; gap: 40px; }
.barra { display: none; }
:root {
--lletra-destacat:       19px;
--lletra-boto:           17px;
--lletra-subtitol:       21px;
--lletra-titol-targeta:  26px;
--lletra-titol-seccio:   28px;
--lletra-titol-pagina:   42px;
}
.entrada { padding: 44px 0 28px; }
.entrada + .seccio { padding-top: 44px; }
.entrada + .contenidor .bloc { padding-top: 2px; }
.seccio { padding: 56px 0; }
.graella { grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)); gap: 24px; }
.bloc { max-width: var(--lectura); margin: 0 auto; padding: 84px 0; }
.bloc.ample { max-width: none; }
.dues-columnes { columns: 2; column-gap: 64px; }
.dues-columnes p { margin-bottom: 16px; }
.pagina .entrada .contenidor > * {
max-width: var(--lectura);
margin-left: auto;
margin-right: auto;
}
.contacte { padding: 72px 0; }
.contacte--formulari .contenidor {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 72px;
align-items: start;
}
.contacte--formulari .vies { display: flex; flex-direction: column; gap: 14px; }
.contacte--formulari .via { flex: none; }
.contacte-formulari { margin-top: 15px; }
}
@media (min-width: 1080px) {
.portada .entrada .contenidor {
max-width: var(--cataleg);
padding-left: 258px;
}
.filtres-boto { display: none; }
.filtres, .filtres.plegable { display: block; }
.cataleg {
display: grid;
grid-template-columns: 200px minmax(0, 1fr);
gap: 40px;
align-items: start;
}
.filtres {
position: sticky;
top: calc(var(--capcalera) + 16px);
margin-bottom: 0;
max-height: calc(100vh - var(--capcalera) - 32px);
overflow: hidden auto;
scrollbar-width: none;
}
.filtres::-webkit-scrollbar { width: 0; height: 0; }
.filtres.hi-ha-mes {
-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 48px), transparent);
mask-image: linear-gradient(to bottom, #000 calc(100% - 48px), transparent);
}
}
@supports (height: 100dvh) {
@media (min-width: 1080px) {
.filtres { max-height: calc(100dvh - var(--capcalera) - 32px); }
}
}
@media print {
@page { margin: 14mm; }
body { background: #fff; padding: 0; font-size: 11pt; }
.capcalera,
.barra,
.contacte,
.peu-columnes,
.legal,
.xarxes { display: none; }
.bloc { padding: 14px 0; break-inside: avoid; max-width: none; }
.bloc.text { break-inside: auto; }
.boto { display: none; }
.pista {
display: grid;
grid-template-columns: 1fr;
gap: 3mm;
overflow: visible;
break-inside: avoid;
}
h1, h2, h3, h4 { break-after: avoid; }
p, li { break-inside: avoid; }
p { orphans: 3; widows: 3; }
.peu { background: none; color: var(--text-suau); border-top: 1px solid #ccc; }
.peu-baix { display: block; margin: 0; padding: 0; border: 0; }
}
.ico {
width: 17px;
height: 17px;
flex: 0 0 17px;
background: var(--secundari);
-webkit-mask-image: var(--ico); mask-image: var(--ico);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center;  mask-position: center;
-webkit-mask-size: contain;     mask-size: contain;
}
.via .ico        { width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; }
.ico.ant { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E"); }
.ico.seg { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E"); }
.ico.avall { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E"); }
.ico.burger { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%22%2F%3E%3Cpath%20d%3D%22M4%2012h16%22%2F%3E%3Cpath%20d%3D%22M4%2018h16%22%2F%3E%3C%2Fsvg%3E"); }
.ico.tanca,
.menu-boto[aria-expanded="true"] .ico.burger { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E"); }
.ico.whatsapp { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.71.306%201.263.489%201.694.625.712.227%201.36.195%201.872.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%200%201-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%200%201-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%200%201%202.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200%200%2012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%200%200%205.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%200%200-3.48-8.413Z%22%2F%3E%3C%2Fsvg%3E"); }
.ico.tel { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E"); }
.ico.mail { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E"); }
.ico.pressupost { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%2F%3E%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%2F%3E%3Cpath%20d%3D%22M10%209H8%22%2F%3E%3Cpath%20d%3D%22M16%2013H8%22%2F%3E%3Cpath%20d%3D%22M16%2017H8%22%2F%3E%3C%2Fsvg%3E"); }
.ico.facebook { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%2F%3E%3C%2Fsvg%3E"); }
.ico.instagram { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228%201.3877-.6652.6677-1.075%201.3368-1.3802%202.127-.2954.7638-.4956%201.6365-.552%202.914-.0564%201.2775-.0689%201.6882-.0626%204.947.0062%203.2586.0206%203.6671.0825%204.9473.061%201.2765.264%202.1482.5635%202.9107.308.7889.72%201.4573%201.388%202.1228.6679.6655%201.3365%201.0743%202.1285%201.38.7632.295%201.6361.4961%202.9134.552%201.2773.056%201.6884.069%204.9462.0627%203.2578-.0062%203.668-.0207%204.9478-.0814%201.28-.0607%202.147-.2652%202.9098-.5633.7889-.3086%201.4578-.72%202.1228-1.3881.665-.6682%201.0745-1.3378%201.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982%201.33%2020.628.9208%2019.8378.6165%2019.074.321%2018.2017.1197%2016.9244.0645%2015.6471.0093%2015.236-.005%2011.977.0014%208.718.0076%208.31.0215%207.0301.0839m.1402%2021.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814%201.3783-.9003.423-.1651%201.0575-.3614%202.227-.4171%201.2655-.06%201.6447-.072%204.848-.079%203.2033-.007%203.5835.005%204.8495.0608%201.169.0508%201.8053.2445%202.228.408.5608.216.96.4754%201.3816.895.4217.4194.6816.8176.9005%201.3787.1653.4217.3617%201.056.4169%202.2263.0602%201.2655.0739%201.645.0796%204.848.0058%203.203-.0055%203.5834-.061%204.848-.051%201.17-.245%201.8055-.408%202.2294-.216.5604-.4763.96-.8954%201.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953%205.5864A1.44%201.44%200%201%200%2018.39%204.144a1.44%201.44%200%200%200-1.437%201.4424M5.8385%2012.012c.0067%203.4032%202.7706%206.1557%206.173%206.1493%203.4026-.0065%206.157-2.7701%206.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156%202.771-6.1496%206.1738M8%2012.0077a4%204%200%201%201%204.008%203.9921A3.9996%203.9996%200%200%201%208%2012.0077%22%2F%3E%3C%2Fsvg%3E"); }
.ico.tiktok { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%22%2F%3E%3C%2Fsvg%3E"); }
.ico.youtube { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.016%203.016%200%200%200%202.122%202.136c1.871.505%209.376.505%209.376.505s7.505%200%209.377-.505a3.015%203.015%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012l-6.273%203.568z%22%2F%3E%3C%2Fsvg%3E"); }
.ico.linkedin { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.351V9h3.414v1.561h.046c.477-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.37%204.267%205.455v6.286zM5.337%207.433c-1.144%200-2.063-.926-2.063-2.065%200-1.138.92-2.063%202.063-2.063%201.14%200%202.064.925%202.064%202.063%200%201.139-.925%202.065-2.064%202.065zm1.782%2013.019H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.222%200h.003z%22%2F%3E%3C%2Fsvg%3E"); }
@media (hover: hover) {
.via.principal:hover { background: var(--whatsapp-actiu); }
.via.formulari:hover { background: var(--accent-actiu); }
.boto-principal:hover  { background-color: var(--principal-viu); }
.boto-accent:hover { background-color: var(--accent-actiu); }
.via.secundaria:hover { background: var(--vel-principal); border-color: #fff; }
.formulari-detalls > summary:hover { background: var(--vel-principal); }
.idiomes a:hover { background: var(--vel-clar); color: #fff; }
.barra a:hover { filter: brightness(1.06); }
.peu a:hover { color: #fff; }
.menu a:hover { color: var(--accent-sobre-principal); }
.menu a:hover::before { height: 18px; }
.menu:hover a[aria-current]:not(:hover) { color: var(--secundari-sobre-principal); }
.menu:hover a[aria-current]:not(:hover)::before { height: 0; }
.peu-columna a:hover span { color: #fff; }
a.peu-fila:hover {
background: rgba(255, 255, 255, .05);
border-color: rgba(255, 255, 255, .16);
}
a.peu-fila:hover .peu-fletxa { opacity: .75; }
.legal a:hover,
.galetes-tria button:hover { color: var(--accent-sobre-peu); }
.xarxes a:hover { background: var(--accent); }
.xarxes a:hover .ico { background: #fff; }
.opcio:hover { color: var(--principal-viu); }
.opcio:hover input { border-color: var(--principal-viu); }
.interval-boto:not([disabled]):hover { border-color: var(--principal-viu); }
.lliscador-pista input::-webkit-slider-thumb:hover { background: var(--fons-alt); }
.lliscador-pista input::-moz-range-thumb:hover { background: var(--fons-alt); }
.grup summary:hover { color: var(--principal); }
.neteja:hover { text-decoration: underline; }
.filtres-boto:hover { border-color: var(--principal-viu); }
}
a, button, summary { -webkit-tap-highlight-color: transparent; }
.via:active { transform: translateY(1px); }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
}
.mosaic .contenidor {
display: grid;
gap: 12px;
padding-top: 20px;
}
.mosaic .marc {
display: none;
position: relative;
padding: 0;
border: 0;
margin: 0;
background: var(--fons-alt);
border-radius: var(--radi);
overflow: hidden;
cursor: pointer;
aspect-ratio: 3 / 2;
}
.mosaic .marc:first-child { display: block; }
.mosaic .marc img { width: 100%; height: 100%; object-fit: cover; }
.mosaic .mes {
position: absolute;
right: 12px;
bottom: 12px;
background: var(--principal);
color: #fff;
font-size: var(--lletra-nota);
font-weight: 600;
padding: 6px 12px;
border-radius: 999px;
}
.mosaic .mes-gran { display: none; }
@media (min-width: 900px) {
.mosaic .contenidor {
grid-template-columns: 2fr 1fr;
grid-template-rows: repeat(2, 198px);
padding-top: 24px;
}
.mosaic .marc { aspect-ratio: auto; }
.mosaic .marc:nth-child(-n+3) { display: block; }
.mosaic .marc:first-child { grid-row: span 2; }
.mosaic .mes { display: none; }
.mosaic .mes-gran {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
inset: 0;
right: auto;
bottom: auto;
width: 100%;
height: 100%;
padding: 0;
border-radius: 0;
background: rgba(var(--principal-rgb), .62);
font-size: 32px;
}
}
@media print {
.mosaic .marc:not(:first-child) { display: none; }
.mosaic .mes, .mosaic .mes-gran { display: none; }
}
.visor {
--visor-buit:   140px;
--alt-finestra: 100vh;
--marc-ample:   min(var(--ample), 100vw - 32px);
--marc-alt:     min(calc(var(--marc-ample) / 1.5),
calc(var(--alt-finestra) - var(--visor-buit)));
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin: 0;
padding: 0;
border: 0;
background: rgba(var(--principal-rgb), .96);
overscroll-behavior: contain;
}
@supports (height: 100dvh) {
.visor { --alt-finestra: 100dvh; }
}
.visor[open] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
}
html.amb-visor { overflow: hidden; }
.visor-dalt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: var(--marc-ample);
max-width: 100%;
}
.visor-compta {
margin: 0;
color: #fff;
font-size: var(--lletra-nota);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.visor-tanca {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-left: auto;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.visor-marc {
position: relative;
width: calc(var(--marc-alt) * 1.5);
max-width: var(--marc-ample);
height: var(--marc-alt);
}
.visor .pista {
width: 100%;
height: 100%;
gap: 0;
}
.visor .pista.sense-anell:focus-visible { outline: none; }
.visor .foto {
flex: 0 0 100%;
scroll-snap-align: start;
min-width: 0;
height: 100%;
}
.visor .foto img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.visor-fletxa {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
align-items: center;
justify-content: center;
width: var(--toc);
height: var(--toc);
padding: 0;
border: 0;
border-radius: 50%;
background: var(--vel-fosc);
cursor: pointer;
}
.visor-fletxa.ant { left: 10px; }
.visor-fletxa.seg { right: 10px; }
.visor-fletxa[disabled] { opacity: .3; cursor: default; }
.visor .ico {
width: 22px;
height: 22px;
flex: 0 0 22px;
background: #fff;
}
.visor-peu {
width: var(--marc-ample);
max-width: 100%;
min-height: 2.6em;
margin: 0;
color: var(--peu-del-visor);
font-size: var(--lletra-nota);
line-height: 1.3;
text-align: center;
}
@media (max-height: 520px) {
.visor { --visor-buit: 24px; }
.visor[open] { gap: 0; }
.visor-dalt,
.visor-peu {
position: absolute;
left: 12px;
right: 12px;
width: auto;
z-index: 1;
}
.visor-dalt { top: 12px; }
.visor-peu { bottom: 12px; min-height: 0; }
.visor-compta,
.visor-tanca,
.visor-peu:not(:empty) {
background: var(--vel-fosc);
border-radius: 999px;
}
.visor-compta { padding: 5px 12px; }
.visor-peu:not(:empty) { padding: 6px 14px; border-radius: var(--radi); }
}
@media (min-width: 900px) and (min-height: 521px) {
.visor { --visor-buit: 165px; }
}
@media (min-width: 900px) {
.visor-fletxa { display: flex; }
.visor-peu { min-height: 1.5em; font-size: var(--lletra-interficie); }
}
@media print {
.visor[open] { display: none; }
}
.formulari-bloc { border: 0; margin: 0; padding: 0; }
.formulari-bloc + .formulari-bloc { margin-top: 44px; }
.formulari-bloc legend {
padding: 0;
margin-bottom: 18px;
font-size: var(--lletra-subtitol);
font-weight: 800;
color: var(--principal);
}
.formulari-bloc legend::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 28px;
height: 2px;
margin-right: 12px;
background: var(--accent);
}
.formulari-camp { position: relative; margin: 0 0 26px; padding-top: 18px; }
.formulari-parella { display: grid; gap: 26px; margin-bottom: 26px; }
.formulari-parella > .formulari-camp { margin-bottom: 0; }
.formulari-camp input,
.formulari-camp select,
.formulari-camp textarea {
width: 100%;
box-sizing: border-box;
background: transparent;
border: 0;
border-bottom: 1.5px solid var(--linia);
border-radius: 0;
padding: 10px 0 12px;
font: inherit;
font-size: 16px;
color: var(--text);
transition: border-color .18s ease;
}
.formulari-camp textarea { resize: vertical; min-height: 76px; }
.formulari-camp input:-webkit-autofill,
.formulari-camp select:-webkit-autofill,
.formulari-camp textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--fons) inset;
box-shadow: 0 0 0 1000px var(--fons) inset;
-webkit-text-fill-color: var(--text);
caret-color: var(--text);
}
.formulari-camp input:focus,
.formulari-camp select:focus,
.formulari-camp textarea:focus {
outline: none;
border-bottom-color: var(--accent);
}
.formulari-camp label {
position: absolute;
left: 0;
top: 0;
font-size: var(--lletra-minim);
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--text-suau);
pointer-events: none;
transition: top .18s ease, font-size .18s ease, color .18s ease;
}
.formulari-camp input:placeholder-shown:not(:focus) + label,
.formulari-camp textarea:placeholder-shown:not(:focus) + label {
top: 28px;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
}
.formulari-camp input:focus + label,
.formulari-camp select:focus + label,
.formulari-camp textarea:focus + label { color: var(--accent-sobre-fons); }
.contacte-formulari .formulari-camp input:focus + label,
.contacte-formulari .formulari-camp select:focus + label,
.contacte-formulari .formulari-camp textarea:focus + label { color: var(--accent-sobre-principal-viu); }
.contacte-formulari .formulari-camp input:focus,
.contacte-formulari .formulari-camp select:focus,
.contacte-formulari .formulari-camp textarea:focus { border-bottom-color: var(--accent-sobre-principal-viu); }
.formulari-camp--tria select {
appearance: none;
cursor: pointer;
padding-right: 24px;
}
.formulari-camp--tria option {
padding: 8px 12px;
color: var(--text);
background: var(--fons);
}
.formulari-camp select:has(option[value=""]:checked):not(:focus) + label {
top: 28px;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
}
.formulari-camp--tria::after {
content: "";
position: absolute;
right: 3px;
bottom: 20px;
width: 8px;
height: 8px;
border-right: 1.5px solid var(--text-suau);
border-bottom: 1.5px solid var(--text-suau);
transform: rotate(45deg);
pointer-events: none;
}
.formulari-camp input:user-invalid,
.formulari-camp select:user-invalid,
.formulari-camp textarea:user-invalid { border-bottom-color: var(--negatiu); }
.formulari-cal { color: var(--accent-sobre-fons); }
.contacte-formulari .formulari-cal { color: var(--accent-sobre-principal-viu); }
.formulari-consentiment {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 18px 0 24px;
}
.formulari-consentiment input { margin-top: 3px; accent-color: var(--accent); }
.formulari-consentiment label { font-size: var(--lletra-interficie); color: var(--text-suau); }
body.formulari .formulari-consentiment label { font-size: var(--lletra-base); }
.formulari-menors { margin: -16px 0 24px; padding-left: 30px; font-size: var(--lletra-nota); color: var(--text-suau); }
.formulari-form:not(:has(.formulari-menor:checked)) .formulari-menors { display: none; }
.formulari-enviar { width: 100%; border: 0; cursor: pointer; font: inherit; font-weight: 600; font-size: var(--lletra-boto); }
.formulari-enviar:disabled { opacity: .6; cursor: progress; }
.formulari-avis { margin: 16px 0 0; font-size: var(--lletra-interficie); color: var(--negatiu); }
.formulari-avis:empty { display: none; }
.formulari-proteccio { margin: 16px 0 0; font-size: var(--lletra-petit); color: var(--text-suau); }
.formulari-obligatoris { margin: 0 auto 28px; font-size: var(--lletra-petit); color: var(--text-suau); }
.formulari-detalls { margin: 0 0 26px; }
.formulari-detalls > summary {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: var(--toc);
padding: 10px 18px;
border: 1px solid var(--secundari-sobre-principal-viu);
border-radius: var(--radi);
color: var(--secundari-sobre-principal-viu);
font-size: var(--lletra-interficie);
font-weight: 600;
cursor: pointer;
list-style: none;
transition: background-color .18s ease;
}
.formulari-detalls > summary::-webkit-details-marker { display: none; }
.formulari-detalls > summary::after {
content: "";
width: 7px;
height: 7px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform .2s ease;
}
.formulari-detalls[open] > summary { margin-bottom: 8px; }
.formulari-detalls[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.formulari-parany {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
@media (min-width: 620px) {
.formulari-parella { grid-template-columns: 1fr 1fr; gap: 26px 24px; }
}
@media (min-width: 900px) {
.formulari-obligatoris { margin-bottom: 36px; }
.formulari-enviar { width: auto; padding-left: 40px; padding-right: 40px; }
}
.formulari-pagina { background: var(--fons); }
.formulari-graella { display: flex; flex-direction: column; }
.formulari-marc { position: relative; overflow: hidden; height: 220px; }
.formulari-marc img { width: 100%; height: 100%; object-fit: cover; display: block; }
.formulari-columna { padding: 32px 18px 72px; scroll-margin-top: var(--capcalera); }
.formulari-columna h1 { font-size: var(--lletra-titol-pagina); margin: 0 auto 10px; }
@media (min-width: 620px) {
.formulari-marc { height: 280px; }
.formulari-columna { padding: 40px 24px 92px; }
}
@media (min-width: 900px) {
.formulari-graella { flex-direction: row; align-items: flex-start; }
.formulari-marc {
flex: 0 0 38%;
position: sticky;
top: var(--capcalera);
height: calc(100vh - var(--capcalera));
}
.formulari-columna { flex: 1; min-width: 0; padding: 56px 48px 100px; }
.formulari-columna > * { max-width: 620px; margin-left: auto; margin-right: auto; }
.formulari-columna h1 { margin-bottom: 12px; }
}
.error-pagina { background: var(--fons-alt); padding-block: 64px; }
.error-graella { display: flex; flex-direction: column; align-items: center; gap: 40px; }
.error-bruixola { width: min(280px, 60vw); height: auto; flex-shrink: 0; color: var(--principal); }
.error-bruixola-lletres text {
font-family: var(--tipus);
font-size: 11px;
font-weight: 500;
letter-spacing: .15em;
text-anchor: middle;
dominant-baseline: middle;
fill: var(--principal);
opacity: .35;
}
.error-bruixola-lletres .error-bruixola-nord { opacity: .55; }
.error-bruixola-agulla { fill: var(--accent); opacity: .92; }
.error-bruixola-eix { fill: var(--fons-alt); }
.error-text { max-width: 380px; font-size: var(--lletra-lectura); }
.error-text h1 { font-size: clamp(30px, 5vw, 42px); line-height: 1.1; margin: 0 0 18px; }
.error-text p { max-width: 320px; margin: 0 0 28px; color: var(--text-suau); }
.error-text h1 .destacat { color: var(--accent-text); }
.error-text .error-etiqueta {
margin: 0 0 16px;
font-size: var(--lletra-nota);
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--accent-text);
}
.error-inici {
display: inline-block;
margin-left: -12px;
padding: 6px 12px;
border-radius: 999px;
color: var(--accent-text);
font-weight: 600;
text-decoration: none;
transition: background-color .18s ease;
}
.error-inici:focus-visible { background: rgba(var(--accent-text-rgb), .08); }
@media (hover: hover) {
.error-inici:hover { background: rgba(var(--accent-text-rgb), .08); }
}
@media (min-width: 900px) {
.error-pagina { padding-block: 92px; }
.error-graella { flex-direction: row; justify-content: center; gap: 64px; }
}
.home-motius .destacat { color: var(--accent-sobre-principal); }
.home-etapa {
position: relative;
display: block;
aspect-ratio: 3 / 4;
overflow: hidden;
border-radius: 8px;
text-decoration: none;
}
.home-etapa img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s ease;
}
.home-etapa::before,
.home-etapa::after,
.home-etapa-vel {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
}
.home-etapa::before {
background: linear-gradient(to top,
rgba(var(--principal-rgb), .88) 0%,
rgba(var(--principal-rgb), .78) 12%,
rgba(var(--principal-rgb), .55) 22%,
rgba(var(--principal-rgb), .22) 34%,
rgba(var(--principal-rgb), 0) 50%);
z-index: 1;
}
.home-etapa-vel {
background: linear-gradient(to top,
rgba(var(--principal-rgb), .92) 0%,
rgba(var(--principal-rgb), .86) 22%,
rgba(var(--principal-rgb), .70) 42%,
rgba(var(--principal-rgb), .34) 60%,
rgba(var(--principal-rgb), 0) 82%);
z-index: 1;
opacity: 0;
transition: opacity .3s ease;
}
.home-etapa::after {
background: var(--accent);
z-index: 0;
opacity: 0;
transition: opacity .3s ease;
}
.home-etapa-text {
position: absolute;
left: 0; right: 0; bottom: 0;
z-index: 2;
padding: 16px;
color: #fff;
}
.home-etapa h3 { font-size: var(--lletra-titol-targeta); color: #fff; letter-spacing: -.02em; }
.home-etapa-desc {
display: none;
height: 0;
opacity: 0;
overflow: hidden;
transition: height .35s ease, opacity .3s ease;
}
.home-etapa-desc p {
font-size: var(--lletra-base);
line-height: 1.5;
color: rgba(255,255,255,.85);
padding: 8px 0;
}
.home-etapa-anar svg { display: none; }
.home-etapa-anar {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: var(--lletra-boto);
font-weight: 600;
color: rgba(255,255,255,.55);
transition: color .2s ease;
}
.home-tipus-cel {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
min-height: 160px;
padding: 22px;
border-radius: 8px;
background: var(--principal-viu);
color: #fff;
text-decoration: none;
}
.home-tipus-cel--foto { background: var(--principal); }
.home-tipus-cel--foto img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s ease;
}
.home-tipus-cel--foto::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top,
rgba(var(--principal-rgb), .88) 0%,
rgba(var(--principal-rgb), .55) 28%,
rgba(var(--principal-rgb), .18) 52%,
rgba(var(--principal-rgb), 0) 78%);
z-index: 2;
}
.home-tipus-cel h3 {
position: relative;
z-index: 3;
font-size: var(--lletra-titol-targeta);
font-weight: 700;
color: #fff;
letter-spacing: -.02em;
}
.home-tipus-cel--foto::before {
content: "";
position: absolute;
inset: 0;
background: var(--accent);
opacity: 0;
z-index: 1;
transition: opacity .3s ease;
}
.home-motius {
background: var(--principal);
color: #fff;
padding: 64px 0;
}
.home-motius-dalt { display: grid; gap: 24px; }
.home-motius-intro {
font-size: var(--lletra-destacat);
line-height: 1.65;
max-width: 62ch;
color: rgba(255, 255, 255, .86);
}
.home-motius-intro p + p { margin-top: 1em; }
.home-motius-intro p:last-child { margin-bottom: 0; }
.home-motius-llista {
display: grid;
grid-template-columns: 1fr;
gap: 32px 40px;
margin-top: 56px;
}
.home-motius-llista li {
color: rgba(255, 255, 255, .86);
font-size: var(--lletra-destacat);
line-height: 1.5;
padding: 0 0 0 32px;
}
.home-motius-llista li::before { top: 5px; }
.home-faq {
scroll-margin-top: var(--capcalera);
background: var(--fons);
padding: 64px 0;
}
.home-faq h2 span { display: block; }
.home-faq-llista {
max-width: var(--lectura);
margin: 0 auto;
border-top: 1px solid var(--linia);
}
.home-faq-item { border-bottom: 1px solid var(--linia); }
.home-faq-item summary {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
padding: 20px 0;
cursor: pointer;
list-style: none;
}
.home-faq-item summary::-webkit-details-marker { display: none; }
.home-faq-item summary h3 {
font-size: var(--lletra-subtitol);
font-weight: 600;
line-height: 1.4;
color: var(--principal);
transition: color .2s ease;
}
.home-faq-icona {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-top: 2px;
border: 1.5px solid var(--linia);
border-radius: 50%;
color: var(--text-suau);
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.home-faq-icona svg { transition: transform .25s ease; }
.home-faq-item[open] .home-faq-icona {
background: var(--accent);
border-color: var(--accent);
color: var(--text-sobre-accent);
}
.home-faq-item[open] .home-faq-icona svg { transform: rotate(180deg); }
.home-faq-item[open] summary h3 { color: var(--accent-sobre-fons); }
.home-faq-item::details-content {
block-size: 0;
overflow: hidden;
}
.home-faq-item[open]::details-content {
block-size: auto;
transition: block-size .28s ease, content-visibility .28s allow-discrete;
}
.home-faq-cos { padding: 0 0 20px; }
.home-faq-cos p {
font-size: var(--lletra-destacat);
line-height: 1.6;
max-width: 62ch;
margin: 0;
}
.home-faq-cos p + p { margin-top: 16px; }
@media (hover: hover) {
.home-etapa:hover img { transform: scale(1.06); }
.home-etapa:hover .home-etapa-vel { opacity: 1; }
.home-etapa:hover::after { opacity: .1; }
.home-etapa:hover .home-etapa-desc { height: auto; opacity: 1; }
.home-etapa:hover .home-etapa-anar { color: var(--accent); }
.home-etapa--aviat:hover .home-etapa-anar { color: rgba(255, 255, 255, .55); }
.home-tipus-cel--foto:hover img { transform: scale(1.06); }
.home-tipus-cel--foto:hover::before { opacity: .1; }
}
@media (hover: none) {
.home-etapa-vel { opacity: 1; }
}
@media (max-width: 339px) {
.home-etapa { aspect-ratio: 3 / 2; }
}
@media (min-width: 620px) {
.home-motius-llista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1080px) {
.home-etapa { aspect-ratio: auto; min-height: 560px; }
.home-etapa-desc { display: block; }
.home-etapa-text { padding: 22px; }
.home-etapa-anar svg { display: block; }
.home-tipus-cel { min-height: 0; }
.home-motius { padding: 92px 0; }
.home-motius-llista { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 88px; }
.home-motius-dalt {
grid-template-columns: 5fr 7fr;
gap: 48px;
align-items: start;
}
.home-faq { padding: 92px 0; }
.home-faq-llista {
max-width: none;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 72px;
border-top: 0;
}
.home-faq-item:nth-child(-n+2) { border-top: 1px solid var(--linia); }
}
@media (prefers-reduced-motion: reduce) {
.home-etapa:hover img,
.home-tipus-cel--foto:hover img { transform: none; }
}
@media print {
.home-motius { background: none; color: var(--text); }
.home-motius-intro, .home-motius-llista li { color: var(--text-suau); }
.home-etapa img, .home-etapa::before, .home-etapa::after, .home-etapa-vel,
.home-etapa-anar, .home-tipus-cel img, .home-tipus-cel--foto::before,
.home-tipus-cel--foto::after { display: none; }
.home-etapa, .home-tipus-cel {
aspect-ratio: auto;
min-height: 0;
background: none;
border: 1px solid #ccc;
break-inside: avoid;
}
.home-tipus-cel { align-items: flex-start; }
.home-etapa-text { position: static; color: var(--text); }
.home-etapa h3, .home-tipus-cel, .home-tipus-cel h3 { color: var(--text); }
.home-etapa-desc { display: block; height: auto; opacity: 1; }
.home-etapa-desc p { color: var(--text-suau); }
}
@media (min-width: 1080px) and (hover: none) {
.home-etapa-desc { height: auto; opacity: 1; }
}
.aparador {
container-type: inline-size;
--aparador-vora: max(18px, calc((100cqw - var(--ample)) / 2 + 18px));
--aparador-a-la-vista: 1.15;
}
.aparador .pista {
gap: 16px;
padding: 4px var(--aparador-vora) 8px;
scroll-padding-inline: var(--aparador-vora);
-webkit-mask-image: linear-gradient(to right,
transparent calc(var(--aparador-vora) * .5), #000 var(--aparador-vora),
#000 calc(100% - var(--aparador-vora)), transparent calc(100% - var(--aparador-vora) * .5));
mask-image: linear-gradient(to right,
transparent calc(var(--aparador-vora) * .5), #000 var(--aparador-vora),
#000 calc(100% - var(--aparador-vora)), transparent calc(100% - var(--aparador-vora) * .5));
}
.aparador .pista.arrossegable { cursor: auto; }
.aparador .targeta {
flex: 0 0 calc((100% + var(--aparador-vora) - 16px * (var(--aparador-a-la-vista) - 1)) / var(--aparador-a-la-vista));
scroll-snap-align: start;
-webkit-user-drag: none;
}
@media (min-width: 620px) {
.aparador { --aparador-a-la-vista: 2.3; }
}
@media (min-width: 1080px) {
.aparador { --aparador-a-la-vista: 3.4; }
}
.aparador-fletxes {
display: flex;
justify-content: flex-end;
gap: 8px;
}
.aparador-fletxes[hidden] { display: none; }
.aparador .aparador-fletxes { margin-bottom: 16px; }
.aparador-fletxa {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--toc);
height: var(--toc);
padding: 0;
border: 1.5px solid rgba(var(--principal-rgb), .28);
border-radius: 50%;
background: transparent;
color: var(--principal-viu);
cursor: pointer;
transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.aparador-fletxa[disabled] { opacity: .35; cursor: default; }
.aparador-progres {
position: relative;
height: 3px;
margin-top: 20px;
border-radius: 2px;
background: rgba(var(--principal-rgb), .12);
cursor: pointer;
user-select: none;
}
.aparador-progres::before {
content: "";
position: absolute;
inset: -28px 0 -8px;
}
.aparador-progres span {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 30%;
border-radius: 2px;
background: var(--principal-viu);
}
:where(html:not(.amb-js)) .aparador-fletxes,
:where(html:not(.amb-js)) .aparador-progres,
.aparador.sense-fletxes .aparador-fletxes,
.aparador.sense-fletxes .aparador-progres { display: none; }
@media (hover: hover) {
.aparador-fletxa:not([disabled]):hover {
border-color: var(--principal-viu);
background: var(--principal-viu);
color: #fff;
}
}
.ranquing-cap { background: var(--fons); padding: 56px 0 48px; }
.ranquing-cap h1 {
font-size: clamp(36px, 6vw, 60px);
line-height: 1.08;
letter-spacing: -.02em;
margin-bottom: 28px;
}
.ranquing-intro p,
.ranquing-text p {
font-size: var(--lletra-lectura);
line-height: 1.7;
margin: 0 0 16px;
break-inside: avoid-column;
}
.ranquing-intro p:last-child,
.ranquing-text p:last-child { margin-bottom: 0; }
.ranquing-lloc { padding: 56px 0; scroll-margin-top: var(--capcalera); }
.ranquing-lloc:nth-of-type(odd) { background: var(--fons-alt); }
.ranquing-numero {
font-family: var(--tipus);
font-size: var(--lletra-interficie);
font-weight: 600;
letter-spacing: .12em;
color: var(--accent-text);
margin: 0 0 2px;
}
.ranquing-titol {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.ranquing-titol h2 { margin: 0; }
.ranquing-titol h2:only-child { margin-bottom: calc(40px - .2em); }
.ranquing-anar {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
margin: 2px -14px 25px;
border-radius: 999px;
font-family: var(--tipus);
font-size: var(--lletra-interficie);
font-weight: 600;
color: var(--accent-text);
text-decoration: none;
white-space: nowrap;
transition: background-color .3s ease, color .3s ease;
}
@media (hover: hover) {
.ranquing-anar:hover { background: var(--accent-text); color: #fff; }
}
.ranquing-fotos {
display: flex;
gap: 10px;
margin: 0 -18px 34px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.ranquing-fotos::-webkit-scrollbar { display: none; }
.ranquing-foto {
flex: 0 0 100%;
scroll-snap-align: start;
overflow: hidden;
aspect-ratio: 3 / 2;
background: var(--fons-alt);
}
.ranquing-foto img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 620px) {
.ranquing-titol {
flex-direction: row;
align-items: last baseline;
justify-content: space-between;
gap: 24px;
}
.ranquing-titol h2 { margin-bottom: calc(40px - .2em); }
.ranquing-anar { margin-top: 0; }
.ranquing-fotos {
margin: 0 0 34px;
height: 300px;
overflow: visible;
}
.ranquing-foto {
flex: 1 1 0;
aspect-ratio: auto;
border-radius: var(--radi);
transition: flex-grow .6s ease;
}
.ranquing-foto img { transition: transform .6s ease; }
}
@media (min-width: 620px) and (hover: hover) {
.ranquing-foto:hover { flex-grow: 1.7; }
.ranquing-foto:hover img { transform: scale(1.03); }
}
@media (min-width: 900px) {
.ranquing-cap { padding: 72px 0 64px; }
.ranquing-intro,
.ranquing-text { columns: 2; column-gap: 56px; }
.ranquing-lloc { padding: 72px 0; }
.ranquing-fotos { height: 380px; }
}
@media (prefers-reduced-motion: reduce) {
.ranquing-foto, .ranquing-foto img, .ranquing-anar { transition: none; }
}
.ranquing-viatges { padding: 56px 0; }
.ranquing-viatges-peu { margin-top: 28px; }
.similars { padding: 60px 0; }
.similars .contenidor > h2 { font-size: var(--lletra-titol-seccio); margin-bottom: 16px; }
.similars .pista { gap: 16px; padding-bottom: 4px; }
.similars .targeta { flex: 0 0 85%; scroll-snap-align: start; }
@media (min-width: 620px) {
.similars .targeta { flex-basis: calc((100% - 16px) / 2.2); }
}
@media (min-width: 1080px) {
.similars .pista {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
overflow: visible;
}
}
.guia-cap { background: var(--fons); padding: 48px 0 64px; }
.guia-cap-graella { display: grid; gap: 40px; align-items: start; }
.guia-cap h1 { margin-bottom: 24px; }
.guia-intro { font-size: var(--lletra-destacat); line-height: 1.6; }
.guia-intro p { margin: 0 0 .7em; }
.guia-intro p:last-child { margin-bottom: 0; }
.guia-foto img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 8px;
}
.guia-seccio { padding: 56px 0; }
.guia-seccio:nth-of-type(even) { background: var(--fons-alt); }
.guia-seccio h2 { margin: 0 0 calc(40px - .2em); }
.guia-text p,
.guia-text li {
font-size: var(--lletra-lectura);
line-height: 1.7;
}
.guia-text p { margin: 0 0 16px; break-inside: avoid-column; }
.guia-text p:last-child { margin-bottom: 0; }
.guia-text h3 { margin: 32px 0 12px; break-after: avoid-column; }
.guia-text h3:first-child { margin-top: 0; }
.guia-text ul, .guia-text ol { margin: 0 0 16px; break-inside: avoid-column; }
.guia-text dt,
.guia-text dd {
font-size: var(--lletra-lectura);
line-height: 1.7;
}
.definicions { margin: 0 0 16px; }
.definicions:last-child { margin-bottom: 0; }
.definicions > div { margin: 0 0 14px; break-inside: avoid-column; }
.definicions > div:last-child { margin-bottom: 0; }
.definicions dt { display: inline; font-weight: 600; color: var(--principal); }
.definicions dt::after { content: ':'; }
.definicions dd { display: inline; margin: 0 0 0 .3em; }
.guia-text .llista.neutra li::before { top: 18px; }
.guia-text > :is(ul, ol):only-child { break-inside: auto; }
.guia-text > :is(ul, ol):only-child > li { break-inside: avoid-column; }
.guia-text > :last-child { margin-bottom: 0; }
@media (min-width: 900px) {
.guia-cap { padding: 72px 0 92px; }
.guia-cap-graella { grid-template-columns: 1fr 1fr; gap: 56px; }
.guia-foto img { aspect-ratio: 4 / 5; }
.guia-seccio { padding: 72px 0; }
.guia-text { columns: 2; column-gap: 56px; }
}
}
@layer galetes {
#cc-main {
--cc-font-family: var(--tipus);
--cc-bg: var(--fons);
--cc-primary-color: var(--text);
--cc-secondary-color: var(--text-suau);
--cc-link-color: var(--principal-viu);
--cc-modal-border-radius: 8px;
--cc-btn-border-radius: 8px;
--cc-pm-toggle-border-radius: 999px;
--cc-z-index: 30;
--cc-btn-primary-bg: var(--principal-viu);
--cc-btn-primary-color: #fff;
--cc-btn-primary-border-color: var(--principal-viu);
--cc-btn-primary-hover-bg: var(--accent);
--cc-btn-primary-hover-color: var(--text-sobre-accent);
--cc-btn-primary-hover-border-color: var(--accent);
--cc-btn-secondary-bg: var(--principal-viu);
--cc-btn-secondary-color: #fff;
--cc-btn-secondary-border-color: var(--principal-viu);
--cc-btn-secondary-hover-bg: var(--accent);
--cc-btn-secondary-hover-color: var(--text-sobre-accent);
--cc-btn-secondary-hover-border-color: var(--accent);
--cc-separator-border-color: var(--linia);
--cc-section-category-border: var(--linia);
--cc-cookie-category-block-bg: var(--fons-alt);
--cc-cookie-category-block-border: var(--linia);
--cc-cookie-category-block-hover-bg: var(--galetes-fons-actiu);
--cc-cookie-category-block-hover-border: var(--linia);
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: var(--fons-alt);
--cc-toggle-on-bg: var(--principal);
--cc-toggle-off-bg: var(--galetes-apagat);
--cc-toggle-on-knob-bg: #fff;
--cc-toggle-off-knob-bg: #fff;
--cc-toggle-enabled-icon-color: var(--principal);
--cc-toggle-disabled-icon-color: var(--galetes-apagat);
--cc-toggle-readonly-bg: var(--galetes-bloquejat);
--cc-toggle-readonly-knob-bg: #fff;
--cc-toggle-readonly-knob-icon-color: var(--galetes-bloquejat);
--cc-footer-bg: var(--fons-alt);
--cc-footer-color: var(--text-suau);
--cc-footer-border-color: var(--linia);
--cc-overlay-bg: var(--vel-fosc);
--cc-webkit-scrollbar-bg: var(--linia);
--cc-webkit-scrollbar-hover-bg: var(--text-suau);
}
#cc-main .cm { background: var(--fons-alt); }
@media (prefers-reduced-motion: no-preference) {
#cc-main { --cc-modal-transition-duration: .55s; }
#cc-main .cm { transform: translateY(2.5em); }
.show--consent #cc-main .cc--anim .cm { transform: translateY(0); }
}
#cc-main .cm__desc p { display: block; }
#cc-main .cm__desc p + p { margin-top: .7em; }
#cc-main .cm__btn[data-role="show"] {
background: transparent;
color: var(--principal-viu);
border-color: var(--linia);
}
@media (max-width: 899px) {
#cc-main .cm__btn-group:has(.cm__btn + .cm__btn) {
grid-template-columns: 1fr 1fr;
gap: 8px;
}
}
@media print {
#cc-main { display: none; }
}
@media (hover: hover) {
#cc-main .cm__btn[data-role="show"]:hover {
background: var(--accent);
color: var(--text-sobre-accent);
border-color: var(--accent);
}
}
}
@layer model {
.portada-fitxa {
background: var(--fons-alt);
padding: 24px 0;
}
.portada-fitxa h1 { font-size: var(--lletra-titol-pagina); color: var(--principal); }
.claus {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 18px 0 0;
gap: 14px 16px;
}
.clau {
position: relative;
padding-left: 29px;
min-width: 0;
}
.clau dt .ico {
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
}
.clau dt {
font-size: var(--lletra-petit);
color: var(--text-suau);
line-height: 1.3;
}
.clau dd {
margin: 0;
font-size: var(--lletra-interficie);
font-weight: 600;
color: var(--valor-de-la-clau);
line-height: 1.3;
}
.clau .ico { width: 20px; height: 20px; flex: 0 0 20px; background: var(--principal-viu); }
.franja { background: var(--fons-alt); }
.fitxa .bloc { font-size: var(--lletra-lectura); }
.fitxa .bloc > h2 { font-size: var(--lletra-titol-seccio); }
.llista.no li::before {
background: var(--negatiu);
--ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E");
}
.consulta {
background: var(--principal);
color: #fff;
padding: 72px 0;
font-size: var(--lletra-lectura);
}
.consulta h2 {
color: var(--accent-sobre-principal);
font-size: var(--lletra-titol-seccio);
margin-bottom: 16px;
}
.consulta p, .consulta .llista li { color: rgba(255, 255, 255, .86); }
.consulta .comu + .comu { margin-top: 40px; }
.ico.pin { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
.ico.edat { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Cpath%20d%3D%22M16%203.128a4%204%200%200%201%200%207.744%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E"); }
.ico.durada { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2022h14%22%2F%3E%3Cpath%20d%3D%22M5%202h14%22%2F%3E%3Cpath%20d%3D%22M17%2022v-4.172a2%202%200%200%200-.586-1.414L12%2012l-4.414%204.414A2%202%200%200%200%207%2017.828V22%22%2F%3E%3Cpath%20d%3D%22M7%202v4.172a2%202%200%200%200%20.586%201.414L12%2012l4.414-4.414A2%202%200%200%200%2017%206.172V2%22%2F%3E%3C%2Fsvg%3E"); }
@media (min-width: 900px) {
.portada-fitxa { padding: 30px 0; }
.claus {
display: flex;
justify-content: space-between;
width: auto;
margin: 22px 0 0;
gap: 24px;
}
.consulta { padding: 90px 0; }
.consulta .comu { max-width: var(--lectura); margin: 0 auto; }
}
@media print {
.portada-fitxa { background: none; color: var(--text); padding: 0; }
.claus { break-inside: avoid; }
.franja, .consulta { background: none; color: var(--text); }
.consulta h2 { color: var(--text); }
.consulta p, .consulta .llista li { color: var(--text-suau); }
}
}
@layer model {
.targeta {
display: block;
position: relative;
aspect-ratio: 4 / 3;
border-radius: 8px;
overflow: hidden;
text-decoration: none;
}
.targeta[hidden] { display: none; }
.targeta img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .35s ease;
}
.targeta .vel {
position: absolute;
inset: 0;
background: linear-gradient(to top,
rgba(var(--principal-rgb), .90) 0%,
rgba(var(--principal-rgb), .78) 18%,
rgba(var(--principal-rgb), .55) 34%,
rgba(var(--principal-rgb), .16) 52%,
rgba(var(--principal-rgb), 0) 68%);
}
.targeta .cos {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 18px;
}
.targeta h2,
.targeta h3 { font-size: var(--lletra-nom-targeta); color: #fff; margin: 0; }
.targeta .valors { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.targeta .valor {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 8px;
background: rgba(var(--peu-rgb), .55);
color: #fff;
font-size: var(--lletra-petit);
font-weight: 600;
}
.targeta .valor .ico { width: 14px; height: 14px; flex: 0 0 14px; background: #fff; }
.fitxa .serveis { font-size: var(--lletra-base); }
.llista.mida li::before {
background: var(--principal-viu);
--ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3C%2Fsvg%3E");
}
.dia + .dia { border-top: 1px solid var(--linia); }
.dia summary {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
padding: 18px 20px;
cursor: pointer;
list-style: none;
}
.dia summary::-webkit-details-marker { display: none; }
.dia summary h3 { font-size: var(--lletra-subtitol); color: var(--principal-viu); }
.dia summary::after {
content: "+";
flex: 0 0 auto;
font-size: 24px;
font-weight: 300;
line-height: 1;
color: var(--principal-viu);
}
.dia[open] summary::after { content: "\2212"; }
.dia-nom {
display: block;
margin-bottom: 4px;
font-size: var(--lletra-minim);
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--text-suau);
}
.dia[open] { background: var(--principal-viu); }
.dia[open] .dia-cos { color: #fff; }
.dia[open] summary h3 { color: var(--titol-sobre-principal-viu); }
.dia[open] .dia-nom,
.dia[open] summary::after { color: var(--accent-sobre-principal-viu); }
.dia::details-content {
block-size: 0;
overflow: hidden;
}
.dia[open]::details-content {
block-size: auto;
transition: block-size .28s ease, content-visibility .28s allow-discrete;
}
.dia-cos { padding: 0 20px 18px; }
.dia-cos p { margin-bottom: 16px; }
.dia-cos p:last-child { margin-bottom: 0; }
.dies-ajuda { margin: 0 0 12px; }
.ciutats { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
.ciutat {
background: var(--principal-viu);
color: #fff;
border-radius: var(--radi);
padding: 26px;
}
@media (max-width: 619px) {
.ciutat { margin: 0 -18px; border-radius: 0; padding: 26px 18px; }
}
.ciutat h3 {
color: var(--titol-sobre-principal-viu);
font-size: var(--lletra-titol-targeta);
margin-bottom: 18px;
}
.ciutat .carrusel { position: relative; }
.excursio {
background: var(--vel-principal);
border: 1px solid var(--fons-alt);
border-radius: 10px;
padding: 18px 20px;
flex: 0 0 100%;
scroll-snap-align: start;
min-width: 0;
}
.excursio h4 { font-size: var(--lletra-lectura); font-weight: 600; margin: 0 0 8px; }
.excursio p {
margin: 0;
font-size: var(--lletra-base);
line-height: 1.6;
color: rgba(255, 255, 255, .88);
}
.excursio p + p { margin-top: 8px; }
.excursio:has(.excursio-fotos) { display: flex; flex-direction: column; }
.excursio-fotos {
display: grid;
gap: 20px;
margin-top: auto;
padding-top: 20px;
}
.excursio-fotos img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 6px;
background: rgba(255, 255, 255, .08);
}
.excursio-fotos img + img { display: none; }
.serveis { display: grid; gap: 28px; }
.serveis-columna h2 { font-size: var(--lletra-titol-columna); margin-bottom: 10px; }
.punts { display: flex; justify-content: center; gap: 4px; margin-top: 10px; }
:where(html:not(.amb-js)) .punts { display: none; }
.punt {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
border: none;
background: none;
cursor: pointer;
}
.punt::before {
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--principal-viu);
transition: background-color .18s ease;
}
.ciutat .punts { margin-top: 18px; }
.ciutat .punt::before { background: var(--secundari); }
.punt.actiu::before { background: var(--accent); }
@media (min-width: 620px) {
.excursio-fotos { grid-template-columns: 1fr 1fr; }
.excursio-fotos img + img { display: block; }
}
@media (min-width: 900px) {
.dia + .dia { border-top: 0; }
.dia { border-bottom: 1px solid var(--linia); }
.dia summary { padding: 22px 26px; }
.dia-cos { padding: 0 26px 22px; }
.ciutat { padding: 48px 100px 32px; }
.excursio { padding: 22px 24px; }
.excursio-fotos { gap: 24px; padding-top: 24px; }
}
@media print {
.ciutat { background: none; color: var(--text); }
.excursio p { color: var(--text-suau); }
.ciutat { border: 1px solid #ccc; padding: 4mm; }
.excursio { background: none; border-color: #ccc; }
.ciutat h3 { color: var(--text); }
.dia[open] { background: none; }
.dia[open] .dia-cos, .dia[open] summary h3 { color: var(--text); }
.punts { display: none; }
.dia, .excursio { break-inside: avoid; }
.dies, .ciutats { break-before: avoid; }
}
.ico.tema { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2018v-7%22%2F%3E%3Cpath%20d%3D%22M11.12%202.198a2%202%200%200%201%201.76.006l7.866%203.847c.476.233.31.949-.22.949H3.474c-.53%200-.695-.716-.22-.949z%22%2F%3E%3Cpath%20d%3D%22M14%2018v-7%22%2F%3E%3Cpath%20d%3D%22M18%2018v-7%22%2F%3E%3Cpath%20d%3D%22M3%2022h18%22%2F%3E%3Cpath%20d%3D%22M6%2018v-7%22%2F%3E%3C%2Fsvg%3E"); }
.ico.transport, .ico.avio { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17.8%2019.2%2016%2011l3.5-3.5C21%206%2021.5%204%2021%203c-1-.5-3%200-4.5%201.5L13%208%204.8%206.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1%201%20.3%201.3L9%2012l-2%203H4l-1%201%203%202%202%203%201-1v-3l3-2%203.5%205.3c.3.4.8.5%201.3.3l.5-.2c.4-.3.6-.7.5-1.2z%22%2F%3E%3C%2Fsvg%3E"); }
.ico.autocar { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%206v6%22%2F%3E%3Cpath%20d%3D%22M15%206v6%22%2F%3E%3Cpath%20d%3D%22M2%2012h19.6%22%2F%3E%3Cpath%20d%3D%22M18%2018h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2%200-.4-.1-.8-.2-1.2l-1.4-5C20.1%206.8%2019.1%206%2018%206H4a2%202%200%200%200-2%202v10h3%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2018h5%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
.ico.tren { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203.1V7a4%204%200%200%200%208%200V3.1%22%2F%3E%3Cpath%20d%3D%22m9%2015-1-1%22%2F%3E%3Cpath%20d%3D%22m15%2015%201-1%22%2F%3E%3Cpath%20d%3D%22M9%2019c-2.8%200-5-2.2-5-5v-4a8%208%200%200%201%2016%200v4c0%202.8-2.2%205-5%205Z%22%2F%3E%3Cpath%20d%3D%22m8%2019-2%203%22%2F%3E%3Cpath%20d%3D%22m16%2019%202%203%22%2F%3E%3C%2Fsvg%3E"); }
@media (hover: hover) {
.targeta:hover img { transform: scale(1.04); }
.punt:hover:not(.actiu)::before { background: var(--principal-viu); }
.ciutat .punt:hover:not(.actiu)::before { background: var(--accent); }
}
@media (prefers-reduced-motion: reduce) {
.targeta:hover img { transform: none; }
}
}
@layer model {
@media (min-width: 1080px) {
.aparador .targeta h2 { font-size: 26px; }
.aparador .targeta .valor { font-size: var(--lletra-nota); }
.aparador .targeta .valor .ico { width: 15px; height: 15px; flex: 0 0 15px; }
.aparador .targeta .preu-xifra { font-size: var(--lletra-lectura); }
.aparador .targeta .preu-nota { font-size: var(--lletra-petit); }
}
.dies { display: grid; --files: 1; }
.serveis-columna h3 { font-size: var(--lletra-lectura); font-weight: 700; color: var(--principal); margin: 28px 0 10px; }
.serveis-columna h2 + h3 { margin-top: 0; }
.serveis-columna p { margin: 12px 0 0; font-size: var(--lletra-lectura); color: var(--text); }
.serveis-apartat + .serveis-apartat { margin-top: 36px; }
.preus { margin: 0; font-size: var(--lletra-lectura); }
.serveis-columna .preu-des-de { margin: 0; }
.preu-des-de .preu-xifra { color: var(--principal-viu); font-weight: 600; }
.serveis-columna .nota-preus {
margin: 6px 0 0;
font-size: var(--lletra-base);
color: var(--accent-text);
}
.preu-fila {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding: 7px 0;
border-bottom: 1px solid var(--linia);
}
.preu-fila:last-child { border-bottom: 0; }
.preu-fila dt { color: var(--text); }
.extres {
width: 100%;
border-collapse: collapse;
font-size: var(--lletra-lectura);
}
.extres th, .extres td { padding: 6px 0; text-align: right; font-weight: 400; vertical-align: baseline; }
.extres th + th, .extres td + td, .extres th + td { padding-left: 20px; }
.extres thead th { color: var(--accent-text); font-size: var(--lletra-base); padding: 0 0 2px; }
.extres tbody tr:first-child th, .extres tbody tr:first-child td { padding-top: 2px; }
.extres tbody th { text-align: left; color: var(--text); }
.extres tbody td { font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--principal); }
.extres { table-layout: fixed; }
.extres col.preu { width: 10.75rem; }
@media (max-width: 619px) {
.extres col.preu { width: 6.6rem; }
.extres th + th, .extres td + td, .extres th + td { padding-left: 12px; }
}
.extres tbody tr + tr { border-top: 1px solid var(--linia); }
.preu-fila dd {
margin: 0;
text-align: right;
color: var(--principal-viu);
font-weight: 600;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
@media (min-width: 900px) {
.dies {
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(var(--files), auto);
grid-auto-flow: column;
}
.dia.final { border-bottom: 0; }
.dia.esquerra { border-right: 1px solid var(--linia); }
.serveis { grid-template-columns: 1fr 1fr; gap: 112px; }
}
@media print {
.serveis { display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; }
}
.ico.cotxe { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2017h2c.6%200%201-.4%201-1v-3c0-.9-.7-1.7-1.5-1.9C18.7%2010.6%2016%2010%2016%2010s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6%200-1.1.4-1.4.9l-1.4%202.9A3.7%203.7%200%200%200%202%2012v4c0%20.6.4%201%201%201h2%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2017h6%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
.ico.vaixell { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2010.189V14%22%2F%3E%3Cpath%20d%3D%22M12%202v3%22%2F%3E%3Cpath%20d%3D%22M19%2013V7a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v6%22%2F%3E%3Cpath%20d%3D%22M19.38%2020A11.6%2011.6%200%200%200%2021%2014l-8.188-3.639a2%202%200%200%200-1.624%200L3%2014a11.6%2011.6%200%200%200%202.81%207.76%22%2F%3E%3Cpath%20d%3D%22M2%2021c.6.5%201.2%201%202.5%201%202.5%200%202.5-2%205-2%201.3%200%201.9.5%202.5%201s1.2%201%202.5%201c2.5%200%202.5-2%205-2%201.3%200%201.9.5%202.5%201%22%2F%3E%3C%2Fsvg%3E"); }
.ico.dates { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%202v4%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3C%2Fsvg%3E"); }
.ico.euro { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010h12%22%2F%3E%3Cpath%20d%3D%22M4%2014h9%22%2F%3E%3Cpath%20d%3D%22M19%206a7.7%207.7%200%200%200-5.2-2A7.9%207.9%200%200%200%206%2012c0%204.4%203.5%208%207.8%208%202%200%203.8-.8%205.2-2%22%2F%3E%3C%2Fsvg%3E"); }
.targeta .cos {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
column-gap: 12px;
align-items: end;
}
.targeta .cos :is(h2, h3) { grid-column: 1 / -1; }
.targeta .cos .valors { grid-column: 1; }
.targeta.preu-alt .cos :is(h2, h3) { grid-column: 1; }
.targeta.preu-alt .preu { grid-row: 1 / span 2; }
.targeta .preu {
grid-column: 2;
grid-row: 2;
align-self: end;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 8px 12px;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 8px;
background: rgba(var(--accent-text-rgb), .85);
color: #fff;
line-height: 1.15;
text-align: center;
}
.targeta .preu-xifra { font-size: var(--lletra-interficie); font-weight: 800; margin: 1px 0 -1px; }
.targeta .preu-nota { font-size: var(--lletra-minim); font-weight: 600; }
.dia-distancia { font-size: var(--lletra-petit); font-weight: 600; color: inherit; opacity: .85; }
@media (min-width: 620px) and (max-width: 899px) {
.claus { grid-template-columns: repeat(3, 1fr); }
}
.mapa-ruta {
display: block;
width: 100%;
height: auto;
margin-top: 80px;
}
.mapa-ruta.alt { display: none; }
.mapa-trossos { display: none; }
.mapa-vol {
margin: 0;
padding: 16px 18px;
text-align: center;
font: 500 var(--lletra-petit) var(--tipus);
color: var(--text-suau);
}
.mapa-vol span { display: block; font-size: 22px; color: var(--principal-viu); }
@media (max-width: 619px) {
.mapa-ruta.ample { display: none; }
.mapa-trossos { display: block; margin: 40px -18px 0; }
.mapa-trossos .mapa-ruta.alt { width: 100%; margin: 0; }
.mapa-ruta.alt {
display: block;
width: calc(100% + 36px);
margin: 40px -18px 0;
}
.mapa-ruta.alt .nom { font-size: 13px; }
.mapa-ruta.alt .fort { font-size: 14px; }
.mapa-ruta.alt .punt-nom { font-size: 11px; }
.mapa-ruta.alt .regio,
.mapa-ruta.alt .escala text { font-size: 10px; }
.mapa-ruta.alt .carretera,
.mapa-ruta.alt .vaixell { stroke-width: 2.5; }
}
.mapa-ruta .mar,
.mapa-ruta .aigua path { fill: var(--mapa-mar); }
.mapa-ruta .terra .ca { fill: var(--fons); }
.mapa-ruta .terra .altre { fill: var(--mapa-vei); }
.mapa-ruta .frontera {
fill: none;
stroke: rgba(var(--principal-rgb), .16);
stroke-width: .8;
stroke-linejoin: round;
}
.mapa-ruta .regio {
font: 500 12px var(--tipus);
letter-spacing: .22em;
text-transform: uppercase;
fill: rgba(var(--principal-rgb), .42);
}
.mapa-ruta .serra path { fill: rgba(var(--principal-rgb), .07); }
.mapa-ruta .carretera,
.mapa-ruta .avio,
.mapa-ruta .vaixell {
fill: none;
stroke: var(--principal-viu);
stroke-width: 3;
stroke-linejoin: round;
stroke-linecap: round;
}
.mapa-ruta .avio { stroke-width: 2; stroke-dasharray: 8 7; }
.mapa-ruta .vaixell { stroke-dasharray: 0 7; }
.mapa-ruta .parada { fill: var(--fons); stroke: var(--principal-viu); stroke-width: 2.5; }
.mapa-ruta .extrem { fill: var(--principal-viu); stroke: var(--fons); stroke-width: 2.5; }
.mapa-ruta .punt { fill: var(--principal-viu); stroke: var(--fons); stroke-width: 1.5; }
.mapa-ruta .nom,
.mapa-ruta .punt-nom {
font: 500 15px var(--tipus);
fill: var(--text-suau);
paint-order: stroke;
stroke: var(--fons);
stroke-width: 4px;
stroke-linejoin: round;
}
.mapa-ruta .fort { font-weight: 600; font-size: 16px; }
.mapa-ruta .punt-nom { font-weight: 400; font-size: 13px; }
.mapa-ruta .escala path { stroke: var(--text-suau); stroke-width: 1.2; fill: none; }
.mapa-ruta .escala text { font: 400 12px var(--tipus); fill: var(--text-suau); }
.mapa-destacats { margin-top: 48px; }
.mapa-destacats .mapa-ruta { margin-top: 0; }
.mapa-destacats .terra .ca { fill: var(--fons-alt); }
.mapa-destacats .nom { stroke: var(--fons-alt); }
.mapa-destacats .regio-lloc { font-style: italic; font-weight: 400; fill: rgba(var(--principal-rgb), .82); }
.ico.ciutat circle { fill: var(--principal-viu); stroke: var(--fons); stroke-width: 1.5; }
.ico.parc path { fill: var(--accent); stroke: var(--fons); stroke-width: 1; stroke-linejoin: round; }
.ico.parc .tronc { fill: none; stroke: var(--accent); stroke-width: 2; }
.ico.muntanya path { fill: var(--principal); stroke: var(--fons); stroke-width: 1; stroke-linejoin: round; }
.ico.muntanya .neu { fill: var(--fons); stroke: none; }
.ico.cascada path { fill: none; stroke: var(--accent); stroke-width: 1.8; stroke-linecap: round; }
.ico.glacera path { fill: var(--mapa-gel); stroke: var(--accent); stroke-width: 1.5; stroke-linejoin: round; }
.mapa-ruta .senyal .plafo { fill: var(--principal); }
.mapa-ruta .senyal .vora { fill: none; stroke: var(--fons); stroke-width: 1.2; opacity: .85; }
.mapa-ruta .senyal .fletxa { fill: none; stroke: var(--fons); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mapa-ruta .senyal-nom { font: 600 14px var(--tipus); fill: var(--fons); }
.mapa-ruta .senyal-km { font: 400 12px var(--tipus); fill: var(--fons); }
.mapa-llegenda {
display: flex;
flex-wrap: wrap;
gap: 6px 22px;
margin: 14px 0 0;
font: 500 14px var(--tipus);
color: var(--text-suau);
}
.mapa-llegenda span { display: inline-flex; align-items: center; gap: 6px; }
.mapa-llegenda svg { width: 18px; height: 18px; overflow: visible; }
@media (max-width: 619px) {
.mapa-destacats .mapa-ruta.alt { margin: 0 -18px; }
.mapa-llegenda .nomes-ample { display: none; }
}
.destacats-tour { position: relative; }
.destacat-avis {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.destacats-pista { display: grid; gap: 20px; }
.destacat-tour {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto 1fr;
background: var(--fons-alt);
border-radius: var(--radi);
overflow: hidden;
}
.destacat-text { padding: 26px 22px; }
.destacat-text h3 { font-size: var(--lletra-titol-targeta); margin: 0 0 14px; }
.destacat-compte { display: block; margin-bottom: 18px; font-size: 34px; font-weight: 400; line-height: 1; color: var(--accent); }
.destacat-compte small { font-size: 16px; opacity: .7; }
.destacat-text p { margin: 0; font-size: var(--lletra-lectura); }
.destacat-text p + p { margin-top: 8px; }
.destacat-foto { position: relative; aspect-ratio: 4 / 3; order: -1; }
.destacat-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.destacats-fletxes { display: none; }
:where(html.amb-js) .destacats-fletxes {
position: absolute;
left: 22px;
right: 22px;
bottom: 24px;
display: flex;
justify-content: space-between;
pointer-events: none;
}
.destacats-fletxes button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 0;
border: 0;
background: none;
color: var(--principal);
cursor: pointer;
pointer-events: auto;
}
.destacats-fletxes .fletxa {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid var(--principal);
border-radius: 50%;
transition: background-color .2s ease, color .2s ease;
}
.destacats-fletxes button:hover .fletxa,
.destacats-fletxes button:focus-visible .fletxa { background: var(--principal); color: var(--fons-alt); }
.destacats-fletxes .miniatura { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
:where(html.amb-js) .destacats-pista { gap: 0; }
:where(html.amb-js) .destacat-tour {
grid-area: 1 / 1;
opacity: 0;
visibility: hidden;
transition: opacity .5s ease, visibility .5s;
}
:where(html.amb-js) .destacat-tour.actiu { opacity: 1; visibility: visible; }
:where(html.amb-js) .destacat-text { padding-bottom: 96px; }
@media (min-width: 760px) {
.destacat-tour { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto; }
.destacat-text { padding: 40px 40px 44px; }
.destacat-foto { order: 0; aspect-ratio: auto; }
.destacat-foto::before { content: ""; display: block; padding-top: 100%; }
:where(html.amb-js) .destacat-text { padding-bottom: 112px; }
:where(html.amb-js) .destacats-fletxes { left: 40px; right: calc(50% + 40px); bottom: 36px; }
}
@media (prefers-reduced-motion: reduce) {
:where(html.amb-js) .destacat-tour { transition: none; }
}
}
@layer lloc {
:root {
--principal-rgb: 78, 28, 24;
--principal: rgb(var(--principal-rgb));
--principal-viu: #8E3029;
--secundari: #F5F0E2;
--accent: #22686D;
--accent-text-rgb: 34, 104, 109;
--accent-text: rgb(var(--accent-text-rgb));
--accent-actiu: #1B5155;
--negatiu: #8E3029;
--peu-rgb: 34, 16, 14;
--peu: rgb(var(--peu-rgb));
--positiu: #22686D;
--whatsapp: #2A8552;
--whatsapp-actiu: #1F6B41;
--negatiu-sobre-fosc: #FF8F7A;
--fons-alt: #F5F0E2;
--fons: #FBFAF6;
--text: #22100E;
--text-suau: #4E1C18;
--linia: rgba(var(--principal-rgb), .14);
--vel-principal: rgba(var(--principal-rgb), .3);
--vel-clar: rgba(255, 255, 255, .12);
--vel-fosc: rgba(var(--principal-rgb), .72);
--principal-desplegat: #F5F0E2;
--galetes-fons-actiu: #EFE9D8;
--galetes-apagat: #A8A093;
--galetes-bloquejat: #D7D2C6;
--mapa-mar: #CBE0E1;
--mapa-vei: #EFE9DA;
--mapa-gel: #DDEEF0;
--accent-sobre-fons: var(--accent);
--accent-sobre-principal: #A2D4D7;
--accent-sobre-principal-viu: #A2D4D7;
--accent-sobre-peu: #A2D4D7;
--text-sobre-accent: #fff;
--secundari-sobre-principal: #F5F0E2;
--secundari-sobre-principal-viu: #F5F0E2;
--secundari-sobre-peu: #F5F0E2;
--titol-sobre-principal-viu: var(--fons-alt);
--peu-del-visor: var(--fons-alt);
}
.contacte-formulari .boto-accent { background: var(--accent-sobre-principal); color: var(--text); }
@media (hover: hover) {
.contacte-formulari .boto-accent:hover { background: #86C6CB; }
}
.capcalera {
background: var(--fons);
color: var(--text);
}
@media (min-width: 900px) {
.capcalera { --capcalera-coixi: 7px; }
.marca img { height: 68px; }
}
.menu a,
.menu-aviat,
.menu-grup-boto { color: var(--principal); }
.menu a[aria-current],
.menu-grup.actual > .menu-grup-boto { color: var(--accent-text); }
.menu-boto { color: var(--text); }
.menu-boto .ico { background: currentColor; }
@media (max-width: 619px) {
:where(.amb-js) .menu.plegable {
left: 0;
right: 0;
padding: 8px 18px 14px;
background: var(--accent);
border: 0;
border-radius: 0;
}
:where(.amb-js) .menu.plegable a,
:where(.amb-js) .menu.plegable a[aria-current],
:where(.amb-js) .menu.plegable a:hover,
:where(.amb-js) .menu.plegable:hover a[aria-current]:not(:hover) { color: var(--fons); }
:where(.amb-js) .menu.plegable .menu-grup-boto,
:where(.amb-js) .menu.plegable .menu-grup.actual > .menu-grup-boto {
color: color-mix(in srgb, var(--fons-alt) 82%, transparent);
opacity: .8;
}
:where(.amb-js) .menu.plegable a::before { background: var(--fons); }
}
.idiomes a { color: var(--text); }
.idiomes a[aria-current="true"] { color: var(--text); background: var(--fons-alt); }
.idiomes-boto { background: var(--principal); color: var(--fons); }
:where(.amb-js) .idiomes.plegable { background: var(--principal); }
:where(.amb-js) .idiomes.plegable a { color: var(--fons); }
.portada-fitxa { background: var(--principal-viu); }
.portada-fitxa h1 { color: var(--fons-alt); }
.portada-fitxa .clau dt { color: rgba(245, 240, 226, .85); }
.portada-fitxa .clau dd { color: #fff; }
.portada-fitxa .clau .ico { background: var(--accent-sobre-principal); }
.portada .entrada { background: var(--principal-viu); padding: 32px 0 30px; }
.pagina .entrada h1,
.pagina .text h2,
.pagina .text h3,
.formulari-columna h1 { color: var(--principal-viu); }
.portada .entrada h1 { color: var(--fons-alt); }
.portada .entrada p { color: rgba(255, 255, 255, .88); }
.targeta .valor { background: rgba(var(--peu-rgb), .70); font-weight: 500; }
.targeta .preu { background: var(--accent-text); }
.targeta .preu-xifra { font-weight: 700; }
.targeta .preu-nota { font-weight: 500; }
.targeta .vel {
background: linear-gradient(to top,
rgba(var(--peu-rgb), .90) 0%,
rgba(var(--peu-rgb), .78) 18%,
rgba(var(--peu-rgb), .55) 34%,
rgba(var(--peu-rgb), .16) 52%,
rgba(var(--peu-rgb), 0) 68%);
}
.dies { --principal-viu: var(--principal); }
.dia-nom { color: var(--accent-text); }
.dia[open] .dia-nom { color: var(--accent-sobre-principal); }
.fitxa .bloc > h2,
.similars .contenidor > h2 { color: var(--principal-viu); }
.fitxa .serveis-columna h2 { color: var(--text); }
.consulta h2 { color: var(--fons-alt); }
.consulta .llista.neutra li::before { background: var(--accent-sobre-principal); }
@media (hover: hover) {
.menu a:hover { color: var(--accent-text); }
.menu:hover a[aria-current]:not(:hover) { color: var(--principal); }
.idiomes a:hover { background: var(--principal-viu); color: var(--fons); }
a.peu-fila:hover { background: var(--accent); border-color: var(--accent); }
}
@media (min-width: 620px) and (hover: hover) {
.menu-grup:hover > .menu-grup-boto { color: var(--accent-text); }
.menu:hover .menu-grup.actual:not(:hover) > .menu-grup-boto { color: var(--principal); }
}
@media (min-width: 620px) {
.menu .menu-grup-llista a { color: var(--text-suau-sobre-accent); }
.menu .menu-grup-llista a[aria-current],
.menu .menu-grup-llista a:hover,
.menu:hover .menu-grup-llista a[aria-current]:not(:hover) { color: var(--text-sobre-accent); }
.menu:hover .menu-grup-llista:hover a[aria-current]:not(:hover) { color: var(--text-suau-sobre-accent); }
}
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(/tipus/literata-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(/tipus/literata-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
h1, h2, h3,
.entrada p,
.dues-columnes p,
.dia-cos p,
.destacat-text p,
.text p,
.text li {
font-family: 'Literata', Georgia, serif;
}
h1, h2, h3 { font-weight: 600; }
.serveis p,
.serveis li,
.preus dt,
.extres tbody th,
.contacte-vies p,
.comu p,
.comu li,
.home-hero-subtitol p,
.home-destacats-cap p,
.home-etapes-titol p,
.home-tipus-titol p,
.home-etapa-desc p,
.home-motius-intro p,
.home-motius-llista li,
.home-faq-cos p,
.ranquing-intro p,
.ranquing-text p,
.ranquing-viatges-cap p,
.guia-intro p,
.guia-text p,
.guia-text li,
.guia-text dt,
.guia-text dd {
font-family: 'Literata', Georgia, serif;
}
.preu-xifra { font-family: var(--tipus); }
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(/tipus/outfit-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(/tipus/outfit-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root { --tipus: 'Outfit', system-ui, -apple-system, sans-serif; }
body { font-size-adjust: .507; }
button, input, select, textarea { font-size-adjust: inherit; }
.peu-columna h2 { font-family: var(--tipus); font-weight: 800; }
.home-etapa, .home-tipus-cel--foto {
--principal-rgb: 34, 16, 14;
--principal: rgb(34, 16, 14);
}
:is(.home, .ranquing) .boto-principal { background: var(--principal-viu); }
@media (hover: hover) {
:is(.home, .ranquing) .boto-principal:hover { background-color: var(--principal); }
}
.home-hero { background: var(--fons); padding: 48px 0 64px; }
.home-hero-graella { display: grid; gap: 40px; align-items: start; }
.home-hero h1,
.ranquing-cap h1,
.guia-cap h1 {
font-size: clamp(40px, 7.5vw, 72px);
line-height: 1.03;
letter-spacing: -.03em;
color: var(--principal-viu);
margin-bottom: 24px;
}
.ranquing-cap h1 { margin-bottom: calc(46px - .092em); }
.home-hero-subtitol {
font-size: var(--lletra-destacat);
line-height: 1.6;
margin-bottom: 32px;
}
@media (min-width: 620px) {
.home-hero h1,
.home-hero-subtitol { max-width: 75%; }
}
.home-hero-subtitol p { margin-bottom: .7em; }
.home-hero-subtitol p:last-child { margin-bottom: 0; }
.home-hero-botons { display: flex; flex-wrap: wrap; gap: 12px; }
.home-hero-foto img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 8px;
}
@media (min-width: 900px) {
.home-hero { padding-top: 72px; }
.home-hero-graella { grid-template-columns: 1fr 1fr; gap: 56px; }
.home-hero h1,
.home-hero-subtitol { max-width: none; }
.home-hero-foto img { aspect-ratio: 4 / 5; }
}
.home-etapes { background: var(--fons-alt); padding: 64px 0; }
.home-tipus { background: var(--fons-alt); padding: 64px 0; }
.home-etapes-graella,
.home-tipus-graella {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
padding: 0 18px;
}
.home-etapes-titol,
.home-tipus-titol { grid-column: 1 / -1; padding: 0 0 28px; }
.home-etapes h2,
.home-tipus h2,
.home-destacats-cap h2,
.home-motius h2,
.home-faq h2,
.ranquing-viatges-cap h2 {
font-size: clamp(26px, 5vw, 40px);
line-height: 1.25;
letter-spacing: -.02em;
color: var(--principal-viu);
margin-bottom: 16px;
}
.ranquing-lloc h2,
.guia-seccio h2 {
font-size: clamp(26px, 5vw, 40px);
line-height: 1.25;
letter-spacing: -.02em;
color: var(--principal-viu);
}
@media (min-width: 620px) {
.home-etapes-graella,
.home-tipus-graella { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-etapes-titol h2,
.home-tipus-titol h2,
.home-etapes-titol p,
.home-tipus-titol p { max-width: 75%; }
}
@media (max-width: 619px) {
.home-etapa { aspect-ratio: 3 / 2; }
}
.home-etapes-titol p,
.home-tipus-titol p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 24px;
}
.home-etapes-titol p:not(:last-of-type),
.home-tipus-titol p:not(:last-of-type) { margin-bottom: .7em; }
.home-anar-llarg { display: none; }
@media (min-width: 1080px) {
.home-hero { padding-bottom: 92px; }
.home-etapes,
.home-tipus { padding: 92px 0; }
.home-etapes-graella,
.home-tipus-graella { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 2fr)); padding: 0 8px 0 0; }
.home-tipus-graella { min-height: 420px; }
.home-etapes-titol,
.home-tipus-titol {
grid-column: auto;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
}
.home-etapes-titol h2,
.home-tipus-titol h2 { font-size: clamp(22px, 2.15vw, 40px); }
.home-etapes-titol h2,
.home-tipus-titol h2,
.home-etapes-titol p,
.home-tipus-titol p { max-width: none; }
.home-etapes-titol p,
.home-tipus-titol p { margin-bottom: 28px; font-size: clamp(15px, 1.1vw, 19px); }
.home-etapes-titol .boto,
.home-tipus-titol .boto { align-self: start; font-size: clamp(15px, 1.1vw, 19px); }
.home-anar-curt { display: none; }
.home-anar-llarg { display: inline; }
}
.home-destacats,
.ranquing-viatges { background: var(--fons); padding: 64px 0; }
.home-destacats-cap,
.ranquing-viatges-cap {
display: grid;
grid-template-columns: fit-content(calc(100% - 128px)) 1fr;
column-gap: 32px;
align-items: end;
margin-bottom: 28px;
}
:is(.home-destacats-cap, .ranquing-viatges-cap) h2 { grid-column: 1; grid-row: 1; }
:is(.home-destacats-cap, .ranquing-viatges-cap) p {
grid-column: 1;
grid-row: 2;
font-size: 18px;
line-height: 1.6;
margin-bottom: 0;
}
:is(.home-destacats-cap, .ranquing-viatges-cap) .aparador-fletxes { grid-column: 2; grid-row: 2; justify-self: end; }
:is(.home-destacats, .ranquing-viatges) .aparador .pista {
margin: 0 var(--aparador-vora);
padding: 4px 0 8px;
scroll-padding-inline: 0;
-webkit-mask-image: none;
mask-image: none;
}
:is(.home-destacats, .ranquing-viatges) .aparador .targeta { flex-basis: calc((100% - 16px) / 2); }
@media (max-width: 619px) {
:is(.home-destacats, .ranquing-viatges) .aparador-fletxes { display: none; }
.home-destacats-cap,
.ranquing-viatges-cap { grid-template-columns: 1fr; }
:is(.home-destacats, .ranquing-viatges) .aparador .targeta { flex-basis: 100%; }
}
.home-destacats-peu { margin-top: 28px; }
@media (min-width: 1080px) {
.home-destacats,
.ranquing-viatges { padding: 92px 0; }
}
.home-motius h2 { color: #fff; margin-bottom: 24px; }
.home-motius .llista li::before { background: var(--accent-sobre-principal); }
.home-motius-intro a { color: #fff; }
@media (min-width: 1080px) {
.home-motius-dalt h2 { margin-bottom: 0; }
}
.home-faq h2 {
margin: 0 auto 32px;
max-width: var(--lectura);
text-align: center;
}
@media (min-width: 1080px) {
.home-faq h2 { margin-bottom: 40px; max-width: none; }
}
@media print {
.home-motius h2 { color: var(--text); }
.home-tipus-graella { min-height: 0; }
}
.error-ant {
width: min(540px, 86vw);
height: auto;
flex-shrink: 0;
}
.error-text h1 { color: var(--principal-viu); }
}