/* =====================================================================
   Innatial · web · Ayudas / Fondos públicos (pages/funds.html). Prefijo fd-.
   Dueño: el agente de páginas. Carteles y logos de fondos europeos: obligación legal de publicidad.
   Se ven ENTEROS: nada de object-fit, recortes, filtros ni máscaras sobre ellos.
   ===================================================================== */

/* ---------- cabecera ---------- */
.page-funds .fd-hero{background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.055) 1.2px,transparent 1.8px);background-size:10px 10px}
.page-funds .fd-hero .halo{--halo:clamp(520px,64vw,1180px);right:-22%;top:-38%}
.page-funds .fd-hgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
@media (min-width:900px){ .page-funds .fd-hgrid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)} }
.page-funds .fd-hero .mega{max-width:none}
.page-funds .fd-hero .mega .ln + .ln{margin-top:.02em}

/* bandera UE: entera, recta y en sus proporciones (emblema oficial: no se gira ni se deforma); la órbita de doce puntos gira al bajar (page-funds.js) */
.page-funds .fd-mark{position:relative;width:clamp(200px,58vw,320px);aspect-ratio:1/1;justify-self:start}
@media (min-width:900px){ .page-funds .fd-mark{width:clamp(280px,30vw,500px);justify-self:end} }
.page-funds .fd-markin{position:absolute;inset:0}
.page-funds .fd-markin::before{content:"";position:absolute;inset:-6%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(46,59,255,.34),rgba(46,59,255,.08) 62%,transparent 78%)}
.page-funds .fd-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.page-funds .fd-ring-l{fill:none;stroke:rgba(140,149,255,.4);stroke-width:1.2;stroke-dasharray:2 7}
.page-funds .fd-ring-d circle{fill:var(--cobalt-hi)}
html.js:not(.lite):not(.reduce) .page-funds .fd-ring{will-change:transform}
.page-funds .fd-flag{position:absolute;left:50%;top:50%;width:64%;margin:0;transform:translate(-50%,-50%);
  box-shadow:0 34px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(242,239,232,.16)}
.page-funds .fd-flag img{width:100%;height:auto}

/* texto legal + índice de proyectos */
.page-funds .fd-intro{margin-top:clamp(36px,5vw,80px)}
.page-funds .fd-lead{max-width:68ch;color:rgba(242,239,232,.86)}
.page-funds .fd-toc{margin-top:clamp(36px,4.5vw,72px)}
.page-funds .fd-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line);counter-reset:fd}
@media (min-width:640px){ .page-funds .fd-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,48px)} }
@media (min-width:1024px){ .page-funds .fd-toc ol{grid-template-columns:repeat(3,minmax(0,1fr))} }
.page-funds .fd-toc li{counter-increment:fd;border-bottom:1px solid var(--line)}
.page-funds .fd-toc a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:baseline;gap:4px 10px;padding:16px 4px 15px 0;text-decoration:none;color:var(--chalk)}
.page-funds .fd-toc a::before{content:counter(fd,decimal-leading-zero);grid-row:1/3;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--cobalt-hi)}
.page-funds .fd-toc a::after{content:"↓";grid-row:1/3;grid-column:3;font-family:var(--f-mono);font-size:14px;color:var(--mute);transition:transform .3s var(--ease),color .3s ease}
.page-funds .fd-toc b{font-weight:600;font-size:var(--fs-small);line-height:1.3}
.page-funds .fd-toc span{grid-column:2;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.page-funds .fd-toc a:hover b{color:var(--cobalt-hi)}
.page-funds .fd-toc a:hover::after{transform:translateY(3px);color:var(--cobalt-hi)}

/* ---------- proyectos ---------- */
.page-funds .fd-body{padding-top:0}
.page-funds .fd-item{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,48px);padding-block:clamp(48px,6.5vw,112px);border-bottom:1px solid var(--line);scroll-margin-top:var(--hd-h)}
.page-funds .fd-item:last-child{border-bottom:0;padding-bottom:0}
/* base antes de la MQ: con la misma especificidad, la regla que va detrás gana (antes le quitaba el sticky al escritorio) */
.page-funds .fd-side{position:relative}
@media (min-width:1024px){
  .page-funds .fd-item{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);align-items:start}
  .page-funds .fd-side{position:sticky;top:calc(var(--hd-h) + 40px)}
}
.page-funds .fd-num{display:block;width:max-content;font-family:var(--f-num);font-weight:900;font-size:clamp(64px,8vw,160px);line-height:.8;letter-spacing:.01em;
  color:transparent;-webkit-text-stroke:1.5px rgba(140,149,255,.6);margin-bottom:clamp(16px,2vw,28px)}
.page-funds .fd-h{margin-top:12px;font-family:var(--f-disp);font-weight:900;text-transform:uppercase;font-size:clamp(30px,2.9vw,56px);line-height:.92;letter-spacing:.005em;text-wrap:balance}
.page-funds .fd-go{margin-top:clamp(20px,2vw,32px)}

/* lámina: el cartel tal cual, sobre blanco, con el filo iridiscente de la casa */
.page-funds .fd-fig{position:relative;margin:0;background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 40px 100px -46px rgba(46,59,255,.7),0 0 0 1px rgba(242,239,232,.1)}
.page-funds .fd-fig::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--foil);z-index:2;pointer-events:none}
.page-funds .fd-small .fd-fig{max-width:900px}
.page-funds .fd-zoom{display:block;cursor:zoom-in}
.page-funds .fd-zoom img{width:100%;height:auto}
.page-funds .fd-zoom:focus-visible{outline-offset:-4px}
/* «Ver cartel»: franja bajo el cartel (no tapa nada del cartel oficial) que indica que se abre a tamaño completo; al pasar, cobalto */
.page-funds .fd-zv{display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:10px 14px 9px;border-top:1px solid rgba(10,10,12,.12);background:#fff;
  font-family:var(--f-mono);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--ink);transition:color .25s ease,background-color .25s ease}
.page-funds .fd-zv i{font-style:normal}
.page-funds .fd-zoom:hover .fd-zv,.page-funds .fd-zoom:focus-visible .fd-zv{background:var(--cobalt);color:var(--chalk)}

/* Kit Consulting: logos oficiales sobre blanco */
.page-funds .fd-logos{padding:clamp(28px,4.5vw,72px) clamp(18px,3vw,48px)}
.page-funds .fd-logos-in{display:grid;justify-items:center;gap:clamp(24px,3.2vw,48px)}
.page-funds .fd-logos img{width:auto;height:auto;max-width:100%}
.page-funds .fd-kc{max-height:clamp(70px,7.4vw,124px)}
.page-funds .fd-pair{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,3vw,56px);max-width:100%}
.page-funds .fd-pair img{max-height:clamp(46px,4.6vw,78px)}

@media print{
  .page-funds .fd-fig{box-shadow:none;break-inside:avoid}
  .page-funds .fd-side{position:static}
}

/* móvil (<600): el texto informativo no baja de 12 px (los 11 px quedan para la numeración decorativa) */
@media (max-width:599px){ .page-funds .fd-toc span{font-size:12px} }