:root{--bg:#f8f8f5;--panel:#fff;--soft:#f3f5ef;--ink:#20231d;--muted:#747a70;--line:#e5e7df;--accent:#50683b;--accentDark:#344b28;--accentSoft:#edf3e8;--cream:#f7f0e2;--warning:#d77b35;--danger:#c95b45;--radius:18px;--shadow:0 12px 38px rgba(35,44,30,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{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:20;transition:.22s}.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;height:24px}.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>img{width:22px;height:22px}.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 .sidebar{padding-left:10px;padding-right:10px}.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;display:flex;align-items:center;gap:18px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.global-search{width:min(520px,52vw);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%}.top-actions{margin-left:auto;display:flex;gap:9px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px}.btn.solid{background:var(--accent);border-color:var(--accent);color:#fff}.content{padding:0 26px 50px;max-width:1500px;margin:auto}.nature-hero{min-height:215px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0 52%,rgba(255,255,255,.6)),radial-gradient(ellipse at 82% 86%,#bdcbb4 0 18%,transparent 19%),radial-gradient(ellipse at 90% 74%,#95aa87 0 16%,transparent 17%);border-bottom:1px solid #eceee8;padding:26px 22px 22px;margin:0 -26px}.hero-copy{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#6b755f;margin:0 0 8px}.nature-hero h1{font:500 clamp(48px,5.4vw,78px)/.91 Georgia,serif;letter-spacing:-.045em;margin:0 0 10px}.nature-hero p:last-child{font:19px/1.4 Georgia,serif;color:#6c7269;max-width:680px;margin:0}.hero-leaves{position:absolute;right:28%;bottom:6px;width:165px;opacity:.92}.action-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.action-call{border:1px solid var(--line);border-radius:16px;background:#f3f7f0;display:grid;grid-template-columns:66px 1fr 40px;align-items:center;text-align:left;padding:14px 18px;gap:10px}.action-call.incident{background:#fcf2eb}.action-call img{width:54px;height:54px}.action-call b{display:block;font:600 22px Georgia,serif}.action-call small{display:block;color:#71766e;line-height:1.35;margin-top:3px}.action-call i{font-style:normal;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.kpi-row article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.kpi-row span{grid-row:1/3;font-size:25px}.kpi-row b{font:600 27px Georgia,serif}.kpi-row small{color:var(--muted)}.nature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nature-cards button{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;text-align:left;padding:0 0 14px}.nature-cards b,.nature-cards small{display:block;padding:0 14px}.nature-cards b{font:600 18px Georgia,serif;margin-top:10px}.nature-cards small{color:var(--muted);line-height:1.35;margin-top:4px}.photo-card{height:110px;background:linear-gradient(145deg,#6d845c,#dbe6d5)}.photo-card.mapshot{background:linear-gradient(135deg,#d6e4cc,#9eb78f 50%,#aad2e9)}.photo-card.warningpic{background:linear-gradient(145deg,#b9b8aa,#e7c7a8)}.photo-card.people{background:linear-gradient(145deg,#d5e4c7,#809d69)}.panel{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:start}.panel-head>div{flex:1}.panel-head h2{font:600 36px Georgia,serif;margin:0}.close-panel{border:0;background:#f4f5f1;width:36px;height:36px;border-radius:50%;font-size:24px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:12px}.map-wrap{position:relative;border-radius:16px;overflow:hidden}.map-switch{position:absolute;z-index:600;left:12px;top:12px;background:#fff;padding:4px;border-radius:12px}.map-switch button{border:0;background:transparent;padding:8px 12px;border-radius:9px}.map-switch .active{background:var(--accent);color:#fff}#natureMap{height:510px}.map-layout aside{border-left:1px solid var(--line);padding-left:14px}.map-layout aside h3{font:600 22px Georgia,serif;margin:4px 0 12px}.near-list article{display:grid;grid-template-columns:52px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.near-thumb{width:52px;height:48px;border-radius:10px;background:#e7ece3}.near-list b{font:600 15px Georgia,serif}.near-list small{display:block;color:var(--muted)}.impact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.impact-grid article{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fafbf8}.impact-grid b{font:600 30px Georgia,serif;display:block}.impact-grid small{color:var(--muted)}.territory-list{margin-top:18px;display:grid;gap:8px}.territory-list article{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:10px 4px}.territory-list small{color:var(--muted)}dialog{border:0;border-radius:20px;padding:0;max-width:760px;width:calc(100% - 30px);box-shadow:0 30px 90px #0003}dialog::backdrop{background:#1d251c88;backdrop-filter:blur(4px)}.action-form{padding:26px;position:relative}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:#f1f3ee;width:36px;height:36px;border-radius:50%;font-size:22px}.action-form h2{font:600 38px Georgia,serif;margin:0 0 18px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.category-grid button{border:1px solid var(--line);border-radius:12px;background:#fafbf8;padding:11px;text-align:left}.category-grid button.active{border-color:var(--accent);background:var(--accentSoft)}.action-form label{display:grid;gap:6px;font-size:13px;font-weight:700;margin:11px 0}.action-form input,.action-form textarea,.action-form select{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.submit-action{margin-top:5px}.muted{color:var(--muted)}@media(max-width:900px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 14px}.content{padding:0 12px 30px}.nature-hero{margin:0 -12px;padding:24px 14px;min-height:235px}.nature-hero h1{font-size:48px}.hero-leaves{right:-15px;width:120px;opacity:.55}.action-pair{grid-template-columns:1fr}.kpi-row{display:flex;overflow-x:auto}.kpi-row article{min-width:180px}.nature-cards{grid-template-columns:1fr 1fr}.map-layout{grid-template-columns:1fr}.map-layout aside{border-left:0;padding-left:0}.impact-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr 1fr}.sidebar-toggle{display:none}}@media(max-width:520px){.nature-hero h1{font-size:41px}.nature-hero p:last-child{font-size:16px}.action-call{grid-template-columns:52px 1fr 34px;padding:12px}.action-call img{width:44px;height:44px}.action-call b{font-size:19px}.nature-cards{grid-template-columns:1fr}.top-actions .ghost{display:none}.global-search{width:100%}.impact-grid{grid-template-columns:1fr 1fr}}
.kids-nature-mode .nature-hero{background:linear-gradient(90deg,#fff 0 52%,rgba(255,255,255,.45)),radial-gradient(ellipse at 82% 86%,#c6d8b8 0 18%,transparent 19%),radial-gradient(ellipse at 92% 74%,#9db98b 0 16%,transparent 17%)}.kids-nature-mode .nature-hero h1{max-width:760px}.kids-nature-mode .action-call{border-width:2px}.kids-nature-mode .eyebrow{color:#617b4e}


/* v24 — fotografia recuperada 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}

.nature-hero{
  background:#fff;
  isolation:isolate;
}
.nature-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  height:100%;
  aspect-ratio:282/177;
  background-image:url('/shared-assets/reference-sources/nature-adult.webp');
  background-repeat:no-repeat;
  background-size:auto 531.64%;
  background-position:38.13% 5.50%;
}
.nature-hero::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,#fff 47%,rgba(255,255,255,.90) 58%,rgba(255,255,255,.15) 78%,rgba(255,255,255,0) 100%);
}
.hero-copy,.hero-leaves{position:relative;z-index:2}

.photo-card{
  height:auto;
  aspect-ratio:160/55;
  background-image:url('/shared-assets/reference-sources/nature-adult.webp');
  background-repeat:no-repeat;
}
.photo-card.landscape{
  background-size:1045% auto;
  background-position:8.86% 42.55%;
}
.photo-card.mapshot{
  background-size:1058.23% auto;
  background-position:19.95% 42.55%;
}
.photo-card.warningpic{
  background-size:1051.57% auto;
  background-position:31.00% 42.55%;
}
.photo-card.people{
  background-size:1045% auto;
  background-position:42.20% 42.55%;
}

/* En mode xiquets, la capçalera recupera la família de la referència infantil. */
.kids-nature-mode .nature-hero{background:#fff}
.kids-nature-mode .nature-hero::after{
  aspect-ratio:297/163;
  background-image:url('/shared-assets/reference-sources/kids-family.webp');
  background-size:auto 577.30%;
  background-position:37.45% 6.17%;
}

@media(max-width:900px){
  .nature-hero::after{right:-58px;opacity:.92}
  .nature-hero::before{
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 52%,rgba(255,255,255,.38) 79%,rgba(255,255,255,.05) 100%);
  }
}
@media(max-width:520px){
  .nature-hero{min-height:255px}
  .nature-hero::after{
    top:auto;
    bottom:0;
    right:-46px;
    height:78%;
    opacity:.78;
  }
  .nature-hero::before{
    background:linear-gradient(180deg,#fff 0%,#fff 43%,rgba(255,255,255,.76) 61%,rgba(255,255,255,.08) 100%);
  }
}


/* v25 — Conservem la natura: composició fidel a la maqueta aprovada */
body{background:#f7f7f3}
.content{padding:0 18px 34px;max-width:none}
.topbar{height:62px;padding:0 24px}
.global-search{height:38px;width:min(520px,43vw)}
.nature-hero{
  min-height:178px;
  height:178px;
  margin:0 -18px;
  padding:18px 24px 16px;
  border-bottom:0;
  align-items:flex-start;
}
.hero-copy{max-width:610px}
.nature-hero .eyebrow{margin:0 0 5px;font-size:9px}
.nature-hero h1{
  font-size:clamp(44px,4.25vw,66px);
  line-height:.89;
  letter-spacing:-.048em;
  margin:0 0 8px;
}
.nature-hero p:last-child{
  font-size:17px;
  line-height:1.28;
  max-width:470px;
}
.nature-hero::after{
  top:0!important;
  right:0!important;
  bottom:auto!important;
  height:100%!important;
  width:auto!important;
  aspect-ratio:311/149!important;
  opacity:1!important;
  background-image:url('/shared-assets/reference-sources/nature-adult.webp')!important;
  background-repeat:no-repeat!important;
  background-size:auto 528.86%!important;
  background-position:33.88% 5.48%!important;
}
.nature-hero::before{
  background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.42) 65%,rgba(255,255,255,0) 80%)!important;
}
.hero-leaves{right:42%;bottom:7px;width:116px}

.action-pair{
  gap:9px;
  margin:8px 0;
}
.action-call{
  min-height:86px;
  border-radius:13px;
  grid-template-columns:54px 1fr 34px;
  padding:10px 13px;
  gap:8px;
}
.action-call img{
  width:46px;height:46px;padding:9px;border-radius:13px;
  background:#dce8d3;
}
.action-call.incident img{background:#f7dfd1}
.action-call b{font-size:19px}
.action-call small{font-size:11px;line-height:1.28}
.action-call i{width:31px;height:31px}

.kpi-row{gap:8px;margin:8px 0}
.kpi-row article{
  min-height:54px;
  padding:8px 12px;
  border-radius:12px;
  grid-template-columns:38px 1fr;
  column-gap:8px;
}
.kpi-row span{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#edf3e8;
  font-size:18px;
}
.kpi-row article:nth-child(2) span{background:#eaf3fb}
.kpi-row article:nth-child(3) span{background:#fbefe1}
.kpi-row article:nth-child(4) span{background:#eef3e7}
.kpi-row b{font-size:22px;line-height:1}
.kpi-row small{font-size:10px}

.nature-cards{gap:8px}
.nature-cards button{
  border-radius:13px;
  padding:0 0 10px;
  min-width:0;
}
.photo-card{
  height:74px!important;
  aspect-ratio:auto!important;
  background-image:url('/shared-assets/reference-sources/nature-adult.webp')!important;
  background-repeat:no-repeat!important;
  background-size:1000% auto!important;
}
.photo-card.landscape{background-position:8.77% 42.55%!important}
.photo-card.mapshot{background-position:20.10% 42.55%!important}
.photo-card.warningpic{background-position:31.00% 42.55%!important}
.photo-card.people{background-position:42.20% 42.55%!important}
.nature-cards b{font-size:17px;margin-top:7px;padding:0 11px}
.nature-cards small{font-size:10px;padding:0 11px;margin-top:2px}
.nature-cards button::after{
  content:"→";float:right;margin:-24px 9px 0 0;
  width:25px;height:25px;border-radius:50%;background:#fff8e9;
  display:grid;place-items:center;font-size:12px;
}

/* Subvistes: en la maqueta substitueixen la home, no s'afegeixen davall. */
body.nature-subview-open .nature-hero,
body.nature-subview-open .action-pair,
body.nature-subview-open .kpi-row,
body.nature-subview-open .nature-cards{display:none!important}
body.nature-subview-open .content{padding-top:0}
body.nature-subview-open .panel{
  margin:0 -18px;
  border:0;
  border-radius:0;
  box-shadow:none;
  min-height:calc(100vh - 62px);
  padding:16px 18px 24px;
}
body.nature-subview-open .panel-head{
  min-height:95px;
  padding:4px 4px 12px;
  background:
    linear-gradient(90deg,#fff 0 48%,rgba(255,255,255,.72) 67%,rgba(255,255,255,.08) 100%),
    url('/shared-assets/decorations/territory-panorama-warm.svg') right center/55% auto no-repeat;
}
body.nature-subview-open .panel-head h2{
  font-size:clamp(38px,4vw,58px);
  letter-spacing:-.035em;
}
body.nature-subview-open .map-layout{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:12px;
  margin-top:6px;
}
body.nature-subview-open #natureMap{height:calc(100vh - 245px);min-height:440px}
body.nature-subview-open .map-layout aside{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;
}
body.nature-subview-open .impact-grid{
  grid-template-columns:repeat(5,1fr);
  gap:8px;margin:8px 0 14px;
}
body.nature-subview-open .impact-grid article{
  padding:12px;border-radius:12px;background:#f8faf5;
}
body.nature-subview-open .territory-list{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 12px;
}

/* Formulari de bona acció com a pantalla, no modal flotant */
body.nature-action-open .nature-hero,
body.nature-action-open .action-pair,
body.nature-action-open .kpi-row,
body.nature-action-open .nature-cards,
body.nature-action-open .panel{display:none!important}
body.nature-action-open dialog[open]{
  position:static;
  display:block;
  width:auto;
  max-width:none;
  margin:0 -18px;
  padding:0;
  border-radius:0;
  box-shadow:none;
  min-height:calc(100vh - 62px);
  background:#fff;
}
body.nature-action-open dialog::backdrop{display:none}
body.nature-action-open .action-form{padding:18px 24px 28px}
body.nature-action-open .action-form::before{
  content:"He fet una bona acció";
  display:block;
  font:600 clamp(42px,4.2vw,62px)/1 Georgia,serif;
  letter-spacing:-.035em;
  padding:4px 0 8px;
}
body.nature-action-open .action-form>p.eyebrow{display:none}
body.nature-action-open .action-form>h2{
  font:16px/1.35 Georgia,serif;
  color:#6f756c;
  margin:0 0 16px;
}
body.nature-action-open .category-grid{
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
body.nature-action-open .category-grid button{
  min-height:62px;padding:10px;border-radius:10px;
}
body.nature-action-open .dialog-close{
  position:fixed;right:22px;top:76px;z-index:50;
}

@media(max-width:900px){
  .content{padding-left:12px;padding-right:12px}
  .nature-hero{margin:0 -12px;height:215px;min-height:215px}
  .nature-hero::after{height:72%!important;top:auto!important;bottom:0!important;right:-28px!important}
  .nature-hero::before{background:linear-gradient(180deg,#fff 0 48%,rgba(255,255,255,.70) 68%,rgba(255,255,255,.08) 100%)!important}
  .hero-copy{max-width:100%}
  .nature-hero h1{font-size:45px}
  .nature-hero p:last-child{font-size:15px;max-width:82%}
  .hero-leaves{right:12%;width:90px}
  body.nature-subview-open .panel,body.nature-action-open dialog[open]{margin:0 -12px}
  body.nature-action-open .category-grid{grid-template-columns:1fr 1fr}
}


/* v26 — capçalera Conservem la natura calibrada sobre la mostra 679×169 */
.nature-hero{
  position:relative!important;
  height:167px!important;
  min-height:167px!important;
  max-height:167px!important;
  margin:0 -18px!important;
  padding:4px 25px 0!important;
  overflow:hidden!important;
  background:#fff!important;
  display:block!important;
  border:0!important;
  isolation:isolate!important;
}
.nature-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  width:50.5%!important;
  height:167px!important;
  aspect-ratio:auto!important;
  background:url('/shared-assets/decorations/nature-hero-panorama.svg') center center/cover no-repeat!important;
  opacity:1!important;
  pointer-events:none!important;
}
.nature-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      #fff 0%,
      #fff 45%,
      rgba(255,255,255,.98) 48%,
      rgba(255,255,255,.86) 51%,
      rgba(255,255,255,.45) 55%,
      rgba(255,255,255,0) 61%)!important;
}
.nature-hero .hero-copy{
  position:relative!important;
  z-index:3!important;
  width:50%!important;
  max-width:none!important;
  height:163px!important;
}
.nature-hero .eyebrow{
  margin:0 0 4px!important;
  padding:0!important;
  min-height:14px!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:12px!important;
  line-height:14px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#66705f!important;
}
.nature-hero .eyebrow::before,
.nature-hero .eyebrow::after{content:none!important;display:none!important}

.nature-hero h1{
  margin:0!important;
  padding:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:42px!important;
  line-height:.92!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
  color:#1d211a!important;
  height:auto!important;
  max-width:none!important;
}
.nature-hero .hero-copy>p:last-child{
  margin:6px 0 0!important;
  padding:0!important;
  max-width:500px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:15px!important;
  line-height:1.28!important;
  font-weight:400!important;
  color:#73786f!important;
}
.nature-hero .hero-leaves{
  position:absolute!important;
  z-index:4!important;
  left:calc(50% - 54px)!important;
  right:auto!important;
  top:38px!important;
  bottom:auto!important;
  width:108px!important;
  height:108px!important;
  object-fit:contain!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  pointer-events:none!important;
}
@media(max-width:1050px){
  .nature-hero .hero-copy{width:55%!important}
  .nature-hero::after{width:48%!important}
  .nature-hero .hero-leaves{left:calc(54% - 48px)!important;width:96px!important;height:96px!important;top:44px!important}
}
@media(max-width:760px){
  .nature-hero{
    height:167px!important;
    min-height:167px!important;
    max-height:167px!important;
    padding:4px 16px 0!important;
  }
  .nature-hero .hero-copy{width:68%!important}
  .nature-hero h1{font-size:34px!important;line-height:.92!important}
  .nature-hero .hero-copy>p:last-child{font-size:13px!important;max-width:360px!important}
  .nature-hero::after{width:52%!important;height:167px!important;right:-8%!important}
  .nature-hero::before{
    background:linear-gradient(90deg,#fff 0%,#fff 55%,rgba(255,255,255,.92) 63%,rgba(255,255,255,.35) 76%,transparent 88%)!important;
  }
  .nature-hero .hero-leaves{left:61%!important;top:53px!important;width:80px!important;height:80px!important}
}