Contact us
Request information
Head Office: Valencia
Paseo de las Facultades 1, 46021 – Valencia
Our offices
:root {
--cps-navy: #1a1f5e;
--cps-light: #f4f6fb;
--cps-font: 'DM Sans', sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
.offices-section { font-family: var(--cps-font); padding: 2rem 0; }
.tab-nav {
display: flex;
justify-content: center;
gap: 8px;
margin-bottom: 2rem;
flex-wrap: wrap;
}
.tab-btn {
flex: 0 0 auto;
padding: 10px 22px;
font-size: 14px;
font-weight: 500;
font-family: var(--cps-font);
color: rgba(255,255,255,0.75);
background: var(--cps-navy);
border: none;
border-radius: 10px 10px 0 0;
cursor: pointer;
white-space: nowrap;
opacity: 0.55;
transition: opacity 0.15s;
}
.tab-btn:hover { opacity: 0.8; }
.tab-btn.active { opacity: 1; color: #ffffff; }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.offices-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 16px;
align-items: start;
}
.offices-grid.single {
display: flex;
justify-content: center;
}
.offices-grid.single .office-card {
width: 100%;
max-width: 340px;
}
.office-card {
background: #ffffff;
border: 1px solid #dde1f0;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.card-header {
background: var(--cps-navy);
padding: 14px 18px;
display: flex;
align-items: center;
gap: 10px;
}
.card-header .city {
font-size: 16px;
font-weight: 500;
color: #ffffff;
font-family: var(--cps-font);
}
.card-header .badge {
font-size: 10px;
font-weight: 500;
font-family: var(--cps-font);
background: rgba(255,255,255,0.2);
color: rgba(255,255,255,0.9);
padding: 2px 8px;
border-radius: 20px;
letter-spacing: 0.04em;
}
.card-body {
padding: 16px 18px;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.info-row {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
font-family: var(--cps-font);
color: #555;
}
.info-row svg {
width: 15px;
height: 15px;
flex-shrink: 0;
margin-top: 2px;
color: #999;
}
.info-row a { color: var(--cps-navy); text-decoration: none; }
.info-row a:hover { text-decoration: underline; }
.info-row span { line-height: 1.4; }
.card-footer { padding: 0 18px 16px; margin-top: auto; }
.directions-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 9px 16px;
font-size: 13px;
font-weight: 500;
font-family: var(--cps-font);
color: var(--cps-navy);
background: var(--cps-light);
border: 1px solid #d0d5e8;
border-radius: 6px;
cursor: pointer;
text-decoration: none;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.directions-btn .btn-icon { display: flex; align-items: center; flex-shrink: 0; }
.directions-btn .btn-icon svg { width: 14px; height: 14px; color: var(--cps-navy); transition: color 0.15s; }
.directions-btn:hover { background: var(--cps-navy); color: #ffffff; border-color: var(--cps-navy); }
.directions-btn:hover .btn-icon svg { color: #ffffff; }
/* Para ocultar cualquier elemento: añade la clase "hidden" */
.hidden { display: none !important; }
@media (max-width: 600px) {
.offices-grid { grid-template-columns: 1fr; }
.offices-grid.single .office-card { max-width: 100%; }
}
@media (min-width: 768px) {
.tab-btn { font-size: 18px; }
}
function switchTab(btn, panelId) {
document.querySelectorAll('.tab-btn').forEach(b => {
b.classList.remove('active');
b.setAttribute('aria-selected','false');
});
document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
btn.classList.add('active');
btn.setAttribute('aria-selected','true');
document.getElementById(panelId).classList.add('active');
}
ValenciaHeadquarters
Madrid
Seville
Zaragoza
Alicante
Gothenburg
Mexico City
Bogotá
Lima
