/* FOSIL.AR 00.25 · editorial, help overlay and microcopy QA */
.geoHelpBtn{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  flex:0 0 22px!important;aspect-ratio:1/1;border-radius:50%!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font:900 12px/1 Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;
  vertical-align:middle!important;transform:none!important;
}
.geoLabel{display:inline-flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}
.geoHelpNote{display:none!important}

/* VIAJE DEL FÓSIL · cierre inequívoco + botón rectangular */
.journey{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.journey.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.journeyClose{
  min-width:78px!important;
  height:34px!important;
  padding:0 11px!important;
  border-radius:7px!important;
}

/* HERO · el bloque tipográfico debe quedar completamente dentro de la columna verde */
@media(min-width:861px){
  .hero{
    grid-template-columns:clamp(460px,42vw,620px) minmax(0,1fr)!important;
  }
  .headline span{
    max-width:100%;
    font-size:clamp(47px,4.15vw,68px)!important;
    letter-spacing:-.07em!important;
  }
  .headline .three{
    font-size:clamp(31px,3vw,48px)!important;
    letter-spacing:-.045em!important;
  }
  .lede{
    max-width:100%!important;
    padding-right:8px;
  }
}

.geoHelpOverlay{position:fixed;inset:0;z-index:1000;background:rgba(23,58,53,.38);backdrop-filter:blur(4px);display:grid;place-items:center;padding:22px}
.geoHelpOverlay[hidden]{display:none!important}
.geoHelpCard{width:min(560px,100%);background:#fffaf3;color:#17332e;border:1px solid rgba(23,51,46,.18);border-radius:20px;box-shadow:0 28px 90px rgba(23,58,53,.28);padding:24px;position:relative}
.geoHelpCard small{display:block;font:900 9px/1.3 ui-monospace,monospace;letter-spacing:.13em;color:#b65e49;text-transform:uppercase;margin-bottom:12px}
.geoHelpCard p{margin:0;padding-right:34px;font-size:17px;line-height:1.55;color:#5e6b66;text-transform:none;letter-spacing:0}
.geoHelpClose{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(23,51,46,.16);background:#f4efe6;color:#173a35;font-size:22px;line-height:1;cursor:pointer}
.geoHelpClose:hover{background:#173a35;color:#fff}

.donateText{display:block!important;max-width:760px!important}
.donateLead{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap;white-space:nowrap}
.donateLead small,.donateLead strong{display:inline!important;margin:0!important}
.donateSubline{display:block!important;margin-top:3px!important;line-height:1.35!important}

.siteFooterLinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.siteFooterLinks a{color:inherit;font:800 9px ui-monospace,monospace;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid currentColor}

@media(max-width:680px){
  .geoHelpBtn{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex-basis:24px!important;font-size:13px!important}
  .geoHelpOverlay{align-items:end;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}
  .geoHelpCard{border-radius:20px 20px 16px 16px;padding:22px 20px 24px}
  .geoHelpCard p{font-size:15px;line-height:1.52;padding-right:26px}
  .donate{padding-top:15px!important;padding-bottom:15px!important}
  .donateCompact{align-items:flex-start!important}
  .donateLead{gap:6px}
  .donateLead strong{font-size:12px!important}
  .donateSubline{font-size:9.5px!important}
}