/* ===== Company Page — empresa.css ===== */
/* TKT design system: #080E1C dark, #046DED blue, #DEFB00 yellow */

/* ===== Hero override — taller, more statement ===== */
.co-hero { padding: 180px 0 120px; }
.co-hero .page-hero-content h1 {
    font-size: 56px;
}

/* ===== Metrics strip ===== */
.co-metrics {
    background: var(--bg-dark-2);
    border-top: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    padding: 64px 0;
}
.co-metrics-grid {
    display: grid; grid-template-columns: repeat(5, 1fr);
    gap: 1px; background: var(--border-dark);
    border: 1px solid var(--border-dark);
}
.co-metric {
    background: var(--bg-dark-2); padding: 40px 28px; text-align: center;
}
.co-metric-num {
    font-family: var(--font-display); font-size: 40px; font-weight: 800;
    color: var(--text-white); margin-bottom: 10px; letter-spacing: -0.04em;
    line-height: 1;
}
.co-metric-num.accent { color: var(--accent-yellow); }
.co-metric-label {
    font-size: 13px; line-height: 1.5; color: rgba(255,255,255,0.45);
}

/* ===== Mission & Vision ===== */
.co-mission {
    background: var(--bg-dark);
    border-bottom: 1px solid var(--border-dark);
    padding: 96px 0;
}
.co-mission-grid {
    display: grid; grid-template-columns: 1fr auto 1fr; gap: 0;
    border: 1px solid var(--border-dark);
}
.co-mission-block { padding: 56px 48px; }
.co-mission-divider {
    width: 1px; background: var(--border-dark);
}
.co-mission-tag {
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.1em; color: var(--accent-blue);
    margin-bottom: 24px; display: block;
}
.co-mission-block p {
    font-size: 17px; line-height: 1.75; color: rgba(255,255,255,0.65);
    margin-bottom: 16px;
}
.co-mission-block p:last-child { margin-bottom: 0; }

