/* Página Sumate — composición editorial, alineada al sistema ADELANTE. */
:root { --sumate-pink: #e90062; --sumate-blue: #0b367f; --sumate-ice: #f2f5fa; }
.sumate-main { overflow: clip; }
.sumate-hero { position: relative; min-height: 680px; display: grid; align-items: end; color: #fff; background: var(--navy); isolation: isolate; overflow: hidden; }
.sumate-hero__photo { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1,14,40,.98) 0%, rgba(1,14,40,.87) 36%, rgba(1,14,40,.24) 69%, rgba(1,14,40,.05)), url('../img/hero-sumate.jpg') center/cover no-repeat; z-index: -2; will-change: transform; }
.sumate-hero::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 62%; background: linear-gradient(135deg, rgba(1,14,40,.95), rgba(3,27,72,.82)); clip-path: polygon(0 0, 78% 0, 100% 100%, 0 100%); z-index: -1; }
.sumate-hero::after { content: ""; position: absolute; right: -4vw; bottom: -10vw; width: min(29vw, 470px); aspect-ratio: 1; border-radius: 50%; background: var(--sumate-pink); transform: rotate(25deg); opacity: .48; z-index: -1; }
.sumate-hero__inner { width: 100%; padding-top: clamp(72px,10vw,140px); padding-bottom: 104px; }
.sumate-kicker { display: inline-flex; gap: 10px; align-items: center; font-size: 11px; color: rgba(255,255,255,.82); letter-spacing: .14em; text-transform: uppercase; font-weight: 700; }
.sumate-kicker::before { content: ""; width: 28px; height: 2px; background: var(--sumate-pink); }
.sumate-hero h1 { max-width: 660px; margin-top: 16px; font-family: var(--font-display); font-size: clamp(72px,10vw,142px); line-height: .83; letter-spacing: .01em; font-weight: 500; }
.sumate-hero h1 em { display: block; color: var(--sumate-pink); font-style: normal; }
.sumate-hero__lede { max-width: 450px; margin-top: 28px; color: rgba(255,255,255,.87); font-size: 17px; line-height: 1.7; }
.sumate-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.sumate-actions .btn { min-width: 184px; }
.btn-sumate { background: var(--sumate-pink); border-color: var(--sumate-pink); color: #fff; }
.btn-sumate:hover { background: #c90052; border-color: #c90052; }
.sumate-scroll { position:absolute; right: max(20px,calc((100% - var(--container-max))/2 + var(--margin-desktop))); bottom:38px; display:flex; align-items:center; gap:10px; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#fff; }
.sumate-scroll span { display:block; height:40px; width:1px; background:rgba(255,255,255,.7); transform-origin: top; animation: sumateLine 1.6s ease-in-out infinite; }
@keyframes sumateLine { 0%,100% { transform:scaleY(.35); opacity:.45 } 50% { transform:scaleY(1); opacity:1 } }

.sumate-stats { position:relative; z-index:2; background:#fff; box-shadow:0 12px 28px rgba(1,14,40,.1); }
.sumate-stats__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.sumate-stat { min-height:112px; display:flex; align-items:center; gap:16px; padding:20px 28px; border-right:1px solid var(--border); }
.sumate-stat:last-child { border-right:0; }
.sumate-stat__icon { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; border:1.5px solid #143671; border-radius:50%; color:#143671; font-size:22px; }
.sumate-stat strong { display:block; color:#0b3375; font-size:25px; line-height:1.1; }
.sumate-stat span { display:block; margin-top:4px; color:var(--text-muted); font-size:11px; line-height:1.35; }

.sumate-section { padding:clamp(72px,10vw,136px) 0; }
.sumate-section__intro { max-width:700px; }
.sumate-section__intro h2, .sumate-callout h2, .sumate-form__heading h2 { margin-top:10px; font:500 clamp(46px,6vw,78px)/.95 var(--font-display); letter-spacing:.02em; color:var(--navy); }
.sumate-section__intro h2 .pink, .sumate-callout h2 .pink, .sumate-form__heading h2 .pink { color:var(--sumate-pink); }
.sumate-section__intro p { margin-top:22px; max-width:620px; color:var(--text-muted); font-size:16px; line-height:1.8; }
.sumate-story { display:grid; grid-template-columns:1.08fr .92fr; min-height:420px; margin-top:54px; background:var(--sumate-ice); overflow:hidden; }
.sumate-story__image { min-height:330px; background:url('../photos/sumate-hero-community.jpg') center/cover no-repeat; clip-path:polygon(0 0,100% 0,87% 100%,0 100%); }
.sumate-story__copy { display:flex; flex-direction:column; justify-content:center; padding:48px 8% 48px 2%; }
.sumate-story__copy h3 { color:#0d3478; font:500 48px/.94 var(--font-display); letter-spacing:.02em; }
.sumate-story__copy p { margin-top:20px; color:var(--text-muted); font-size:15px; line-height:1.8; }
.sumate-quote { position:relative; margin-top:26px; padding:20px 22px; background:var(--navy); color:#fff; font-size:16px; line-height:1.6; }
.sumate-story__copy .sumate-quote, .sumate-age__copy .sumate-quote { color:#fff; }
.sumate-quote::before { content:"“"; position:absolute; top:-10px; left:14px; color:var(--sumate-pink); font:70px/.8 Georgia,serif; }

.sumate-age { background:linear-gradient(180deg,#fff,var(--sumate-ice)); }
.sumate-age__grid { display:grid; grid-template-columns:1fr 1.15fr; align-items:end; gap:clamp(26px,5vw,80px); }
.sumate-age__copy { padding-bottom:40px; }
.sumate-age__copy p { max-width:500px; margin-top:22px; color:var(--text-muted); line-height:1.85; }
.sumate-age__copy .sumate-quote { max-width:510px; }
.sumate-avatars { min-height:480px; position:relative; }
.sumate-avatar { position:absolute; bottom:0; width:min(38%,270px); object-fit:contain; object-position:bottom; filter:drop-shadow(0 18px 12px rgba(1,14,40,.18)); transition:transform .55s var(--ease); }
.sumate-avatar--one { left:1%; z-index:2; transform:rotate(-4deg); }
.sumate-avatar--three { left:27%; z-index:3; transform:translateY(-10px); }
.sumate-avatar--two { right:1%; z-index:2; transform:rotate(4deg); }
.sumate-avatars:hover .sumate-avatar--one { transform:translateX(-10px) rotate(-7deg); }
.sumate-avatars:hover .sumate-avatar--two { transform:translateX(10px) rotate(7deg); }
.sumate-avatars:hover .sumate-avatar--three { transform:translateY(-20px); }
.sumate-avatars__base { position:absolute; bottom:0; left:0; right:0; height:72%; background:linear-gradient(135deg,#061d50,#0d438f); clip-path:polygon(0 20%,100% 0,100% 100%,0 100%); }

.sumate-path { background:#fff; border-top:1px solid rgba(1,14,40,.06); }
.sumate-path__grid { display:grid; grid-template-columns:repeat(5,1fr); margin-top:50px; }
.sumate-path__card { position:relative; padding:22px 28px 22px 0; border-right:1px solid var(--border); }
.sumate-path__card:not(:first-child) { padding-left:28px; }
.sumate-path__card:last-child { border-right:0; }
.sumate-path__number { position:absolute; top:10px; right:26px; color:#e0e7f2; font:500 58px/.85 var(--font-display); }
.sumate-path__icon { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#0b367f; color:#fff; font-size:21px; }
.sumate-path__card h3 { position:relative; margin-top:20px; color:var(--navy); font:500 30px/1 var(--font-display); letter-spacing:.02em; }
.sumate-path__card p { position:relative; margin-top:12px; max-width:195px; color:var(--text-muted); font-size:12px; line-height:1.7; }
.sumate-link { display:inline-flex; align-items:center; gap:9px; margin-top:20px; color:var(--sumate-pink); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.sumate-link::after { content:"→"; font-size:17px; transition:transform .2s var(--ease); }
.sumate-link:hover::after { transform:translateX(5px); }

.sumate-plan { position:relative; padding:clamp(72px,9vw,126px) 0; background:linear-gradient(120deg,#061d50,#010e28); color:#fff; overflow:hidden; }
.sumate-plan::after { content:""; position:absolute; width:54vw; height:54vw; border:1px solid rgba(255,255,255,.1); border-radius:50%; right:-24vw; top:-36vw; }
.sumate-plan__intro { position:relative; z-index:1; max-width:720px; }
.sumate-plan__intro h2 { margin-top:10px; font:500 clamp(48px,6vw,76px)/.95 var(--font-display); letter-spacing:.02em; }
.sumate-plan__intro p { max-width:610px; margin-top:20px; color:rgba(255,255,255,.73); font-size:15px; line-height:1.8; }
.sumate-plan__cards { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:44px; }
.sumate-plan__card { padding:34px; border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.05); transition:transform .3s var(--ease), background .3s var(--ease); }
.sumate-plan__card:hover { transform:translateY(-6px); background:rgba(255,255,255,.09); }
.sumate-plan__number { color:var(--sumate-pink); font:500 26px/1 var(--font-display); letter-spacing:.12em; }
.sumate-plan__card h3 { margin-top:17px; font:500 40px/.94 var(--font-display); letter-spacing:.02em; }
.sumate-plan__card p { margin-top:16px; max-width:510px; color:rgba(255,255,255,.74); font-size:13px; line-height:1.8; }

.sumate-causes { position:relative; overflow:hidden; background:#fff; }
.sumate-causes::before { content:""; position:absolute; inset:0 57% 0 0; background:linear-gradient(145deg,#0b357d,var(--navy)); clip-path:polygon(0 0,88% 0,100% 100%,0 100%); }
.sumate-causes__inner { position:relative; display:grid; grid-template-columns:.85fr 1.65fr; gap:52px; align-items:center; min-height:335px; }
.sumate-causes__heading { color:#fff; padding:46px 0; }
.sumate-causes__heading h2 { font:500 50px/.94 var(--font-display); letter-spacing:.02em; }
.sumate-causes__heading p { margin-top:20px; max-width:255px; color:rgba(255,255,255,.72); font-size:13px; line-height:1.7; }
.sumate-causes__list { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.sumate-cause { min-height:196px; padding:22px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; background:#0e3067 center/cover no-repeat; background-blend-mode:soft-light; transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
.sumate-cause:nth-child(1) { background-image:linear-gradient(rgba(1,14,40,.5),rgba(1,14,40,.84)),url('../photos/sumate-inclusion.jpg'); }
.sumate-cause:nth-child(2) { background-image:linear-gradient(rgba(1,14,40,.4),rgba(1,14,40,.82)),url('../photos/sumate-elders.jpg'); }
.sumate-cause:nth-child(3) { background-image:linear-gradient(rgba(1,14,40,.44),rgba(1,14,40,.85)),url('../photos/sumate-work.jpg'); }
.sumate-cause:hover { transform:translateY(-7px); box-shadow:0 16px 30px rgba(1,14,40,.23); }
.sumate-cause__icon { font-size:25px; margin-bottom:auto; }
.sumate-cause h3 { font:500 29px/.95 var(--font-display); letter-spacing:.02em; }
.sumate-cause p { margin-top:8px; font-size:11px; line-height:1.5; color:rgba(255,255,255,.82); }

.sumate-values { background:var(--sumate-ice); }
.sumate-values__grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:42px; }
.sumate-value { min-height:120px; padding:18px; background:#fff; border-top:3px solid transparent; transition:transform .25s var(--ease), border-color .25s var(--ease); }
.sumate-value:hover { transform:translateY(-5px); border-color:var(--sumate-pink); }
.sumate-value span { color:var(--sumate-pink); font-size:20px; }
.sumate-value h3 { margin-top:12px; font:500 24px/1 var(--font-display); color:var(--navy); letter-spacing:.02em; }

.sumate-form { position:relative; padding:clamp(80px,10vw,135px) 0; background:linear-gradient(125deg,#051a44,#010e28 58%,#071f4c); overflow:hidden; }
.sumate-form::before { content:""; position:absolute; top:-18vw; right:-15vw; width:53vw; height:53vw; border:1px solid rgba(255,255,255,.11); border-radius:50%; }
.sumate-form::after { content:""; position:absolute; bottom:-8vw; left:-7vw; width:34vw; height:34vw; border-radius:50%; background:var(--sumate-pink); filter:blur(70px); opacity:.25; }
.sumate-form__layout { position:relative; z-index:1; display:grid; grid-template-columns:.8fr 1.2fr; align-items:start; gap:clamp(32px,7vw,100px); }
.sumate-form__heading { color:#fff; position:sticky; top:115px; }
.sumate-form__heading h2 { color:#fff; }
.sumate-form__heading p { max-width:390px; margin-top:24px; color:rgba(255,255,255,.74); line-height:1.8; }
.sumate-form__quote { margin-top:34px; max-width:370px; padding-left:18px; border-left:2px solid var(--sumate-pink); color:#fff; font:500 29px/1.05 var(--font-display); letter-spacing:.02em; }
.sumate-form-card { background:#fff; padding:clamp(26px,4vw,50px); box-shadow:0 24px 64px rgba(0,0,0,.25); }
.sumate-form-card h3 { color:var(--navy); font:500 39px/1 var(--font-display); letter-spacing:.02em; }
.sumate-form-card > p { margin-top:10px; color:var(--text-muted); font-size:13px; }
.sumate-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:28px; }
.sumate-field { display:flex; flex-direction:column; gap:7px; }
.sumate-field--wide { grid-column:1/-1; }
.sumate-field label { color:var(--navy); font-size:11px; font-weight:700; letter-spacing:.05em; }
.sumate-field input,.sumate-field select,.sumate-field textarea { width:100%; min-height:45px; border:1px solid #cbd4e3; border-radius:0; padding:11px 12px; background:#fff; color:var(--navy); font:12px/1.45 var(--font-ui); }
.sumate-field textarea { min-height:112px; resize:vertical; }
.sumate-field input:focus,.sumate-field select:focus,.sumate-field textarea:focus { outline:2px solid var(--sumate-pink); outline-offset:1px; border-color:var(--sumate-pink); }
.sumate-form-card .btn { width:100%; margin-top:22px; }
.sumate-status, #form-status { display:none; margin-top:16px; padding:12px 14px; color:#0b357d; background:#eef4ff; border-left:3px solid #0b357d; font-size:12px; }
.sumate-status.is-visible, #form-status.is-visible { display:block; }
.sumate-status.is-error, #form-status.is-error { color:#840000; background:#fff1f1; border-color:#930000; }

[data-sumate-reveal] { opacity:0; transform:translateY(28px); transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1); }
[data-sumate-reveal].is-visible { opacity:1; transform:none; }
[data-sumate-reveal][data-delay="1"] { transition-delay:.1s; } [data-sumate-reveal][data-delay="2"] { transition-delay:.2s; } [data-sumate-reveal][data-delay="3"] { transition-delay:.3s; }
@media (max-width: 900px) {
  .sumate-hero { min-height:650px; } .sumate-hero::before { width:100%; clip-path:none; background:linear-gradient(90deg,rgba(1,14,40,.96),rgba(1,14,40,.58)); } .sumate-hero::after { width:54vw; bottom:-14vw; right:-8vw; opacity:.42; }
  .sumate-stats__grid { grid-template-columns:repeat(2,1fr); } .sumate-stat:nth-child(2) { border-right:0; } .sumate-stat:nth-child(-n+2) { border-bottom:1px solid var(--border); }
  .sumate-story,.sumate-age__grid,.sumate-causes__inner,.sumate-form__layout { grid-template-columns:1fr; } .sumate-story__image { clip-path:none; min-height:280px; } .sumate-story__copy { padding:42px 8%; }
  .sumate-age__copy { padding-bottom:0; } .sumate-avatars { min-height:420px; max-width:570px; width:100%; justify-self:center; } .sumate-path__grid { grid-template-columns:repeat(2,1fr); gap:24px 0; } .sumate-path__card:nth-child(2) { border-right:0; } .sumate-path__card:nth-child(3) { padding-left:0; } .sumate-path__card:nth-child(4) { border-right:0; }
  .sumate-plan__cards { grid-template-columns:1fr; } .sumate-causes::before { inset:0; clip-path:none; } .sumate-causes__inner { gap:20px; padding-block:58px; } .sumate-causes__list { grid-template-columns:repeat(3,1fr); } .sumate-form__heading { position:static; } .sumate-values__grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 560px) {
  .sumate-hero { min-height:650px; background-position:62% center; } .sumate-hero__inner { padding-bottom:80px; } .sumate-hero h1 { font-size:72px; } .sumate-hero__lede { font-size:15px; max-width:350px; } .sumate-actions { gap:10px; } .sumate-actions .btn { width:100%; } .sumate-scroll { display:none; }
  .sumate-stat { min-height:94px; padding:14px; gap:10px; } .sumate-stat__icon { width:39px;height:39px;flex-basis:39px;font-size:17px; } .sumate-stat strong { font-size:19px; } .sumate-stat span { font-size:9px; }
  .sumate-section__intro h2,.sumate-callout h2,.sumate-form__heading h2 { font-size:49px; } .sumate-story { margin-top:34px; } .sumate-story__copy h3 { font-size:42px; } .sumate-path__grid { margin-top:32px; } .sumate-path__card,.sumate-path__card:not(:first-child) { padding:16px 16px 20px 0; } .sumate-path__card:nth-child(even) { padding-left:16px; } .sumate-path__number { right:10px;font-size:45px; } .sumate-path__card h3 { font-size:25px; } .sumate-path__card p { font-size:11px; }
  .sumate-causes__list { grid-template-columns:1fr; } .sumate-cause { min-height:150px; } .sumate-values__grid { grid-template-columns:repeat(2,1fr); } .sumate-value { min-height:100px; } .sumate-form-grid { grid-template-columns:1fr; } .sumate-field--wide { grid-column:auto; } .sumate-form-card h3 { font-size:34px; }
}
@media (prefers-reduced-motion: reduce) { .sumate-scroll span { animation:none; } [data-sumate-reveal] { opacity:1; transform:none; } .sumate-avatar,.sumate-cause,.sumate-value { transition:none; } }