
.yuh5-trigger{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  inline-size:1.45em!important;block-size:1.45em!important;min-inline-size:1.45em!important;min-block-size:1.45em!important;
  margin-inline:.32em!important;padding:0!important;border:.08em solid #8fb7a2!important;border-radius:999em!important;
  background:#eef7f1!important;color:#1f6542!important;font:800 .78em/1 system-ui,sans-serif!important;
  vertical-align:baseline!important;position:relative!important;inset:auto!important;transform:none!important;flex:none!important;
  cursor:pointer!important;white-space:nowrap!important
}
.yuh5-trigger:hover,.yuh5-trigger:focus-visible{background:#dff0e5!important;outline:.12em solid #bad7c6!important;outline-offset:.12em}
.yuh5-shell[hidden]{display:none!important}
.yuh5-shell{position:fixed;inset:0;z-index:100000;display:flex;justify-content:flex-end;align-items:stretch;padding:.75rem;background:rgba(16,35,25,.34)}
.yuh5-backdrop{position:absolute;inset:0}
.yuh5-panel{
  position:relative;z-index:1;inline-size:min(38rem,calc(100% - .5rem));block-size:100%;overflow:auto;
  background:#fffdf7;color:#17281f;border:.0625rem solid #d8e1d7;border-radius:1.35rem;
  box-shadow:0 1.2rem 3rem rgba(14,37,24,.18);display:flex;flex-direction:column
}
.yuh5-panel>header{
  position:sticky;inset-block-start:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem 1.1rem;background:#f3f7ed;border-block-end:.0625rem solid #d8e1d7;border-radius:1.35rem 1.35rem 0 0
}
.yuh5-kicker{display:block;font-size:.68rem;letter-spacing:.11em;font-weight:850;color:#386b4d}
.yuh5-panel h2{margin:.16rem 0 0;font-size:1.35rem;color:#173a29}
.yuh5-close{
  inline-size:2.35rem;block-size:2.35rem;flex:none;border:0;border-radius:999rem;background:#f4ead9;color:#1b3327;
  font-size:1.45rem;cursor:pointer
}
.yuh5-body{padding:1rem;display:grid;gap:.75rem}
.yuh5-identity,.yuh5-section,.yuh5-body footer{
  border:.0625rem solid #d8e1d7;border-radius:1rem;padding:1rem;background:#fff
}
.yuh5-identity{background:#eef5e8}
.yuh5-origin{display:inline-flex;border-radius:999rem;background:#fff;padding:.3rem .55rem;font-size:.74rem;font-weight:800;color:#355e46}
.yuh5-friendly{font-size:1.2rem;font-weight:850;margin:.6rem 0 0;color:#173a29}
.yuh5-section:nth-of-type(2n){background:#edf5f7}
.yuh5-section:nth-of-type(3n){background:#fbf5d8}
.yuh5-section h3{margin:0 0 .42rem;font-size:1rem;color:#224d36}
.yuh5-section p{margin:0;line-height:1.68;color:#42584a}
.yuh5-evidence ul{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.45rem}
.yuh5-evidence li{display:grid;gap:.12rem;background:#f5f7ef;border-radius:.75rem;padding:.7rem}
.yuh5-evidence span{color:#5d6d63;font-size:.86rem}
.yuh5-body footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;background:#f3eff8}
.yuh5-body footer a{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999rem;
  background:#24583c;color:#fff;padding:.65rem .9rem;font-weight:850
}
.yuh5-loading{padding:2rem;text-align:center;color:#355e46}
html.yuh5-open{overflow:hidden}
[dir="rtl"] .yuh5-shell{justify-content:flex-start}

/* v37: los "?" eran de ~13 px y casi imposibles de tocar. Se agranda el area tactil sin cambiar el dibujo. */
.yuh5-trigger::after{content:"";position:absolute;inset:-.7rem;border-radius:999rem}
@media (pointer:coarse){.yuh5-trigger{inline-size:1.9em!important;block-size:1.9em!important;min-inline-size:1.9em!important;min-block-size:1.9em!important;font-size:.85em!important}}
