/* Quiénes somos — Hero — #about_hero */

#about_hero {
    position: relative;
    overflow: hidden;
    background: #16130f;
}

#about_hero .mgx-about-hero-002 {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(104deg,transparent 38%,rgba(196,188,176,.09) 39.4%,rgba(196,188,176,.03) 41%,transparent 42%),linear-gradient(96deg,transparent 62%,rgba(196,188,176,.07) 63%,transparent 64.6%),radial-gradient(135% 105% at 88% 4%,#3b342c 0%,#241f1a 48%,#16130f 100%);
}

#about_hero .mgx-about-hero-003 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent) 34%,var(--mg-gold) 34%,var(--mg-gold) 46%,rgba(217,212,204,.16) 46%);
}

#about_hero .mgx-about-hero-004 {
    position: relative;
    max-width: 1320px;
    margin: 0 auto;
    padding: clamp(26px,3vw,40px) clamp(20px,5vw,56px) clamp(48px,6.4vw,92px);
}

#about_hero .mgx-about-hero-005 {
    display: flex;
    align-items: center;
    gap: 10px;
    font: 400 12px var(--font-body);
    color: rgba(217,212,204,.72);
    margin-bottom: clamp(40px,6vw,88px);
}

#about_hero .mgx-about-hero-006 {
    color: rgba(217,212,204,.72);
    text-decoration: none;
}

#about_hero .mgx-about-hero-007 {
    color: #e8e4dd;
}

#about_hero .mgx-about-hero-008 {
    max-width: 64ch;
}

#about_hero .mgx-about-hero-009 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: clamp(22px,2.6vw,34px);
}

#about_hero .mgx-about-hero-010 {
    display: block;
    width: 44px;
    height: 2px;
    background: var(--mg-gold);
}

#about_hero .mgx-about-hero-011 {
    font: 600 11px var(--font-body);
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--mg-gold);
}

#about_hero .mgx-about-hero-012 {
    margin: 0 0 clamp(26px,3.2vw,40px);
    max-width: 26ch;
    color: #faf8f4;
    text-wrap: balance;
}

#about_hero .mgx-about-hero-013 {
    font-style: italic;
    color: var(--mg-gold);
}

#about_hero .mgx-about-hero-014 {
    font: 400 clamp(15px,1.35vw,19px)/1.7 var(--font-body);
    color: rgba(233,228,220,.78);
    margin: 0;
    max-width: 54ch;
}

/* Quiénes somos — Historia — #about_story */

#about_story {
    padding: clamp(48px,6.4vw,96px) 0 clamp(56px,8vw,110px);
}

#about_story .mgx-about-story-002 {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 clamp(20px,5vw,56px);
}

#about_story .mgx-about-story-003 {
    columns: 2 21em;
    column-gap: clamp(28px,5vw,80px);
    margin-bottom: clamp(40px,5.4vw,76px);
}

#about_story .mgx-about-story-004 {
    font: 400 clamp(15px,1.2vw,17.5px)/1.8 var(--font-body);
    color: #3d3935;
    margin: 0 0 18px;
}

#about_story .mgx-about-story-005 {
    font: 400 clamp(15px,1.2vw,17.5px)/1.8 var(--font-body);
    color: #3d3935;
    margin: 0 0 18px;
}

#about_story .mgx-about-story-006 {
    font-weight: 600;
}

#about_story .mgx-about-story-007 {
    font: 400 clamp(15px,1.2vw,17.5px)/1.8 var(--font-body);
    color: #3d3935;
    margin: 0 0 18px;
}

#about_story .mgx-about-story-008 {
    font: 400 clamp(15px,1.2vw,17.5px)/1.8 var(--font-body);
    color: #3d3935;
    margin: 0;
}

#about_story .mgx-about-story-009 {
    margin: 0;
    border-top: 2px solid var(--color-divider);
}

#about_story .mgx-about-story-010 {
    display: grid;
    grid-template-columns: minmax(120px,.28fr) 1fr;
    gap: 10px 24px;
    padding: 15px 0;
    border-bottom: 1px solid var(--color-divider);
}

#about_story .mgx-about-story-011 {
    font: 600 10.5px var(--font-body);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mg-grey);
    margin: 0;
}

#about_story .mgx-about-story-012 {
    font: 400 14.5px/1.6 var(--font-body);
    margin: 0;
}

#about_story .mgx-about-story-013 {
    display: grid;
    grid-template-columns: minmax(120px,.28fr) 1fr;
    gap: 10px 24px;
    padding: 15px 0;
    border-bottom: 1px solid var(--color-divider);
}

#about_story .mgx-about-story-014 {
    font: 600 10.5px var(--font-body);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mg-grey);
    margin: 0;
}

#about_story .mgx-about-story-015 {
    font: 400 14.5px/1.6 var(--font-body);
    margin: 0;
}

#about_story .mgx-about-story-016 {
    display: grid;
    grid-template-columns: minmax(120px,.28fr) 1fr;
    gap: 10px 24px;
    padding: 15px 0;
    border-bottom: 1px solid var(--color-divider);
}

#about_story .mgx-about-story-017 {
    font: 600 10.5px var(--font-body);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mg-grey);
    margin: 0;
}

#about_story .mgx-about-story-018 {
    font: 400 14.5px/1.6 var(--font-body);
    margin: 0;
}

#about_story .mgx-about-story-019 {
    display: grid;
    grid-template-columns: minmax(120px,.28fr) 1fr;
    gap: 10px 24px;
    padding: 15px 0;
    border-bottom: 1px solid var(--color-divider);
}

