/* ── HERO QUIÉN SOY ── */
.quien-soy-hero {
    /* Sustituir por: background-image: url('img/hero-quiensoy.webp'); */
    background-color: #2a1a10;
}

/* ── TRAYECTORIA ── */
.quien-soy-trayectoria {
    background: var(--dark);
    padding: 90px 8%;
}

.trayectoria-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.trayectoria-intro {
    font-family: 'Marcellus', Georgia, serif;
    font-size: 0.97rem;
    line-height: 1.85;
    color: var(--sand);
    margin-bottom: 50px;
    max-width: 720px;
}

.trayectoria-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.trayectoria-item h3 {
    font-family: 'Cinzel';
    font-size: 0.9rem;
    letter-spacing: 1px;
    color: var(--gold);
    margin-bottom: 10px;
}

.trayectoria-item p {
    font-family: 'Marcellus', Georgia, serif;
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--sand);
    opacity: 0.85;
}

.trayectoria-img {
    width: 100%;
    height: 180px;
    background: var(--dark-mid);
    margin-bottom: 18px;
    /* Sustituir por: background-image: url('img/X.webp'); background-size: cover; */
}

.trayectoria-inner .greek-heading {
    color: var(--crema);
    margin-bottom: 24px;
}

/* ── QUÉ ENCONTRARÁS ── */
.quien-soy-web {
    background: var(--sand-light);
    padding: 90px 8%;
}

.quien-soy-web-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.quien-soy-web-inner p {
    font-family: 'Marcellus', Georgia, serif;
    font-size: 0.97rem;
    line-height: 1.85;
    color: var(--dark);
    margin-bottom: 50px;
    max-width: 720px;
}

.quien-soy-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.quien-soy-link {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 30px;
    background: var(--crema);
    border: 1px solid var(--sand);
    border-bottom: 3px solid var(--gold);
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.quien-soy-link:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(43,29,22,0.12);
}

.quien-soy-link-titulo {
    font-family: 'Cinzel';
    font-size: 0.9rem;
    letter-spacing: 2px;
    color: var(--terracotta);
    text-transform: uppercase;
}

.quien-soy-link-desc {
    font-family: 'Marcellus', Georgia, serif;
    font-size: 0.85rem;
    color: var(--dark-mid);
    line-height: 1.5;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
    .trayectoria-grid,
    .quien-soy-links {
        grid-template-columns: 1fr;
    }
}