/* O conteúdo do banner ocupa uma faixa horizontal na base, sem perder informações. */
#inicio.hero{align-items:flex-end;padding:150px 7% 18px}
#inicio .hero-copy{width:100%;max-width:none;padding:25px 32px;display:grid;grid-template-columns:minmax(270px,1fr) minmax(340px,1.35fr) minmax(230px,.8fr);grid-template-areas:"eyebrow eyebrow eyebrow" "title intro action" "title details note";column-gap:30px;row-gap:10px;align-items:center}
#inicio .hero-copy .eyebrow{grid-area:eyebrow;justify-self:center;text-align:center}
#inicio .hero-copy h1{grid-area:title;margin:10px 0 0;font-size:clamp(2.25rem,3.6vw,3.45rem);max-width:540px}
#inicio .hero-copy p{margin:0;max-width:none;font-size:.93rem;line-height:1.55}
#inicio .hero-copy p:nth-of-type(1){grid-area:intro}
#inicio .hero-copy p:nth-of-type(2){grid-area:details}
#inicio .hero-copy .actions{grid-area:action;margin:0;align-self:end}
#inicio .hero-copy small{grid-area:note;max-width:none;font-size:.73rem;line-height:1.45}
#inicio .hero .donate{width:100%;min-height:54px;font-size:1rem;padding:10px 16px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 15% 30%,rgba(228,42,37,.25) 0 11px,transparent 12px),radial-gradient(circle at 45% 75%,rgba(23,159,41,.24) 0 12px,transparent 13px),radial-gradient(circle at 78% 25%,rgba(224,153,11,.3) 0 12px,transparent 13px),linear-gradient(90deg,#fff 0%,#f8fbff 100%);color:#123b4a;border:3px solid #1a6eb7;text-shadow:0 1px 0 #fff;box-shadow:0 7px 16px rgba(10,74,111,.24)}
#inicio .hero .donate::before{content:'\f12e\00a0\f12e\00a0\f12e\00a0\f12e';font-family:'Font Awesome 6 Free';font-weight:900;font-size:1.7rem;letter-spacing:.3rem;line-height:1;color:rgba(26,110,183,.2);position:absolute;inset:50% auto auto -4px;z-index:0;transform:translateY(-50%);white-space:nowrap}
#inicio .hero .donate i{color:#e0990b;position:relative;z-index:1}
#inicio .hero .donate{box-shadow:0 7px 0 #0d4e7d,0 13px 18px rgba(8,53,82,.3);transform:translateY(-4px)}
#inicio .hero .donate:hover{transform:translateY(-6px);box-shadow:0 9px 0 #0d4e7d,0 17px 23px rgba(8,53,82,.34)}
#inicio .hero .donate:active{transform:translateY(2px);box-shadow:0 2px 0 #0d4e7d,0 5px 9px rgba(8,53,82,.24)}
@media(max-width:900px){#inicio.hero{padding:118px 5% 32px}#inicio .hero-copy{grid-template-columns:1fr 1fr;grid-template-areas:"eyebrow eyebrow" "title title" "intro details" "action note";gap:14px 20px}#inicio .hero-copy h1{max-width:none}.hero-copy .actions{align-self:center}}
@media(max-width:650px){#inicio.hero{padding:105px 5% 28px}#inicio .hero-copy{display:block;padding:24px 20px}#inicio .hero-copy h1{font-size:clamp(2rem,9vw,2.75rem)}#inicio .hero-copy p{margin-top:12px}#inicio .hero-copy .actions{margin:18px 0 14px}}