/* A clear invitation to open the native trenching disclosure. */
body[data-foundation] #ecko #sistema-zanjeo {
  border:2px solid #a8d443;
  border-left-width:5px;
  background:linear-gradient(115deg,rgba(168,212,67,.13),rgba(168,212,67,.025)),#172d49;
  box-shadow:0 6px 22px rgba(0,0,0,.12);
}
body[data-foundation] #ecko #sistema-zanjeo > summary {
  grid-template-columns:38px minmax(0,1fr) 32px;
  align-items:center;
  gap:12px;
  padding:22px;
}
#sistema-zanjeo > summary .num {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin:0;
  border:1px solid rgba(168,212,67,.5);
  background:rgba(168,212,67,.12);
  color:#c5ea77;
  font-size:16px;
  letter-spacing:.05em;
}
#sistema-zanjeo .zanjeo-access-copy249 {min-width:0}
#sistema-zanjeo > summary b {display:block;color:#fff}
#sistema-zanjeo .zanjeo-access-info249 {
  display:block;
  margin-top:7px;
  color:#d1ddca;
  font-size:12px;
  line-height:1.6;
  font-weight:400;
}
#sistema-zanjeo > summary .sig {
  width:32px;
  height:32px;
  margin:0;
  border-radius:50%;
  background:#a8d443;
}
#sistema-zanjeo > summary .sig::before {
  left:9px;right:9px;top:15px;height:2px;background:#172d49;
}
#sistema-zanjeo > summary .sig::after {
  top:9px;bottom:9px;left:15px;width:2px;background:#172d49;
}
#sistema-zanjeo .zanjeo-access-action249 {
  grid-column:2/-1;
  justify-self:start;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  max-width:100%;
  box-sizing:border-box;
  padding:10px 14px;
  border:1px solid #a8d443;
  background:#a8d443;
  color:#172d49;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  text-align:left;
}
#sistema-zanjeo .zanjeo-access-action249 svg {flex:0 0 20px}
#sistema-zanjeo .zanjeo-access-close249 {display:none}
#sistema-zanjeo[open] .zanjeo-access-open249 {display:none}
#sistema-zanjeo[open] .zanjeo-access-close249 {display:inline}
#sistema-zanjeo[open] .zanjeo-access-action249 {background:transparent;color:#c5ea77}
#sistema-zanjeo[open] .zanjeo-access-action249 svg {transform:rotate(180deg)}
#sistema-zanjeo > summary:focus-visible {outline:3px solid #fff;outline-offset:-6px}
@media (hover:hover) {
  #sistema-zanjeo > summary:hover .zanjeo-access-action249 {background:#c5ea77;color:#172d49}
}
@media (max-width:600px) {
  body[data-foundation] #ecko #sistema-zanjeo > summary {
    grid-template-columns:32px minmax(0,1fr) 30px;
    gap:12px 10px;
    padding:18px 14px;
  }
  #sistema-zanjeo > summary .num {width:32px;height:32px;font-size:14px}
  #sistema-zanjeo > summary b {font-size:17px}
  #sistema-zanjeo .zanjeo-access-action249 {grid-column:1/-1;justify-self:stretch;font-size:13px}
}