/* Velvet · carteles de las subvenciones: cajita minimalista con los dos en pequeño (uno encima de otro)
   y la foto en grande en una ventana emergente al pulsar. Usa el color del texto del pie donde esté. */
.ayudas{display:flex; flex-direction:column; align-items:stretch; gap:.55rem; width:max-content; max-width:100%;
  padding:.8rem; border:1px solid currentColor; border-color:color-mix(in srgb, currentColor 28%, transparent); border-radius:14px; font-family:inherit}
.ayudas__tit{margin:0 0 .1rem; font-size:.66rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; opacity:.7}
.ayudas__img{display:block; width:132px; border-radius:8px; overflow:hidden; background:#fff; cursor:zoom-in; line-height:0;
  box-shadow:0 0 0 1px rgba(0,0,0,.06); transition:transform .35s cubic-bezier(.34,1.45,.64,1), box-shadow .25s}
.ayudas__img img{width:100%; height:auto; display:block; transform:none !important}
.ayudas__img:hover{transform:translateY(-2px) scale(1.03); box-shadow:0 10px 22px -12px rgba(0,0,0,.55)}
.ayudas__img:focus-visible{outline:2px solid #E7BF49; outline-offset:3px}
/* sitio dentro de cada pie */
@media (min-width:900px){ .pie__cols{grid-template-columns:1.5fr 1fr 1fr 1fr auto} }
.pie__cols .ayudas{justify-self:end; align-self:start}
.cfoot .ayudas, .wrap > .ayudas{margin:1.6rem 0 1.2rem auto}
@media (max-width:899px){ .pie__cols .ayudas{grid-column:1 / -1; justify-self:start} }

/* ventana emergente */
.ayuda-pop{margin:auto; inset:0; position:fixed; border:0; padding:0; background:transparent; max-width:min(92vw,820px); max-height:92vh; overflow:visible}
.ayuda-pop::backdrop{background:rgba(6,20,17,.82); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px)}
.ayuda-pop img{display:block; max-width:min(92vw,820px); max-height:86vh; width:auto; height:auto; border-radius:12px; background:#fff; box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.ayuda-pop__x{position:absolute; top:-14px; right:-14px; width:42px; height:42px; border-radius:50%; border:0; cursor:pointer;
  background:#E7BF49; color:#103029; font-size:1.3rem; font-weight:700; line-height:1; box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.ayuda-pop__x:hover{transform:scale(1.08)}
@media (prefers-reduced-motion:no-preference){
  .ayuda-pop[open]{animation:ayudaAbre .35s cubic-bezier(.34,1.45,.64,1)}
  @keyframes ayudaAbre{from{opacity:0; transform:scale(.92)}}
}
@media (max-width:560px){ .ayuda-pop__x{top:-10px; right:-6px} }