.pcb-wrap {
–pcb-bg1: #f4f8fc;
–pcb-bg2: #eaf2fb;
–pcb-card: #ffffff;
–pcb-text: #17324d;
–pcb-muted: #5f7893;
–pcb-line: #d8e4f2;
–pcb-blue: #1f6fb2;
–pcb-blue-dark: #114a79;
–pcb-blue-soft: #edf5fd;
–pcb-shadow: 0 10px 28px rgba(17, 74, 121, 0.10);
–pcb-radius: 18px;
}
.pcb-wrap *,
.pcb-wrap *::before,
.pcb-wrap *::after {
box-sizing: border-box;
}
.pcb-wrap {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, sans-serif;
color: var(–pcb-text);
width: min(1400px, calc(100% – 32px));
margin: 28px auto 48px;
}
.pcb-hero {
background: linear-gradient(135deg, #0f4d80 0%, #1b70b6 55%, #4a99d4 100%);
color: white;
border-radius: 24px;
padding: 28px 30px;
box-shadow: var(–pcb-shadow);
position: relative;
overflow: hidden;
}
.pcb-hero::after {
content: “”;
position: absolute;
inset: auto -40px -50px auto;
width: 220px;
height: 220px;
background: rgba(255, 255, 255, 0.10);
border-radius: 50%;
filter: blur(4px);
}
.pcb-title {
margin: 0 0 8px;
font-size: clamp(1.8rem, 3vw, 2.6rem);
line-height: 1.1;
font-weight: 800;
letter-spacing: -0.02em;
position: relative;
z-index: 1;
}
.pcb-sub {
margin: 0;
max-width: 850px;
color: rgba(255, 255, 255, 0.92);
font-size: 1rem;
position: relative;
z-index: 1;
}
.pcb-toolbar {
margin-top: 20px;
display: grid;
grid-template-columns: 1fr auto;
gap: 14px;
align-items: center;
position: relative;
z-index: 1;
}
.pcb-search {
position: relative;
}
.pcb-search input {
width: 100%;
border: none;
outline: none;
padding: 16px 18px 16px 48px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.96);
color: var(–pcb-text);
font-size: 1rem;
box-shadow: 0 6px 20px rgba(10, 31, 58, 0.12);
}
.pcb-search svg {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
fill: #5d7d9e;
pointer-events: none;
}
.pcb-count {
white-space: nowrap;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.18);
color: white;
padding: 12px 14px;
border-radius: 14px;
font-weight: 600;
text-align: center;
min-width: 150px;
}
.pcb-results {
margin-top: 22px;
display: grid;
gap: 14px;
}
.pcb-project {
background: var(–pcb-card);
border: 1px solid var(–pcb-line);
border-radius: var(–pcb-radius);
box-shadow: var(–pcb-shadow);
padding: 18px 20px;
display: grid;
grid-template-columns: 2.3fr 1fr 1.2fr 0.9fr 1.4fr;
gap: 16px;
align-items: start;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.pcb-project:hover {
transform: translateY(-2px);
box-shadow: 0 14px 30px rgba(17, 74, 121, 0.13);
}
.pcb-cell {
min-width: 0;
}
.pcb-label {
display: inline-block;
margin-bottom: 7px;
font-size: 0.73rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–pcb-blue);
background: var(–pcb-blue-soft);
padding: 6px 9px;
border-radius: 999px;
}
.pcb-value {
font-size: 0.98rem;
line-height: 1.42;
color: var(–pcb-text);
word-break: break-word;
}
.pcb-titulo .pcb-value {
font-weight: 700;
font-size: 1.03rem;
}
.pcb-muted {
color: var(–pcb-muted);
}
.pcb-empty {
text-align: center;
background: rgba(255, 255, 255, 0.7);
border: 1px dashed var(–pcb-line);
color: var(–pcb-muted);
padding: 28px 20px;
border-radius: 18px;
display: none;
font-weight: 600;
}
@media (max-width: 1150px) {
.pcb-project {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.pcb-wrap {
width: min(100%, calc(100% – 20px));
margin-top: 16px;
}
.pcb-hero {
padding: 22px 18px;
border-radius: 20px;
}
.pcb-toolbar {
grid-template-columns: 1fr;
}
.pcb-count {
min-width: 0;
}
.pcb-project {
grid-template-columns: 1fr;
padding: 16px;
gap: 14px;
}
}
Proxectos do centro
Buscador integrado para localizar proxectos por título, acrónimo, IP, período ou organismo financiador.
Non se atoparon proxectos que coincidan coa busca.
Título
${escapeHtml(item.titulo) || ‘—‘}
Acrónimo
${escapeHtml(item.acronimo) || ‘—‘}
IP
${escapeHtml(item.ip) || ‘—‘}
Período
${escapeHtml(item.periodo) || ‘—‘}
Organismo financiador
${escapeHtml(item.organismo) || ‘—‘}