/* Shared, compact format selector for menus and price tables. */
.format-landing .format-step{padding-top:34px!important;padding-bottom:80px!important}
.format-landing .format-step>.intro-row{align-items:end;margin-bottom:26px!important}
.format-landing .format-step>.intro-row .intro h1{min-height:0!important;margin:0!important}
.format-landing .format-step>.intro-row .intro p{min-height:0!important;max-width:700px;margin-top:9px!important}
.format-landing .format-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch;gap:18px!important}
.format-landing .format-section-title{display:none!important}

.format-landing .format-card.format-option{position:relative;display:grid!important;grid-template-rows:210px minmax(118px,1fr) auto;min-width:0;min-height:412px!important;overflow:hidden;padding:0!important;border:1px solid #d8d4cb!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.format-landing .format-card.format-option:hover{transform:translateY(-3px)!important;border-color:#8f8980!important;box-shadow:0 14px 34px rgba(24,22,20,.08)!important}

.format-landing .format-card-media,
.format-landing .format-paper-wrap{display:grid!important;width:100%;height:210px!important;place-items:center;overflow:hidden;margin:0!important;border:0!important;border-bottom:1px solid #dedbd3!important;background:#f4f2ed!important}
.format-landing .format-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.format-landing .format-card.is-mobile .format-card-media{background:#d7d0ff!important}
.format-landing-prices .format-card.is-mobile .format-card-media{background:#dcefd8!important}
.format-landing .format-paper{transform:scale(1.05)}
.format-landing .format-card:hover .format-paper{transform:rotate(-.5deg) scale(1.085)!important}

.format-landing .format-card>.format-tag{top:12px!important;left:12px!important;z-index:4;min-height:27px;padding:0 10px!important;border:1px solid #d2cec5!important;border-radius:7px!important;background:rgba(255,255,255,.94)!important;color:#1c1b19!important;font-size:10px!important;letter-spacing:.04em!important;backdrop-filter:blur(8px)}
.format-landing .format-card.is-mobile>.format-tag{border-color:#0879db!important;background:#0788f7!important;color:#fff!important}
.format-landing .format-card>.format-plan-badge{top:12px!important;right:12px!important;z-index:4;display:inline-flex!important;min-width:78px!important;height:28px!important;align-items:center;justify-content:center;padding:0 12px!important;border-radius:7px!important}

.format-landing .format-card>.format-copy{display:block!important;min-width:0;padding:18px 18px 10px!important}
.format-landing .format-card>.format-copy h2{margin:0 0 6px!important;font-size:20px!important;line-height:1.12!important}
.format-landing .format-card>.format-copy p{display:-webkit-box;overflow:hidden;margin:0!important;color:#716d66!important;font-size:13px!important;line-height:1.4!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.format-landing .format-card>.format-copy .format-meta{display:block!important;margin-top:9px!important;color:#807b73!important;font-size:9px!important;font-weight:800!important;letter-spacing:.07em!important;-webkit-line-clamp:1}

.format-landing .format-card>.format-actions{position:static!important;display:block!important;width:auto!important;margin:0!important;padding:0 18px 16px!important;opacity:1!important;transform:none!important;pointer-events:auto!important;background:transparent!important;border:0!important}
.format-landing .format-card>.format-actions button{width:100%!important;min-height:44px!important;padding:0 15px!important;border-radius:9px!important;font-size:12px!important}
.format-landing .format-card.is-mobile>.format-actions button{border-color:#1c1b19!important;background:#1c1b19!important;color:#fff!important}
.format-landing .format-card.is-premium-locked .format-card-media,
.format-landing .format-card.is-premium-locked .format-copy{opacity:1!important}
.format-landing .format-card.is-premium-locked>.format-actions button{border-color:#cbc7bd!important;background:#efede8!important;color:#625e57!important}

@media(max-width:1000px){
  .format-landing .format-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Capçalera compacta i transversal dels catàlegs: presentació + projectes. */
.format-landing .format-step>.intro-row.format-catalog-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;align-items:start!important;gap:32px!important;margin:0 auto 8px!important;padding:34px 0 8px!important}
.format-landing .format-catalog-heading .intro{max-width:820px!important;margin:0!important;text-align:left!important}
.format-landing .format-catalog-heading .intro h1,.format-landing .format-catalog-heading .intro p{margin-inline:0!important;text-align:left!important}
.format-landing .format-catalog-heading .intro p{width:100%!important;max-width:760px!important;margin-top:12px!important;margin-left:0!important}
.format-landing .format-catalog-heading .format-open-project{display:inline-flex!important;min-height:48px!important;align-items:center!important;justify-content:center!important;align-self:start!important;gap:9px!important;margin-top:7px!important;padding:0 18px!important;border:1px solid #cfcac1!important;border-radius:10px!important;background:#fff!important;color:#181614!important;font:inherit!important;font-weight:750!important;cursor:pointer!important}
.format-landing .format-catalog-heading .format-open-project svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.format-landing .format-catalog-heading .format-open-project:hover{border-color:#8e8a82!important;background:#f5f4f0!important}
.format-landing .format-catalog-heading+.open-projects-cta+.format-tabs{margin-top:22px!important}
.format-landing .format-catalog-heading .format-open-project .project-open-plan-badge{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border:1px solid #42c64b;border-radius:6px;background:#69eb6d;color:#181614;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
@media(max-width:720px){.format-landing .format-step>.intro-row.format-catalog-heading{grid-template-columns:minmax(0,1fr) auto!important;width:calc(100% - 28px)!important;gap:12px!important;padding-top:24px!important}.format-landing .format-catalog-heading .intro h1{font-size:clamp(30px,9vw,40px)!important}.format-landing .format-catalog-heading .format-open-project{width:auto!important;min-width:46px!important;padding:0 10px!important;font-size:0!important}.format-landing .format-catalog-heading .format-open-project svg{width:21px;height:21px}.format-landing .format-catalog-heading .format-open-project .project-open-plan-badge{font-size:8px}}

/* Finished-looking starting templates: this selector presents ideas, not file formats. */
.format-landing .format-grid{justify-content:center!important}
.format-landing .format-card.format-option{flex-basis:clamp(270px,28vw,430px)!important}
.format-landing .format-paper{box-sizing:border-box;display:block!important;overflow:hidden!important;padding:22px!important;background:#fff!important;color:#181714!important}
.format-landing .template-preview{box-sizing:border-box;display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;text-align:left}
.format-landing .template-kicker{margin-bottom:10px;color:#ee3529;font-size:9px;font-weight:800;letter-spacing:.14em}
.format-landing .template-preview>strong{font-size:clamp(22px,2.4vw,36px);line-height:1;letter-spacing:-.04em}
.format-landing .template-preview>small{margin-top:9px;color:#746f68;font-size:10px}
.format-landing .template-rule{display:block;width:36px;height:2px;margin:16px 0;background:#63ec70}
.format-landing .template-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.format-landing .template-columns i,.format-landing .template-list{display:grid;gap:7px;font-style:normal}
.format-landing .template-columns b{color:#ee3529;font-size:10px}
.format-landing .template-columns small,.format-landing .template-list i{display:flex;justify-content:space-between;gap:8px;margin:0;color:#26231f;font-size:8px;font-style:normal}
.format-landing .template-columns em,.format-landing .template-list em{font-style:normal;font-weight:800;white-space:nowrap}
.format-landing .template-menu-daily{align-items:center;text-align:center}
.format-landing .template-menu-daily .template-orbit{display:grid;width:54px;height:54px;place-items:center;margin-bottom:18px;border:2px solid #ee3529;border-radius:50%;color:#ee3529;font-size:25px}
.format-landing .template-menu-daily .template-price{margin-top:16px;padding:7px 12px;background:#63ec70;font-size:15px;font-weight:800}
.format-landing .template-menu-daily .template-rule{margin-inline:auto}
.format-landing .template-price-calm .template-illustration{margin-bottom:14px;color:#4a7d62;font-size:38px}
.format-landing .template-price-calm .template-kicker{color:#4a7d62}
.format-landing .template-price-calm .template-columns b{color:#4a7d62}
.format-landing .template-price-bold{position:relative;justify-content:flex-end;padding:20px;background:linear-gradient(145deg,#f2ffd9,#fff 70%)}
.format-landing .template-price-bold .template-sun{position:absolute;top:20px;right:20px;width:68px;height:68px;border-radius:50%;background:#efff58}
.format-landing .template-price-bold .template-kicker{color:#181714}
.format-landing .template-list{margin-top:4px}
.format-landing .format-card>.format-copy h2{font-size:21px!important}
.format-landing .format-card>.format-copy p{max-width:38ch!important}
.format-landing .format-card>.format-actions button{max-width:245px;font-size:11px!important}
@media(max-width:760px){
  .format-landing .format-grid{justify-content:flex-start!important}
  .format-landing .format-card.format-option{flex-basis:82vw!important}
  .format-landing .format-paper{padding:18px!important}
}

/* Targetes de plantilla: proporció, lectura i interacció transversals. */
.format-landing .format-card.format-option{
  grid-template-rows:auto auto!important;
  cursor:pointer!important;
}
.format-landing .format-card-media,
.format-landing .format-paper-wrap{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
}
.format-landing .format-card>.format-copy{
  padding:18px 20px 20px!important;
  text-align:left!important;
}
.format-landing .format-card>.format-copy h2,
.format-landing .format-card>.format-copy p,
.format-landing .format-card>.format-copy .format-meta{
  margin-right:0!important;
  margin-left:0!important;
  text-align:left!important;
}
.format-landing .format-card>.format-actions{
  inset:0 0 auto 0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  background:rgba(24,22,20,.08)!important;
  backdrop-filter:blur(1.5px)!important;
}
.format-landing .format-card>.format-actions button{
  min-width:168px!important;
  border:1px solid #181614!important;
  border-radius:9px!important;
  background:#181614!important;
  color:#fff!important;
}
.format-landing .format-card:focus-visible{
  outline:3px solid var(--green,#73f172)!important;
  outline-offset:3px!important;
}
@media(max-width:760px){
  .format-landing .format-card.format-option{grid-template-rows:auto auto!important}
  .format-landing .format-card-media,
  .format-landing .format-paper-wrap{min-height:0!important;height:auto!important}
  .format-landing .format-card>.format-actions{
    height:auto!important;
    align-items:flex-end!important;
    padding:0 0 16px!important;
    background:linear-gradient(transparent 55%,rgba(24,22,20,.12))!important;
  }
}

/* Template picker: format first, design second. This is intentionally not an editor. */
.format-landing .format-step{
  min-height:calc(100vh - 78px)!important;
  padding:42px clamp(20px,5vw,84px) 72px!important;
  background:#fff!important;
}
.format-landing .format-workspace-bar{display:none!important}
.format-landing .format-step>.intro-row{
  width:min(920px,100%)!important;
  margin:0 auto 28px!important;
  padding:0!important;
  text-align:center!important;
}
.format-landing .format-step>.intro-row .intro h1{
  font-size:clamp(34px,4vw,58px)!important;
  line-height:1!important;
}
.format-landing .format-step>.intro-row .intro p{
  max-width:680px!important;
  margin:12px auto 0!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.format-landing .format-tabs{
  display:flex;
  width:max-content;
  max-width:100%;
  gap:4px;
  margin:0 auto 34px;
  padding:5px;
  overflow-x:auto;
  border:1px solid #d9d5cc;
  border-radius:14px;
  background:#f6f5f2;
  scrollbar-width:none;
}
.format-landing .format-tabs::-webkit-scrollbar{display:none}
.format-landing .format-tabs button{
  flex:0 0 auto;
  min-height:44px;
  padding:0 20px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#6f6b64;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.format-landing .format-tabs button:hover{background:#eceae5;color:#181614}
.format-landing .format-tabs button.is-active{
  background:#fff;
  color:#181614;
  box-shadow:0 1px 5px rgba(24,22,20,.12);
}
.format-landing .format-carousel-shell{padding:0!important}
.format-landing .format-carousel-arrow{display:none!important}
.format-landing .format-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(1160px,100%)!important;
  gap:clamp(18px,2.4vw,34px)!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}
.format-landing .format-card.format-option{
  position:relative!important;
  display:grid!important;
  min-width:0!important;
  min-height:0!important;
  grid-template-rows:minmax(300px,44vh) auto auto!important;
  overflow:hidden!important;
  border:1px solid #d9d5cc!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.format-landing .format-card.format-option:hover{
  transform:translateY(-3px)!important;
  border-color:#aaa59b!important;
  box-shadow:0 18px 40px rgba(24,22,20,.09)!important;
}
.format-landing .format-paper-wrap{
  display:flex!important;
  min-height:300px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  overflow:hidden!important;
  background:#f4f3f0!important;
}
.format-landing .format-paper{
  width:min(88%,300px)!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  transform:none!important;
  border:1px solid #d5d1c9!important;
  border-radius:2px!important;
  background:#fff!important;
  box-shadow:0 12px 24px rgba(24,22,20,.11)!important;
}
.format-landing .format-paper.a3-landscape,
.format-landing .format-paper.a4-landscape,
.format-landing .format-paper.price-a3-landscape{width:min(92%,340px)!important;aspect-ratio:4/3!important}
.format-landing .format-paper.mobile-interactive{width:180px!important;aspect-ratio:9/16!important;border-radius:24px!important}
.format-landing .template-preview,.format-landing .template-mobile{
  display:flex;
  height:100%;
  box-sizing:border-box;
  flex-direction:column;
  padding:12%;
  color:#181614;
  background:#fff;
}
.format-landing .template-preview strong,.format-landing .template-mobile strong{margin:8px 0;font-size:clamp(14px,1.6vw,23px)}
.format-landing .template-kicker{font-size:7px;letter-spacing:.16em}
.format-landing .template-rule{height:2px;margin:6px 0 12px;background:currentColor}
.format-landing .template-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}
.format-landing .template-columns i{display:grid;gap:6px;font-style:normal}
.format-landing .template-columns b{font-size:9px}
.format-landing .template-columns small{display:flex;justify-content:space-between;gap:5px;font-size:7px}
.format-landing .template-columns em{font-style:normal;white-space:nowrap}
.format-landing .template-mobile{gap:8px;padding-top:30%;text-align:center}
.format-landing .template-mobile i{padding:8px;border:1px solid #d9d5cc;border-radius:8px;font-size:9px;font-style:normal;text-align:left}
.format-landing .template-variant-1{color:#2e5b47;background:#faf8f1}
.format-landing .template-variant-2{color:#7d321d;background:#fffaf5}
.format-landing .format-card>.format-copy{padding:20px 22px 8px!important;text-align:left!important}
.format-landing .format-card>.format-copy h2{font-size:22px!important}
.format-landing .format-card>.format-copy p{font-size:13px!important;text-align:left!important}
.format-landing .format-card>.format-copy .format-meta{font-size:10px!important;text-align:left!important}
.format-landing .format-card>.format-actions{
  position:static!important;
  display:block!important;
  height:auto!important;
  padding:10px 22px 22px!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.format-landing .format-card>.format-actions button{width:100%!important;min-height:46px!important;box-shadow:none!important}
.format-landing .format-note{margin-top:24px!important}
@media(max-width:820px){
  .format-landing .format-step{padding:28px 16px 48px!important}
  .format-landing .format-step>.intro-row{margin-bottom:22px!important}
  .format-landing .format-step>.intro-row .intro h1{font-size:34px!important}
  .format-landing .format-tabs{width:100%;justify-content:flex-start;margin-bottom:24px}
  .format-landing .format-tabs button{padding-inline:16px}
  .format-landing .format-grid{
    display:flex!important;
    width:calc(100% + 16px)!important;
    gap:14px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    padding:0 16px 12px 0!important;
  }
  .format-landing .format-card.format-option{
    flex:0 0 min(84vw,360px)!important;
    grid-template-rows:300px auto auto!important;
    scroll-snap-align:start;
  }
}
@media(prefers-reduced-motion:reduce){
  .format-landing .format-card.format-option,.format-landing .format-tabs button{transition:none!important}
}
@media(max-width:620px){
  .format-landing .format-step{padding-top:25px!important}
  .format-landing .format-step>.intro-row{align-items:stretch;margin-bottom:22px!important}
  .format-landing .format-grid{grid-template-columns:1fr!important;gap:14px!important}
  .format-landing .format-card.format-option{grid-template-rows:185px minmax(108px,1fr) auto;min-height:370px!important}
  .format-landing .format-card-media,.format-landing .format-paper-wrap{height:185px!important}
}

/* Immersive format picker */
.format-landing .format-step{max-width:none!important;padding:0 0 54px!important;background-image:linear-gradient(#eceae5 1px,transparent 1px),linear-gradient(90deg,#eceae5 1px,transparent 1px)!important;background-size:72px 72px!important}
.format-landing .format-workspace-bar{position:relative;z-index:5;display:grid;grid-template-columns:auto minmax(310px,560px) auto auto auto;gap:10px;align-items:center;min-height:76px;padding:10px max(22px,calc((100vw - 1540px)/2));border-block:1px solid #d7d3ca;background:linear-gradient(90deg,rgba(126,246,105,.74),rgba(255,255,255,.97) 36%,#fff)}
.format-landing .format-workspace-bar>a,.format-landing .format-workspace-bar>button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid #d0ccc3;border-radius:10px;background:#fff;color:#181714;font-weight:700;text-decoration:none}.format-landing .format-workspace-bar svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.format-landing .format-workspace-bar>button:disabled{color:#aaa69e;background:#f7f6f3}
.format-landing .format-project-preview{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;margin-left:auto}.format-landing .format-project-preview>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.format-landing .format-project-preview>div{display:flex;min-height:48px;align-items:center;padding:0 17px;border:1px solid #d7d3ca;border-radius:10px;background:#f5f3ef;color:#8d8981;font-size:13px}
.format-landing .format-step>.intro-row{max-width:1540px;margin:0 auto 10px!important;padding:40px max(28px,4vw) 10px}.format-landing .format-step>.intro-row .intro h1{font-size:clamp(42px,5vw,78px)!important;letter-spacing:-.055em}.format-landing .open-projects-cta{display:none!important}
.format-landing .format-carousel-shell{position:relative;width:100%;overflow:hidden;padding:12px 0 22px}.format-landing .format-grid{display:flex!important;grid-template-columns:none!important;gap:22px!important;overflow-x:auto;padding:28px max(70px,6vw) 38px!important;scroll-snap-type:x mandatory;scroll-padding-inline:max(70px,6vw);scrollbar-width:none}.format-landing .format-grid::-webkit-scrollbar{display:none}
.format-landing .format-card.format-option{flex:0 0 clamp(265px,27vw,390px);grid-template-rows:minmax(280px,42vh) auto auto;min-height:510px!important;scroll-snap-align:center;border-radius:10px!important;opacity:.72;transform:scale(.965) translateY(8px);transition:transform .32s cubic-bezier(.22,.8,.22,1),opacity .3s,border-color .25s,box-shadow .25s!important;animation:formatReveal .38s both}.format-landing .format-card.format-option:nth-child(2){animation-delay:40ms}.format-landing .format-card.format-option:nth-child(3){animation-delay:80ms}.format-landing .format-card.format-option:nth-child(4){animation-delay:120ms}.format-landing .format-card.format-option:nth-child(5){animation-delay:160ms}.format-landing .format-card.format-option.is-current{opacity:1;transform:none;border-color:#272521!important;box-shadow:0 18px 48px rgba(30,27,23,.12)!important}
.format-landing .format-card-media,.format-landing .format-paper-wrap{height:auto!important;min-height:280px!important}.format-landing .format-card>.format-copy{padding:20px 20px 12px!important}.format-landing .format-card>.format-copy h2{font-size:23px!important}.format-landing .format-card>.format-actions{padding:0 20px 20px!important}.format-landing .format-card>.format-actions button{min-height:48px!important;border-radius:9px!important;background:#191816!important;color:#fff!important}
.format-landing .format-carousel-arrow{position:absolute;top:50%;z-index:6;width:52px;height:52px;border:0;background:rgba(255,255,255,.9);font-size:29px;cursor:pointer}.format-landing .format-carousel-arrow.prev{left:10px}.format-landing .format-carousel-arrow.next{right:10px}.format-landing .format-note{max-width:1540px;margin:0 auto!important;padding:0 max(28px,4vw)!important}
@keyframes formatReveal{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:.72;transform:translateY(8px) scale(.965)}}
@media(max-width:980px){.format-landing .format-workspace-bar{grid-template-columns:auto 1fr auto}.format-landing .format-workspace-bar>button:not(.format-open-project){display:none}.format-landing .format-card.format-option{flex-basis:42vw}}
@media(max-width:680px){.format-landing .format-workspace-bar{grid-template-columns:auto 1fr;min-height:64px;padding:8px 12px}.format-landing .format-workspace-bar .format-project-preview{display:none}.format-landing .format-workspace-bar>a,.format-landing .format-workspace-bar>button{min-height:44px;padding:0 13px}.format-landing .format-step>.intro-row{padding:26px 18px 4px}.format-landing .format-step>.intro-row .intro h1{font-size:42px!important}.format-landing .format-grid{gap:14px!important;padding:20px 28px 30px!important}.format-landing .format-card.format-option{flex-basis:78vw;min-height:430px!important;grid-template-rows:225px auto auto}.format-landing .format-card-media,.format-landing .format-paper-wrap{min-height:225px!important}.format-landing .format-carousel-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.format-landing .format-card.format-option{animation:none!important;transition:none!important}}

/* Sistema final compartit per a les targetes de disseny. */
.format-landing .format-card.format-option{
  grid-template-rows:auto auto!important;
  cursor:pointer!important;
}
.format-landing .format-card-media,
.format-landing .format-paper-wrap{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
}
.format-landing .format-card>.format-copy{
  padding:18px 20px 20px!important;
  text-align:left!important;
}
.format-landing .format-card>.format-copy h2,
.format-landing .format-card>.format-copy p,
.format-landing .format-card>.format-copy .format-meta{
  margin-right:0!important;
  margin-left:0!important;
  text-align:left!important;
}
.format-landing .format-card>.format-actions{
  inset:0 0 auto 0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(24,22,20,.08)!important;
  backdrop-filter:blur(1.5px)!important;
}
.format-landing .format-card>.format-actions button{
  min-width:168px!important;
  min-height:46px!important;
  border:1px solid #181614!important;
  border-radius:9px!important;
  background:#181614!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(20,19,17,.2)!important;
}
.format-landing .format-card:focus-visible{
  outline:3px solid var(--green,#73f172)!important;
  outline-offset:3px!important;
}
@media(max-width:760px){
  .format-landing .format-card.format-option{grid-template-rows:auto auto!important}
  .format-landing .format-card-media,
  .format-landing .format-paper-wrap{min-height:0!important;height:auto!important}
  .format-landing .format-card>.format-actions{
    height:auto!important;
    align-items:flex-end!important;
    padding:0 0 16px!important;
    background:linear-gradient(transparent 55%,rgba(24,22,20,.12))!important;
  }
}

/* Floating, full-bleed format gallery (no card containers). */
.format-landing main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-inline:0!important;
}
.format-landing .format-step{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:hidden;
}
.format-landing .format-step>.intro-row{
  width:min(1540px,calc(100% - 56px));
}
.format-landing .format-carousel-shell{
  width:100vw!important;
  max-width:none!important;
  margin-inline:calc(50% - 50vw)!important;
}
.format-landing .format-grid{
  width:100%!important;
  gap:clamp(28px,3vw,58px)!important;
  padding:24px 4vw 44px!important;
  scroll-padding-inline:4vw!important;
}
.format-landing .format-card.format-option{
  flex:0 0 clamp(270px,25.5vw,430px);
  display:grid!important;
  grid-template-rows:minmax(310px,46vh) auto auto!important;
  min-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:.6;
  transform:scale(.94);
}
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option.is-current{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1;
  transform:scale(1);
}
.format-landing .format-card-media,
.format-landing .format-paper-wrap{
  display:grid!important;
  min-height:310px!important;
  overflow:visible!important;
  place-items:end center!important;
  border:0!important;
  background:transparent!important;
}
.format-landing .format-card.is-mobile .format-card-media,
.format-landing-prices .format-card.is-mobile .format-card-media{
  background:transparent!important;
}
.format-landing .format-card-media img{
  width:100%!important;
  height:100%!important;
  max-height:46vh!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 20px rgba(26,24,20,.13));
}
.format-landing .format-paper{
  filter:drop-shadow(0 18px 20px rgba(26,24,20,.13));
  transform:scale(1.1)!important;
  transform-origin:center bottom;
}
.format-landing .format-card:hover .format-paper,
.format-landing .format-card.is-current .format-paper{
  transform:translateY(-4px) rotate(-.35deg) scale(1.13)!important;
}
.format-landing .format-card>.format-copy{
  padding:26px 4px 10px!important;
  text-align:center;
}
.format-landing .format-card>.format-copy h2{
  font-size:24px!important;
}
.format-landing .format-card>.format-copy p{
  max-width:34ch;
  margin-inline:auto!important;
}
.format-landing .format-card>.format-actions{
  padding:4px 4px 0!important;
  text-align:center;
}
.format-landing .format-card>.format-actions button{
  width:auto!important;
  min-width:158px;
  padding-inline:24px!important;
}
.format-landing .format-card>.format-tag{left:10px!important;top:6px!important}
.format-landing .format-card>.format-plan-badge{right:10px!important;top:6px!important}
.format-landing .format-carousel-arrow{
  top:42%;
  background:transparent!important;
}

@media(max-width:980px){
  .format-landing .format-card.format-option{flex-basis:42vw}
}
@media(max-width:680px){
  .format-landing .format-step>.intro-row{width:calc(100% - 36px)}
  .format-landing .format-grid{gap:22px!important;padding:18px 9vw 34px!important;scroll-padding-inline:9vw!important}
  .format-landing .format-card.format-option{flex-basis:72vw;grid-template-rows:285px auto auto!important}
  .format-landing .format-card-media,.format-landing .format-paper-wrap{min-height:285px!important}
  .format-landing .format-card-media img{max-height:285px!important}
}

/* Compact selector: same workspace rhythm as the editors. */
.format-landing .format-step{
  background-size:48px 48px!important;
  background-position:-1px -1px!important;
  background-image:linear-gradient(rgba(24,22,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(24,22,20,.055) 1px,transparent 1px)!important;
}
.format-landing .format-workspace-bar{
  box-sizing:border-box;
  grid-template-columns:112px minmax(20px,1fr) minmax(430px,620px) auto auto auto!important;
  min-height:70px!important;
  height:70px!important;
  gap:8px!important;
  padding:10px 24px!important;
}
.format-landing .format-workspace-bar>a,
.format-landing .format-workspace-bar>button{
  box-sizing:border-box;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  border-radius:10px!important;
}
.format-landing .format-home-link{grid-column:1;justify-self:start;min-width:96px}
.format-landing .format-project-preview{grid-column:3;width:100%;margin:0!important}
.format-landing .format-workspace-bar>button{min-width:92px;padding-inline:16px!important}
.format-landing .format-step>.intro-row{
  width:min(1540px,calc(100% - 48px));
  margin:0 auto!important;
  padding:24px 0 2px!important;
}
.format-landing .format-step>.intro-row .intro h1{
  font-size:clamp(38px,3.55vw,54px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
.format-landing .format-step>.intro-row .intro p{
  max-width:760px!important;
  margin-top:8px!important;
  font-size:15px!important;
  line-height:1.42!important;
}
.format-landing .format-step>.intro-row{
  justify-content:center!important;
  text-align:center!important;
}
.format-landing .format-step>.intro-row .intro{
  width:100%!important;
  max-width:none!important;
  text-align:center!important;
}
.format-landing .format-step>.intro-row .intro p{
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}
.format-landing .format-carousel-shell{padding:0 0 8px!important}
.format-landing .format-grid{
  gap:clamp(18px,2vw,34px)!important;
  padding:18px 3vw 30px!important;
  scroll-padding-inline:3vw!important;
}
.format-landing .format-card.format-option{
  flex-basis:clamp(210px,20.5vw,335px)!important;
  grid-template-rows:minmax(248px,36vh) auto!important;
}
.format-landing .format-card-media,
.format-landing .format-paper-wrap{
  position:relative;
  min-height:248px!important;
}
.format-landing .format-card-media img{max-height:36vh!important}
.format-landing .format-paper{transform:scale(.93)!important}
.format-landing .format-card:hover .format-paper,
.format-landing .format-card.is-current .format-paper{transform:translateY(-3px) rotate(-.25deg) scale(.965)!important}
.format-landing .format-card>.format-copy{
  padding:15px 4px 0!important;
  text-align:center!important;
}
.format-landing .format-card>.format-copy h2{
  margin-bottom:5px!important;
  font-size:19px!important;
  line-height:1.1!important;
}
.format-landing .format-card>.format-copy p{
  font-size:12px!important;
  line-height:1.35!important;
  text-align:center!important;
}
.format-landing .format-card>.format-copy .format-meta{
  margin-top:7px!important;
  text-align:center!important;
}
.format-landing .format-card>.format-actions{
  position:absolute!important;
  inset:0 0 auto 0!important;
  z-index:5!important;
  display:flex!important;
  height:min(248px,36vh)!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  transition:opacity .18s ease,transform .18s ease!important;
  pointer-events:none!important;
}
.format-landing .format-card:hover>.format-actions,
.format-landing .format-card:focus-within>.format-actions,
.format-landing .format-card.is-current>.format-actions{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.format-landing .format-card>.format-actions button{
  min-width:132px!important;
  min-height:44px!important;
  box-shadow:0 10px 26px rgba(20,19,17,.2)!important;
}
.format-landing .format-note{font-size:11px!important}

@media(max-width:1100px){
  .format-landing .format-workspace-bar{grid-template-columns:96px minmax(16px,1fr) minmax(300px,460px) auto auto auto!important}
  .format-landing .format-card.format-option{flex-basis:31vw!important}
}
@media(max-width:760px){
  .format-landing .format-workspace-bar{grid-template-columns:auto minmax(0,1fr) auto!important;height:64px!important;min-height:64px!important;padding:8px 12px!important}
  .format-landing .format-workspace-bar .format-project-preview{display:none!important}
  .format-landing .format-workspace-bar>button:not(.format-open-project){display:none!important}
  .format-landing .format-home-link{min-width:84px}
  .format-landing .format-step>.intro-row{width:calc(100% - 32px);padding-top:18px!important}
  .format-landing .format-step>.intro-row .intro h1{font-size:36px!important}
  .format-landing .format-step>.intro-row .intro p{font-size:14px!important}
  .format-landing .format-grid{padding:14px 10vw 28px!important;scroll-padding-inline:10vw!important}
  .format-landing .format-card.format-option{flex-basis:72vw!important;grid-template-rows:260px auto!important}
  .format-landing .format-card-media,.format-landing .format-paper-wrap{min-height:260px!important}
  .format-landing .format-card>.format-actions{height:260px!important;opacity:1!important;transform:none!important;pointer-events:auto!important;align-items:flex-end!important;padding-bottom:18px!important}
}

/* Sistema final compartit per a les targetes de disseny. */
.format-landing .format-card.format-option{grid-template-rows:auto auto!important;cursor:pointer!important}
.format-landing .format-card-media,
.format-landing .format-paper-wrap{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:1/1!important}
.format-landing .format-card>.format-copy{padding:18px 20px 20px!important;text-align:left!important}
.format-landing .format-card>.format-copy h2,
.format-landing .format-card>.format-copy p,
.format-landing .format-card>.format-copy .format-meta{margin-right:0!important;margin-left:0!important;text-align:left!important}
.format-landing .format-card>.format-actions{inset:0 0 auto 0!important;height:auto!important;aspect-ratio:1/1!important;align-items:center!important;justify-content:center!important;background:rgba(24,22,20,.08)!important;backdrop-filter:blur(1.5px)!important}
.format-landing .format-card>.format-actions{
  position:absolute!important;
  display:flex!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  pointer-events:none!important;
}
.format-landing .format-card:hover>.format-actions,
.format-landing .format-card:focus-within>.format-actions,
.format-landing .format-card.is-current>.format-actions{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.format-landing .format-card>.format-actions button{width:auto!important;min-width:168px!important;min-height:46px!important;border:1px solid #181614!important;border-radius:9px!important;background:var(--green,#73f172)!important;color:#181614!important;box-shadow:0 10px 26px rgba(20,19,17,.2)!important}
.format-landing .format-card.is-premium-locked>.format-actions button{border-color:#181614!important;background:#fff!important;color:#181614!important}
.format-landing .format-card:focus-visible{outline:3px solid var(--green,#73f172)!important;outline-offset:3px!important}
@media(max-width:760px){
  .format-landing .format-card.format-option{grid-template-rows:auto auto!important}
  .format-landing .format-card-media,.format-landing .format-paper-wrap{min-height:0!important;height:auto!important}
  .format-landing .format-card>.format-actions{height:auto!important;align-items:flex-end!important;padding:0 0 16px!important;background:linear-gradient(transparent 55%,rgba(24,22,20,.12))!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
}

/* Targetes serenes: cap element canvia de mida ni de posició en passar-hi per damunt. */
.format-landing .format-card.format-option,
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option.is-current{
  overflow:hidden!important;
  border:1px solid var(--line,#d9d5cc)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option:focus-within{
  border-color:#aaa69d!important;
  box-shadow:0 10px 28px rgba(24,22,20,.07)!important;
}
.format-landing .format-card .format-paper,
.format-landing .format-card:hover .format-paper,
.format-landing .format-card.is-current .format-paper{
  transform:none!important;
  transition:none!important;
}
.format-landing .format-card-media img,
.format-landing .format-card:hover .format-card-media img,
.format-landing .format-card.is-current .format-card-media img{
  transform:none!important;
  transition:none!important;
}
.format-landing .format-card>.format-actions{
  background:rgba(255,255,255,.38)!important;
  backdrop-filter:blur(2px)!important;
  transition:opacity .16s ease!important;
  transform:none!important;
}
.format-landing .format-card>.format-actions button{
  min-width:146px!important;
  min-height:44px!important;
  border:5px solid var(--ink,#181614)!important;
  border-radius:12px!important;
  background:var(--green,#73f172)!important;
  color:var(--ink,#181614)!important;
  box-shadow:0 8px 22px rgba(24,22,20,.13)!important;
}
.format-landing .format-card>.format-actions button:hover{
  filter:brightness(.97)!important;
}
.format-landing .format-card.is-current:not(:hover):not(:focus-within)>.format-actions{
  opacity:0!important;
  pointer-events:none!important;
}
.format-landing .format-card.is-premium-locked>.format-actions button{
  background:#fff!important;
}

/* Hover de catàleg: halo progressiu i CTA amb geometria coherent amb Cartells. */
.format-landing .format-card>.format-actions{
  background:radial-gradient(
    ellipse 58% 42% at 50% 50%,
    rgba(24,22,20,.16) 0%,
    rgba(24,22,20,.08) 48%,
    rgba(24,22,20,0) 100%
  )!important;
  backdrop-filter:none!important;
}
.format-landing .format-card>.format-actions button{
  min-width:146px!important;
  min-height:46px!important;
  padding:0 22px!important;
  border:5px solid var(--ink,#181614)!important;
  border-radius:15px!important;
  background:var(--green,#73f172)!important;
  box-shadow:0 10px 24px rgba(24,22,20,.15)!important;
}
.format-landing .format-card>.format-actions button:hover{
  background:#82f47f!important;
  filter:none!important;
  transform:translateY(-1px)!important;
}
.format-landing .format-card>.format-actions button:active{
  transform:translateY(0)!important;
}
@media(max-width:760px){
  .format-landing .format-card>.format-actions{
    background:linear-gradient(transparent 58%,rgba(255,255,255,.55))!important;
    backdrop-filter:none!important;
  }
  .format-landing .format-card.is-current:not(:hover):not(:focus-within)>.format-actions{
    opacity:1!important;
    pointer-events:auto!important;
  }
  .format-landing .format-card>.format-actions button{
    min-width:138px!important;
    min-height:42px!important;
  }
}

/* Final catalog heading overrides. */
.format-landing .format-step>.intro-row.format-catalog-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;align-items:start!important;gap:32px!important;margin:0 auto 8px!important;padding:34px 0 8px!important}
.format-landing .format-catalog-heading .intro{max-width:820px!important;margin:0!important;text-align:left!important}
.format-landing .format-catalog-heading .intro h1,.format-landing .format-catalog-heading .intro p{margin-inline:0!important;text-align:left!important}
.format-landing .format-catalog-heading .format-open-project{display:inline-flex!important;min-height:48px!important;align-items:center!important;justify-content:center!important;align-self:start!important;gap:9px!important;margin-top:7px!important;padding:0 18px!important;border:1px solid #cfcac1!important;border-radius:10px!important;background:#fff!important;color:#181614!important;font:inherit!important;font-weight:750!important;cursor:pointer!important}
.format-landing .format-catalog-heading .format-open-project svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.format-landing .format-catalog-heading .format-open-project:hover{border-color:#8e8a82!important;background:#f5f4f0!important}
.format-landing .format-catalog-heading+.open-projects-cta+.format-tabs{margin-top:0!important}
@media(max-width:720px){.format-landing .format-step>.intro-row.format-catalog-heading{grid-template-columns:minmax(0,1fr) auto!important;width:calc(100% - 28px)!important;gap:12px!important;padding-top:24px!important}.format-landing .format-catalog-heading .intro h1{font-size:clamp(30px,9vw,40px)!important}.format-landing .format-catalog-heading .format-open-project{width:46px!important;min-width:46px!important;padding:0!important;font-size:0!important}.format-landing .format-catalog-heading .format-open-project svg{width:21px;height:21px}}

/* Final authoritative template-card geometry. Keep this block last. */
.format-landing .format-card.format-option,
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option.is-current{overflow:hidden!important;border-radius:16px!important;transform:none!important}
.format-landing .format-card-media,
.format-landing .format-paper-wrap{position:relative!important;isolation:isolate;overflow:hidden!important}
.format-landing .format-card-media::after,
.format-landing .format-paper-wrap::after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse 62% 54% at 50% 50%,rgba(24,22,20,.14) 0,rgba(24,22,20,.065) 42%,rgba(24,22,20,0) 78%);opacity:0;pointer-events:none;transition:opacity .16s ease}
.format-landing .format-card:hover .format-card-media::after,
.format-landing .format-card:focus-within .format-card-media::after,
.format-landing .format-card:hover .format-paper-wrap::after,
.format-landing .format-card:focus-within .format-paper-wrap::after{opacity:1}
.format-landing .format-card>.format-actions{z-index:5!important;inset:0 0 auto 0!important;display:flex!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;align-items:center!important;justify-content:center!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.format-landing .format-card>.format-actions button{min-width:154px!important;min-height:48px!important;padding:0 23px!important;border:5px solid var(--ink,#181614)!important;border-radius:18px!important;background:var(--green,#73f172)!important;background-clip:padding-box!important;color:var(--ink,#181614)!important;box-shadow:0 10px 24px rgba(24,22,20,.14)!important}
.format-landing .format-card>.format-actions button:hover{background:#82f47f!important;filter:none!important;transform:none!important}
@media(max-width:760px){.format-landing .format-card>.format-actions{align-items:flex-end!important;padding-bottom:16px!important}.format-landing .format-card>.format-actions button{min-width:138px!important;min-height:42px!important}}