:root{--bg:#f8f7f2;--panel:#fff;--line:#e6e7df;--ink:#23251f;--muted:#6f756c;--accent:#50683b;--accentSoft:#edf3e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.hidden{display:none!important}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s}.sidebar{position:sticky;top:0;height:100vh;background:#fbfbfa;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;z-index:25}.sidebar-toggle{position:absolute;right:-14px;top:92px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:0 5px 18px #0001;color:var(--accent);font-size:20px}.brand{display:flex;align-items:center;gap:8px;padding:0 8px 26px;font:600 18px Georgia,serif}.brand img{width:42px}.side-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#555b52}.nav-item>span{width:22px;text-align:center}.nav-item em{font-style:normal}.nav-item.active{background:#edf2e9;color:var(--accent);font-weight:700}.side-spacer{flex:1}.side-note{padding:15px 10px;color:#7c8178;font:14px/1.45 Georgia,serif}.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed .brand span,.sidebar-collapsed .nav-item em,.sidebar-collapsed .side-note{display:none}.sidebar-collapsed .brand,.sidebar-collapsed .nav-item{justify-content:center;padding-left:6px;padding-right:6px}.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}.workspace{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:10px;position:sticky;top:0;z-index:20}.global-search{width:min(520px,50vw);height:42px;border:1px solid var(--line);border-radius:12px;background:#f7f7f5;display:flex;align-items:center;gap:9px;padding:0 13px}.global-search input{border:0;outline:0;background:transparent;width:100%}.family-switch{margin-left:auto;border:1px solid #e2e4dd;background:#f8f9f5;border-radius:999px;padding:9px 13px;display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fff}.child-menu{position:fixed;right:120px;top:63px;z-index:50;background:#fff;border:1px solid #e4e6df;border-radius:16px;box-shadow:0 18px 50px #0002;padding:8px;width:250px}.child-menu button{width:100%;border:0;background:transparent;padding:10px;border-radius:10px;text-align:left}.content{max-width:1500px;margin:auto;padding:0 26px 60px}.kids-hero{min-height:240px;display:grid;grid-template-columns:1fr .55fr;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0 55%,rgba(255,255,255,.45)),radial-gradient(ellipse at 84% 82%,#afc29f 0 20%,transparent 21%),radial-gradient(ellipse at 94% 70%,#829d73 0 16%,transparent 17%);margin:0 -26px;padding:30px 30px 18px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:10px;color:#69775f;margin:0 0 8px}.kids-hero h1{font:500 clamp(50px,5.5vw,78px)/.94 Georgia,serif;letter-spacing:-.045em;margin:0 0 9px}.kids-hero p{font:19px/1.4 Georgia,serif;color:#676f65;max-width:680px;margin:0}.kids-hero-scene{display:flex;align-items:center;justify-content:center;gap:8px;font-size:48px}.kids-hero-scene img{position:absolute;right:12%;bottom:0;width:180px}.age-filter{display:flex;align-items:center;gap:10px;padding:11px 0;overflow-x:auto}.age-filter b{font:600 16px Georgia,serif;margin-right:8px;white-space:nowrap}.age-filter button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 18px;white-space:nowrap}.age-filter .active{background:var(--accent);color:#fff;border-color:var(--accent)}.kids-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kid-card{min-height:275px;border-radius:18px;padding:16px;position:relative;border:1px solid #ebe7dc;box-shadow:0 10px 32px #00000008;overflow:hidden}.kid-card .art{height:118px;display:grid;place-items:center;font-size:70px}.kid-card .art img{max-width:100px;max-height:110px}.kid-card h2{font:600 25px Georgia,serif;margin:4px 0}.kid-card p{color:#687067;line-height:1.4;margin:6px 0}.kid-card>span{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff9}.egg{background:#fff0d8}.challenge{background:#eef3e8}.nature{background:#f4f1df}.passport{background:#f7e8dc}.kid-summary{margin-top:16px;background:#fff;border:1px solid #e5e6df;border-radius:18px;padding:18px}.summary-head{display:flex;align-items:end}.summary-head>div{flex:1}.summary-head h2{font:600 28px Georgia,serif;margin:3px 0}.summary-head>a{color:#5c6c4f}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.summary-grid>div{border-radius:14px;background:#f7f7f3;padding:14px;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.summary-grid span{grid-row:1/3;font-size:28px}.summary-grid b{font:600 26px Georgia,serif}.summary-grid small{color:#72786e}.kids-mobile-nav{display:none}@media(max-width:900px){body{padding-bottom:72px}.shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 14px}.global-search{display:none}.child-menu{right:12px;top:58px}.content{padding:0 12px 30px}.kids-hero{margin:0 -12px;padding:28px 14px 20px;display:block;min-height:250px}.kids-hero h1{font-size:49px}.kids-hero-scene{display:none}.kids-cards{grid-template-columns:repeat(2,1fr)}.kid-card{min-height:225px;padding:14px}.kid-card .art{height:78px;font-size:52px}.kid-card .art img{max-height:74px}.kid-card h2{font-size:22px}.summary-grid{grid-template-columns:repeat(2,1fr)}.kids-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e3e5de;padding:7px 5px calc(7px + env(safe-area-inset-bottom));z-index:40}.kids-mobile-nav a{display:grid;place-items:center;gap:3px;color:#656b61}.kids-mobile-nav small{font-size:10px}.kids-mobile-nav .active{color:#556b40}}@media(max-width:480px){.kids-hero h1{font-size:42px}.kids-cards{grid-template-columns:1fr 1fr;gap:8px}.kid-card p{font-size:12px}.age-filter{margin-right:-12px}.summary-grid{gap:8px}.summary-grid>div{padding:11px}}


/* v24 — imatges recuperades de les pantalles de referència aprovades */
.sidebar{
  background:#fbfbfa url('/shared-assets/decorations/mountain-fade.svg') left bottom 58px/100% auto no-repeat;
  overflow:hidden;
}
.side-note{position:relative;z-index:1}

.kids-hero{
  background:#fff;
  isolation:isolate;
}
.kids-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  height:100%;
  aspect-ratio:297/163;
  background-image:url('/shared-assets/reference-sources/kids-family.webp');
  background-repeat:no-repeat;
  background-size:auto 577.30%;
  background-position:37.45% 6.17%;
}
.kids-hero::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,#fff 45%,rgba(255,255,255,.88) 57%,rgba(255,255,255,.16) 76%,rgba(255,255,255,0) 100%);
}
.kids-hero>div:first-child{position:relative;z-index:2}
.kids-hero-scene{display:none}

