/* Doná · Colaborá — adaptado de FUVISA_DONA.html (base autorizada, v1.5) */
.hero-dona{background:#fff;padding:76px 0 70px}
.heroInner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,78px);align-items:center}
.hero-dona .heroSubtitle{color:var(--ink);font-size:clamp(35px,4.2vw,61px);font-weight:800;line-height:1.04;letter-spacing:-2px;max-width:620px;margin:0 0 23px}
.hero-dona p{font-size:18px;max-width:680px;color:#53677b}
.pill{color:var(--wine);font-weight:750}
.heroVisual{aspect-ratio:4/5;border-radius:26px;overflow:hidden}
.heroVisual picture,.heroVisual img{display:block;width:100%;height:100%;object-fit:cover}
.heroAlias{margin-top:22px;display:block;max-width:430px;background:#fff;border:1px solid #dce6ed;border-radius:17px;padding:16px 20px}
.heroAliasRow{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:5px 0}
.heroAliasRow strong{font-size:33px;line-height:1;color:var(--blue)}
.overline{font-size:11px;font-weight:800;color:#617183;letter-spacing:1.1px}
.heroTrust{font-size:12px!important;margin:7px 0 0!important}
.status{min-height:20px;font-size:12px;color:var(--green)}
.quick{padding-top:75px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tile{border:1px solid #e5e9ec;overflow:hidden;border-radius:19px;background:#fff}
.tile>picture{display:block}
.tile>picture img{width:100%;height:225px;object-fit:cover}
.tilebody{padding:27px}
.tile p{font-size:15px;color:var(--muted)}
.iconTile{height:33px;width:33px;margin-bottom:12px;color:var(--blue)}
.payments,.globalDonations,.communityExtras{background:#F9FAFB}
.paygrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.panel,.globalPanel{background:#fff;border:1px solid #dbe6ed;border-radius:18px;padding:26px}
.panel p{color:var(--muted)}
.alias{color:var(--blue);font-size:37px;font-weight:850;letter-spacing:.3px}
.inline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.line{height:1px;background:var(--line);margin:20px 0}
details{margin-top:10px}
summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:800}
.select{width:100%;padding:12px;border:1px solid #c8d6df;border-radius:8px;background:#fff;font:inherit;color:var(--ink);margin:8px 0 14px}
.seg{display:flex;gap:8px;margin:5px 0 18px}
.seg button{flex:1;background:#fff;border:1px solid #cbd8e2;border-radius:8px;padding:11px 4px;color:var(--ink);min-height:44px}
.seg button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.notice{padding:16px 20px;border:1px solid #eadbe1;border-left:3px solid var(--wine);border-radius:8px;background:#fff;margin-top:22px;font-size:13px}
.compact{border:1px solid var(--line);border-radius:13px;padding:19px;background:#fff}
.compact p{font-size:14px;color:var(--muted)}
.fiscal{background:#F8FAFB;border:1px solid #e3e9ed;border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.fiscal p{margin:0;color:var(--muted)}
.globalPanel{display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:center;border-radius:22px;padding:30px}
.globalPanel p{color:var(--muted)}
.communityHeader{display:flex;align-items:center;justify-content:space-between;gap:30px}
.communityHeader>div:first-child{max-width:650px}
.communityActions{min-width:220px;display:grid;gap:12px}
.iconNetwork{height:44px;width:44px;margin-bottom:12px;color:var(--blue)}
.off{background:var(--off)}
.draft-note{font-size:11px;color:#8a97a5}
@media(max-width:830px){
.heroInner{grid-template-columns:1fr .9fr}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile>picture img{height:150px}.tilebody{padding:18px}
.globalPanel{grid-template-columns:1fr}
.communityHeader{flex-direction:column;align-items:stretch}
.communityActions{display:flex;flex-wrap:wrap}.communityActions .button{flex:1}
}
@media(max-width:650px){
.hero-dona{padding:35px 0 52px}
.heroInner{display:flex;flex-direction:column;gap:28px}
.hero-dona .heroSubtitle{font-size:clamp(32px,8.5vw,43px);letter-spacing:-1.2px}
.heroVisual{width:100%;max-height:360px;aspect-ratio:4/3;order:2}
.heroAlias{max-width:none}
.heroAliasRow strong{font-size:28px}
.heroAliasRow .button{width:auto}
.grid3,.paygrid,.grid2{grid-template-columns:1fr}
.tile{display:grid;grid-template-columns:38% 1fr}
.tile>picture,.tile>picture img{height:100%}
.tile>picture img{min-height:170px}
.tilebody{padding:17px}
.panel{padding:21px}
.fiscal{display:block}.fiscal .button{margin-top:17px}
.communityActions{display:grid}
}