/* Footer oscuro — Fundación Vive Más */
.vm-footer{position:relative;background:#0f2a25;color:#a9c0ba;padding:5rem 0 2.5rem;font-family:"Lexend Variable","Lexend",sans-serif;overflow:hidden}
.vm-wrap{max-width:70rem;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.vm-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:4rem}
@media (min-width:768px){.vm-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.vm-grid{grid-template-columns:1.35fr .7fr .7fr 1.35fr;gap:3rem 4rem}}
.vm-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}
.vm-brand img{filter:brightness(0) invert(1)}
.vm-brand span{font-family:"Fraunces",Georgia,serif;font-variation-settings:"SOFT" 60;font-weight:650;font-size:1.45rem;color:#fff;letter-spacing:-.01em}
.vm-about{font-weight:300;line-height:1.7;margin:0 0 1.5rem;max-width:26rem}
.vm-social{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;transition:background-color .25s,color .25s}
.vm-social:hover{background:#01bca3;color:#0f2320}
.vm-footer h4{color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.4rem}
.vm-links{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.vm-footer a{transition:color .2s}
.vm-footer a:hover{color:#01bca3}
.vm-contact{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.875rem}
.vm-contact li{display:flex;align-items:center;gap:.5rem;min-width:0}
.vm-contact li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vm-contact .material-symbols-outlined{font-size:1rem;color:#01bca3;flex:none}
.vm-contact .vm-role{color:#fff;font-weight:700;font-size:.8rem;margin-top:.35rem}
.vm-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.25rem;font-size:.85rem;color:#7f9a93;text-align:center}
.vm-bottom p{margin:0}
.vm-bottom a{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem}
.vm-bottom .material-symbols-outlined{font-size:.9rem}
@media (min-width:768px){.vm-bottom{flex-direction:row;text-align:left}}