/* v19 · Ayuda flotante de primera pulsación. Estilo madera / oro / verde LCD. */
.armonio-mode-help{
  position:fixed;z-index:10050;width:min(330px, calc(100vw - 24px));
  box-sizing:border-box;padding:17px 19px 18px;
  border:1px solid #c7a46c;border-radius:14px;
  color:#f7ebcf;background:linear-gradient(145deg,#224e40 0%,#173b34 49%,#102b26 100%);
  box-shadow:0 14px 42px #08180fc4,0 0 0 3px #3e3025a8,inset 0 1px 0 #ffebbe44;
  font-family:'Nunito Sans',system-ui,sans-serif;line-height:1.45;
  animation:armonio-help-appear .18s ease-out both;
  -webkit-tap-highlight-color:transparent;
}
.armonio-mode-help::after{
  content:'';position:absolute;bottom:-9px;left:var(--mode-arrow-x,50%);
  width:15px;height:15px;background:#102b26;border-right:1px solid #c7a46c;
  border-bottom:1px solid #c7a46c;transform:translateX(-50%) rotate(45deg);
}
.armonio-mode-help.below::after{
  top:-9px;bottom:auto;background:#224e40;border:0;
  border-left:1px solid #c7a46c;border-top:1px solid #c7a46c;
}
.armonio-mode-help-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.armonio-mode-help-eyebrow{
  color:#d7b982;font-weight:750;font-size:10px;letter-spacing:.18em;
}
.armonio-mode-help-x{
  width:31px;height:31px;display:grid;place-items:center;margin:-6px -7px -3px 0;
  border:1px solid #d7b98270;border-radius:50%;background:#e6d2a316;color:#f5e5c5;
  font:400 25px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;
}
.armonio-mode-help h2{
  margin:3px 0 7px;color:#ffebbd;
  font:700 29px/1.05 'EB Garamond',Georgia,serif;
}
.armonio-mode-help p{margin:0 0 17px;color:#e9e6d7;font-size:14px;font-weight:450;line-height:1.55}
.armonio-mode-help-done{
  display:block;min-width:124px;min-height:38px;margin-left:auto;padding:7px 18px;
  border:1px solid #e9c88d;border-radius:8px;
  color:#2b3629;background:linear-gradient(#f6e6c0,#c8a46b);
  font:700 14px/1.25 'Nunito Sans',system-ui,sans-serif;
  cursor:pointer;touch-action:manipulation;
  box-shadow:inset 0 1px #fff8e6a8,0 3px 8px #08170a63;
}
.armonio-mode-help button:focus-visible{outline:2px solid #fff7c8;outline-offset:3px}
.armonio-mode-help button:hover{filter:brightness(1.1)}
@keyframes armonio-help-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){
  .armonio-mode-help{padding:15px 17px 16px;border-radius:12px}
  .armonio-mode-help h2{font-size:26px}
  .armonio-mode-help p{font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){.armonio-mode-help{animation:none}}