.agreements-page{background:#faf9fc}
.agreements-hero{padding:82px 0;background:radial-gradient(circle at 88% 30%,#ffffff17 0 115px,transparent 117px),linear-gradient(135deg,#090957,#1818a0)}
.agreements-eyebrow{margin:0 0 8px!important;color:var(--serca-gold);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.agreements-hero h1{font-size:52px}
.agreements-hero .container>p:last-child{max-width:830px;margin:14px 0 0;color:#ffffffdf;font-size:19px}
.agreements-section{padding-top:54px}
.agreements-intro{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin-bottom:30px;padding:27px 30px;border:1px solid #e5e3ed;border-radius:16px;background:#fff;box-shadow:0 13px 35px #1010840d}
.agreements-intro>div{display:flex;align-items:baseline;gap:10px;color:var(--serca-blue)}
.agreements-intro strong{font-size:44px;line-height:1}
.agreements-intro span{max-width:100px;font-size:13px;font-weight:700;line-height:1.2;text-transform:uppercase}
.agreements-intro p{margin:0;max-width:850px;color:#625f6d}
.agreements-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.agreements-filters button{padding:9px 15px;border:1px solid #d9d7e4;border-radius:20px;background:#fff;color:var(--serca-blue);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.agreements-filters button:hover{transform:translateY(-2px)}
.agreements-filters button.is-active{border-color:var(--serca-blue);background:var(--serca-blue);color:#fff}
.agreements-count{margin:0 0 22px;color:#777382;font-size:13px}
.agreements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.agreement-card{--accent:#1769aa;position:relative;min-height:275px;margin:0!important;padding:27px 25px;border:1px solid #e6e4ec;border-top:4px solid var(--accent);border-radius:15px;background:#fff;box-shadow:0 10px 28px #1010840b;transition:opacity .35s ease,transform .35s ease,box-shadow .2s ease}
.agreement-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #10108418}
.agreement-card.training{--accent:#1769aa}
.agreement-card.inclusion{--accent:#7c3aed}
.agreement-card.sustainability{--accent:#168052}
.agreement-card.social{--accent:#c44566}
.agreement-card.is-hidden{display:none}
.agreement-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:18px;border-radius:16px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white)}
.agreement-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.agreement-type{display:block;margin:0 0 7px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.agreement-card h2{margin:0 0 11px!important;color:var(--serca-blue);font-size:19px;line-height:1.35}
.agreement-card p{margin:0;max-width:none;color:#666371;font-size:14.5px;line-height:1.6}
.conv-reveal{opacity:0;transform:translateY(20px)}
.conv-reveal.is-visible{opacity:1;transform:none}
.agreements-intro.conv-reveal,.agreements-filters.conv-reveal{transition:opacity .55s ease,transform .55s ease}
.agreement-card.conv-reveal{transition:opacity .55s ease,transform .55s ease,box-shadow .2s ease}
@media(max-width:1000px){.agreements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.agreements-hero h1{font-size:44px}
}
@media(max-width:650px){.agreements-hero{padding:62px 0}
.agreements-hero h1{font-size:36px}
.agreements-intro{grid-template-columns:1fr;gap:15px;padding:24px}
.agreements-grid{grid-template-columns:1fr}
.agreement-card{min-height:0}
.agreements-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
.agreements-filters button{flex:0 0 auto}
}
@media(prefers-reduced-motion:reduce){.conv-reveal{opacity:1;transform:none}
.agreement-card,.agreements-filters button{transition:none}
}

/* Logotipos originales 2.3 */
.agreement-card{min-height:410px;padding:0 25px 27px;overflow:hidden}
.agreement-media{display:grid;place-items:center;height:145px;margin:0 -25px 20px;padding:18px 25px;border-bottom:1px solid #eceaf0;background:linear-gradient(145deg,#fff,#f6f5f9)}
.agreement-media img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:650px){.agreement-card{min-height:0}.agreement-media{height:155px}}

/* Mismo criterio visual que Responsabilidad Social */
.agreement-card{display:flex;flex-direction:column;min-height:430px;padding:0 25px 27px;overflow:hidden}
.agreement-media{flex:0 0 190px;height:190px;margin:0 -25px 20px;padding:15px 22px;overflow:hidden;background:#f8f7fb}
.agreement-media img{display:block;width:auto;height:auto;max-width:86%;max-height:160px;object-fit:contain}
.agreement-type,.agreement-card h2,.agreement-card p{position:relative;z-index:2}
.agreement-card h2{min-height:51px}
.agreement-card p{margin-top:0}
@media(max-width:1000px){.agreement-card{min-height:410px}.agreement-media{flex-basis:180px;height:180px}.agreement-media img{max-height:150px}}
@media(max-width:650px){.agreement-card{min-height:0}.agreement-media{flex-basis:180px;height:180px;margin-bottom:18px}.agreement-card h2{min-height:0}.agreement-card p{margin-top:0}}