/* ===== Timeline ===== */
.co-timeline {
    background: var(--bg-dark-2);
    border-bottom: 1px solid var(--border-dark);
    padding: 96px 0;
}
.co-section-title {
    font-family: var(--font-display);
    font-size: 40px; font-weight: 700; line-height: 1.1;
    letter-spacing: -0.025em; color: var(--text-white);
    margin-bottom: 56px;
}
.co-section-title--dark { color: #060F1E; }

.timeline-list { display: flex; flex-direction: column; gap: 0; }
.timeline-item {
    display: grid; grid-template-columns: 120px 1fr;
    gap: 0; border-top: 1px solid var(--border-dark);
    padding: 48px 0;
}
.timeline-item:last-child { border-bottom: 1px solid var(--border-dark); }
.timeline-year {
    font-family: var(--font-display); font-size: 14px; font-weight: 700;
    color: var(--accent-blue); letter-spacing: 0.02em; padding-top: 4px;
}
.timeline-content h3 {
    font-family: var(--font-display); font-size: 20px; font-weight: 700;
    color: var(--text-white); margin-bottom: 12px; letter-spacing: -0.015em;
}
.timeline-content p {
    font-size: 15px; line-height: 1.75; color: rgba(255,255,255,0.6);
    max-width: 680px;
}

/* ===== Values ===== */
.co-values {
    background: #F7F8FA;
    border-bottom: 1px solid #E4E7EC;
    padding: 96px 0;
}
.co-values .section-label { color: var(--accent-blue); }
.co-values-grid {
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 1px; background: #D1D5DB;
    border: 1px solid #D1D5DB;
}
.co-value-card {
    background: white; padding: 40px 36px;
    transition: background 0.2s;
}
.co-value-card:hover { background: #F9FAFB; }
.co-value-icon {
    width: 44px; height: 44px; background: rgba(4,109,237,0.08);
    border-radius: 10px; display: flex; align-items: center;
    justify-content: center; color: var(--accent-blue); margin-bottom: 20px;
}
.co-value-card h3 {
    font-family: var(--font-display); font-size: 18px; font-weight: 700;
    color: #111827; margin-bottom: 12px; line-height: 1.3;
    letter-spacing: -0.015em;
}
.co-value-card p { font-size: 14px; line-height: 1.75; color: #4B5563; }

/* ===== Expertise ===== */
.co-expertise {
    background: var(--bg-dark);
    border-bottom: 1px solid var(--border-dark);
    padding: 96px 0;
}
.co-expertise-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 80px; align-items: start;
}
.co-expertise-text .section-label { display: block; margin-bottom: 20px; }
.co-expertise-text h2 {
    font-family: var(--font-display); font-size: 36px; font-weight: 700;
    color: var(--text-white); margin-bottom: 24px; line-height: 1.15;
    letter-spacing: -0.025em;
}
.co-expertise-text p {
    font-size: 17px; line-height: 1.75; color: rgba(255,255,255,0.65);
    margin-bottom: 16px;
}
.co-expertise-pillars { display: flex; flex-direction: column; gap: 0; }
.co-pillar {
    display: flex; gap: 20px; align-items: flex-start;
    padding: 28px 0; border-bottom: 1px solid var(--border-dark);
}
.co-pillar:first-child { border-top: 1px solid var(--border-dark); }
.co-pillar-num {
    font-size: 11px; font-weight: 700; color: var(--accent-blue);
    letter-spacing: 0.08em; flex-shrink: 0; padding-top: 3px; min-width: 24px;
}
.co-pillar h4 {
    font-size: 15px; font-weight: 600; color: var(--text-white);
    margin-bottom: 6px; line-height: 1.4;
}
.co-pillar p { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.5); }

/* ===== Clients by sector ===== */
.co-clients {
    background: white;
    border-bottom: 1px solid #E4E7EC;
    padding: 96px 0;
}
.co-clients .section-label { color: var(--accent-blue); }
.co-clients-sub {
    font-size: 17px; color: #4B5563; margin-bottom: 56px; line-height: 1.6;
}
.co-sectors-grid {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 1px; background: #E4E7EC;
    border: 1px solid #E4E7EC;
}
.co-sector {
    background: white; padding: 28px 24px;
    transition: background 0.2s;
}
.co-sector:hover { background: #F9FAFB; }
.co-sector-name {
    font-size: 12px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.08em; color: var(--accent-blue); margin-bottom: 10px;
}
.co-sector-clients {
    font-size: 13px; line-height: 1.65; color: #4B5563;
}

/* ===== Partners ===== */
.co-partners {
    background: var(--bg-dark-2);
    border-bottom: 1px solid var(--border-dark);
    padding: 96px 0;
}
.co-partners-inner {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 80px; align-items: center;
}
.co-partners-text .section-label { display: block; margin-bottom: 20px; }
.co-partners-text h2 {
    font-family: var(--font-display); font-size: 32px; font-weight: 700;
    color: var(--text-white); margin-bottom: 20px; line-height: 1.2;
    letter-spacing: -0.025em;
}
.co-partners-text p {
    font-size: 16px; line-height: 1.75; color: rgba(255,255,255,0.6);
}
.co-partners-list {
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 1px; background: var(--border-dark);
    border: 1px solid var(--border-dark);
}
.co-partner {
    background: var(--bg-dark-2); padding: 28px 24px;
    font-family: var(--font-display); font-size: 16px; font-weight: 600;
    color: var(--text-white); letter-spacing: -0.01em;
    transition: background 0.2s;
}
.co-partner:hover { background: rgba(255,255,255,0.04); }

/* ===== Global presence ===== */
.co-global {
    background: #F7F8FA;
    border-bottom: 1px solid #E4E7EC;
    padding: 96px 0;
}
.co-global .section-label { color: var(--accent-blue); }
.co-global-sub {
    font-size: 17px; color: #4B5563; margin-bottom: 56px; line-height: 1.6;
    max-width: 600px;
}
.co-hubs {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 1px; background: #D1D5DB;
    border: 1px solid #D1D5DB;
}
.co-hub {
    background: white; padding: 40px 32px; text-align: center;
    transition: background 0.2s;
}
.co-hub:hover { background: #F9FAFB; }
.co-hub-flag { font-size: 36px; margin-bottom: 16px; line-height: 1; }
.co-hub-city {
    font-family: var(--font-display); font-size: 22px; font-weight: 700;
    color: #111827; margin-bottom: 8px; letter-spacing: -0.02em;
}
.co-hub-label { font-size: 13px; color: #6B7280; }

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .co-metrics-grid { grid-template-columns: repeat(3, 1fr); }
    .co-mission-grid { grid-template-columns: 1fr; }
    .co-mission-divider { width: auto; height: 1px; }
    .co-expertise-grid { grid-template-columns: 1fr; gap: 48px; }
    .co-partners-inner { grid-template-columns: 1fr; gap: 48px; }
    .co-sectors-grid { grid-template-columns: repeat(2, 1fr); }
    .co-hubs { grid-template-columns: repeat(2, 1fr); }
    .co-values-grid { grid-template-columns: 1fr; }
    .co-section-title { font-size: 32px; }
    .co-hero .page-hero-content h1 { font-size: 44px; }
    .timeline-item { grid-template-columns: 80px 1fr; }
}
@media (max-width: 768px) {
    .co-metrics-grid { grid-template-columns: repeat(2, 1fr); }
    .co-sectors-grid { grid-template-columns: 1fr; }
    .co-hubs { grid-template-columns: 1fr 1fr; }
    .co-partners-list { grid-template-columns: 1fr; }
    .co-section-title { font-size: 26px; }
    .co-hero .page-hero-content h1 { font-size: 34px; }
    .timeline-item { grid-template-columns: 1fr; gap: 8px; }
    .timeline-year { padding-top: 0; }
}