#about_story .mgx-about-story-020 {
    font: 600 10.5px var(--font-body);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mg-grey);
    margin: 0;
}

#about_story .mgx-about-story-021 {
    font: 400 14.5px/1.6 var(--font-body);
    margin: 0;
}

#about_story .mgx-about-story-022 {
    display: grid;
    grid-template-columns: minmax(120px,.28fr) 1fr;
    gap: 10px 24px;
    padding: 15px 0;
}

#about_story .mgx-about-story-023 {
    font: 600 10.5px var(--font-body);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mg-grey);
    margin: 0;
}

#about_story .mgx-about-story-024 {
    font: 400 14.5px/1.6 var(--font-body);
    margin: 0;
}

/* Quiénes somos — Proceso — #about_process */

#about_process {
    border-top: 2px solid var(--color-divider);
    background: var(--color-surface);
    padding: clamp(56px,8vw,116px) 0;
}

#about_process .mgx-about-process-002 {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 clamp(20px,5vw,56px);
}

#about_process .mgx-about-process-003 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

#about_process .mgx-about-process-004 {
    display: block;
    width: 44px;
    height: 2px;
    background: var(--mg-gold);
}

#about_process .mgx-about-process-005 {
    font: 600 11px var(--font-body);
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--color-accent);
}

#about_process .mgx-about-process-006 {
    margin: 0 0 clamp(32px,4.4vw,56px);
    max-width: 22ch;
}

#about_process .mgx-about-process-007 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
    gap: clamp(18px,2.4vw,32px);
}

#about_process .mgx-about-process-008 {
    background: var(--color-bg);
    border: 1px solid var(--color-divider);
    padding: clamp(22px,2.6vw,32px);
}

#about_process .mgx-about-process-009 {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    font: 600 14px var(--font-body);
    margin-bottom: 20px;
    transition: background .3s,color .3s,border-color .3s;
}

#about_process .mgx-about-process-010 {
    margin: 0 0 10px;
}

#about_process .mgx-about-process-011 {
    font: 400 14px/1.65 var(--font-body);
    color: var(--mg-body);
    margin: 0;
}

#about_process .mgx-about-process-012 {
    background: var(--color-bg);
    border: 1px solid var(--color-divider);
    padding: clamp(22px,2.6vw,32px);
}

#about_process .mgx-about-process-013 {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    font: 600 14px var(--font-body);
    margin-bottom: 20px;
    transition: background .3s,color .3s,border-color .3s;
}

#about_process .mgx-about-process-014 {
    margin: 0 0 10px;
}

#about_process .mgx-about-process-015 {
    font: 400 14px/1.65 var(--font-body);
    color: var(--mg-body);
    margin: 0;
}

#about_process .mgx-about-process-016 {
    background: var(--color-bg);
    border: 1px solid var(--color-divider);
    padding: clamp(22px,2.6vw,32px);
}

#about_process .mgx-about-process-017 {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    font: 600 14px var(--font-body);
    margin-bottom: 20px;
    transition: background .3s,color .3s,border-color .3s;
}

#about_process .mgx-about-process-018 {
    margin: 0 0 10px;
}

#about_process .mgx-about-process-019 {
    font: 400 14px/1.65 var(--font-body);
    color: var(--mg-body);
    margin: 0;
}

#about_process .mgx-about-process-020 {
    background: var(--color-bg);
    border: 1px solid var(--color-divider);
    padding: clamp(22px,2.6vw,32px);
}

#about_process .mgx-about-process-021 {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    font: 600 14px var(--font-body);
    margin-bottom: 20px;
    transition: background .3s,color .3s,border-color .3s;
}

#about_process .mgx-about-process-022 {
    margin: 0 0 10px;
}

#about_process .mgx-about-process-023 {
    font: 400 14px/1.65 var(--font-body);
    color: var(--mg-body);
    margin: 0;
}

/* Quiénes somos — CTA — #about_cta */

#about_cta {
    position: relative;
    background: var(--color-accent);
    color: #f7f5f1;
    overflow: hidden;
}

#about_cta .mgx-about-cta-002 {
    max-width: 1320px;
    margin: 0 auto;
    padding: clamp(52px,7vw,96px) clamp(20px,5vw,56px);
}

#about_cta .mgx-about-cta-003 {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: clamp(28px,5vw,72px);
    align-items: center;
}

#about_cta .mgx-about-cta-004 {
    font: 600 11px var(--font-body);
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(247,245,241,.7);
    margin-bottom: 20px;
}

#about_cta .mgx-about-cta-005 {
    margin: 0 0 18px;
    color: #faf8f4;
    max-width: 22ch;
}

#about_cta .mgx-about-cta-006 {
    font: 400 clamp(15px,1.2vw,18px)/1.65 var(--font-body);
    color: rgba(247,245,241,.86);
    margin: 0;
    max-width: 52ch;
}

#about_cta .mgx-about-cta-007 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#about_cta .mgx-about-cta-008 {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #f7f5f1;
    color: var(--color-accent);
    text-decoration: none;
    font: 600 14px var(--font-body);
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 21px 26px;
    border-radius: 3px;
}

#about_cta .mgx-about-cta-009 {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: transparent;
    color: #f7f5f1;
    text-decoration: none;
    font: 600 14px var(--font-body);
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 21px 26px;
    border: 1px solid rgba(247,245,241,.4);
    border-radius: 3px;
}