.kid-card .art{
  background-image:url('/shared-assets/reference-sources/kids-family.webp');
  background-repeat:no-repeat;
  width:100%;
  height:auto;
  min-height:118px;
  aspect-ratio:1.7/1;
  border-radius:13px;
}
.kid-card .art img{display:none}
.kid-card.egg .art{
  background-size:1100% auto;
  background-position:10.53% 29.61%;
}
.kid-card.challenge .art{
  background-size:1145.21% auto;
  background-position:21.10% 29.61%;
}
.kid-card.nature .art{
  background-size:1137.41% auto;
  background-position:31.34% 29.61%;
}
.kid-card.passport .art{
  background-size:1071.79% auto;
  background-position:42.02% 29.61%;
}

@media(max-width:900px){
  .kids-hero::after{
    right:-72px;
    height:100%;
    opacity:.92;
  }
  .kids-hero::before{
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 52%,rgba(255,255,255,.35) 78%,rgba(255,255,255,.05) 100%);
  }
  .kid-card .art{min-height:82px}
}
@media(max-width:480px){
  .kids-hero{min-height:270px}
  .kids-hero::after{
    top:auto;
    bottom:0;
    right:-34px;
    height:72%;
    opacity:.82;
  }
  .kids-hero::before{
    background:linear-gradient(180deg,#fff 0%,#fff 40%,rgba(255,255,255,.76) 58%,rgba(255,255,255,.10) 100%);
  }
}