/* Nosotros: fuente independiente. No concatenar con Inicio ni con el legado. */
.mg5-about-page #page { max-width:none; }
.mg5-about-page .site-content, .mg5-about-page .inside-article { padding:0; }
.mg5-about-page .site-main, .mg5-about-page .entry-content { margin:0; }
.mg5-about-page .entry-header { display:none; }
.mg5-about { --navy:#002554; --blue:#0055b8; --sky:var(--mg-sky,#5fc3e2); --amber:#e7a33e; --ink:#35465b; --paper:var(--mg-paper,#fefdfb); --line:#ced9e3; color:var(--navy); background:#fff; line-height:1.65; }
.mg5-about *, .mg5-about *::before, .mg5-about *::after { box-sizing:border-box; }
.mg5-about :is(h1,h2,h3,p,figure) { margin:0; }
.mg5-about :is(h1,h2,h3) { color:var(--navy); font-weight:700; line-height:1.08; letter-spacing:-.04em; }
.mg5-about h2 { font-size:clamp(34px,4vw,58px); }
.mg5-about h3 { font-size:clamp(30px,3.3vw,48px); }
.mg5-about p { font-size:17px; color:var(--ink); }
.mg5-about a { color:var(--blue); text-underline-offset:5px; overflow-wrap:anywhere; }
.mg5-about a:hover { text-decoration-thickness:2px; }
.mg5-about :is(a,summary):focus-visible { outline:3px solid var(--blue); outline-offset:6px; }
.mg5-about img { display:block; width:100%; height:100%; object-fit:cover; }
.mg5-about section[id] { scroll-margin-top:32px; }
.mg5-wrap { width:min(100%,1280px); margin-inline:auto; padding-inline:40px; }
.mg5-about .mg5-eyebrow { color:var(--blue); font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; margin-bottom:25px; }
.mg5-link { display:inline-flex; gap:28px; align-items:center; min-height:48px; font-size:15px; font-weight:650; text-decoration:none; border-bottom:1px solid var(--amber); }
.mg5-link span { font-size:24px; transition:transform .2s; }
.mg5-link:hover span { transform:translate(3px,-3px); }
.mg5-link svg { width:20px; height:20px; flex:0 0 20px; transition:transform .2s; }
.mg5-link:hover svg { transform:translate(3px,-3px); }
.mg5-careers-arrow svg { width:24px; height:24px; }
.mg5-hero { min-height:540px; position:relative; isolation:isolate; overflow:hidden; background:#fff; }
.mg5-hero-photo { position:absolute; inset:0; z-index:-2; object-position:65% 52%; }
.mg5-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#fff 5%,#fffffff5 30%,#ffffffd9 43%,#ffffff70 60%,#ffffff00 83%); }
.mg5-hero-copy { padding-block:64px 72px; }
.mg5-about .mg5-hero .mg5-eyebrow { color:var(--blue);border-left:3px solid var(--sky);padding-left:14px; }
.mg5-about .mg5-hero h1 { font-size:clamp(56px,6.4vw,88px); color:var(--navy); letter-spacing:-.055em; line-height:.98; }
.mg5-hero h1 span { font-weight:400; }
.mg5-about .mg5-hero-intro { max-width:45ch; margin-top:26px; color:var(--ink); font-size:18px; }
.mg5-actions { display:flex; flex-wrap:wrap; gap:16px 32px; margin-top:28px; }
.mg5-about .mg5-hero a { color:var(--navy); border:1px solid var(--navy); border-radius:5px; padding:10px 18px; }
.mg5-about .mg5-hero a:first-child { background:var(--amber); border-color:var(--amber); }
.mg5-about .mg5-hero a:hover { background:#fff; }
.mg5-about .mg5-hero-caption { position:absolute; right:40px; bottom:30px; color:#fff; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
/* Índice de contenido: enlaces internos, independiente del menú de GeneratePress. */
.mg5-section-nav { border-block:1px solid var(--line);background:var(--paper); }
.mg5-section-nav .mg5-wrap { display:flex;flex-wrap:wrap;gap:10px 34px;padding-block:12px; }
.mg5-section-nav a { display:inline-flex;align-items:center;min-height:44px;padding:6px 0;border-bottom:2px solid transparent;font-size:14px;font-weight:600;text-decoration:none; }
.mg5-section-nav a:hover { border-bottom-color:var(--amber); }
.mg5-service { padding-block:64px;border-bottom:1px solid var(--line); }
.mg5-service-layout { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start; }
.mg5-service-heading h2 { font-size:clamp(32px,3.6vw,48px);max-width:20ch; }
.mg5-service-heading > p:not(.mg5-eyebrow) { margin-top:24px;max-width:56ch; }
.mg5-service-facts { margin:0; }
.mg5-service-facts > div { padding:20px 0;border-top:1px solid var(--line); }
.mg5-service-facts dt { font-size:19px;font-weight:700;color:var(--navy); }
.mg5-service-facts dd { margin:8px 0 0;font-size:16px;color:var(--ink); }
.mg5-service-interest { margin-top:22px;padding:22px 0 0 18px;border-left:3px solid var(--sky); }
.mg5-service-interest p { font-weight:650;color:var(--navy); }
.mg5-service-interest a { margin-top:12px; }
.mg5-purpose { padding-block:64px 80px; }
.mg5-section-head { max-width:900px; margin-bottom:36px; }
.mg5-section-head h2 span, .mg5-community-heading h2 span { font-weight:400; }
.mg5-section-head > p:last-child { max-width:66ch; margin-top:28px; }
.mg5-mission { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; }
.mg5-purpose-photo { height:460px; position:relative; overflow:hidden; }
.mg5-purpose-photo img { object-position:35% center; }
.mg5-purpose-photo figcaption { position:absolute; inset:auto 0 0; padding:35px 25px 20px; background:linear-gradient(transparent,#001b3ecc); color:#fff; font-size:12px; }
.mg5-mission-copy { align-self:start; padding:48px 0 40px 65px; }
.mg5-about .mg5-statement { font-size:clamp(23px,2.35vw,33px); line-height:1.45; color:var(--navy); letter-spacing:-.025em; }
.mg5-mission-copy h3 { margin-bottom:26px; }
.mg5-vision { margin:0 0 0 12%; padding:54px 50px; background:var(--navy); color:#fff; display:grid; grid-template-columns:1fr 2.2fr; gap:35px; position:relative; isolation:isolate; }
.mg5-vision::before { content:''; width:1px; height:70px; background:var(--amber); position:absolute; top:-70px; left:40px; }
.mg5-about .mg5-vision :is(h3,.mg5-statement) { color:#fff; }
.mg5-about .mg5-vision .mg5-eyebrow { color:var(--sky); }
.mg5-connection { position:absolute; bottom:0; right:0; width:240px; height:120px; opacity:.16; z-index:-1; stroke:var(--amber); stroke-width:1; }
.mg5-values { background:var(--paper); padding-block:80px; }
.mg5-values-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:100px; }
.mg5-values-heading > p:not(.mg5-eyebrow) { max-width:42ch; margin-top:28px; }
.mg5-values-symbol { width:180px; height:180px; stroke:var(--sky); stroke-width:1.5; margin-top:36px; }
.mg5-value { display:grid; grid-template-columns:55px 1fr; gap:24px; padding:30px 0 36px; border-top:1px solid var(--line); }
.mg5-value:first-child { padding-top:0; border-top:0; }
.mg5-value:last-child { padding-bottom:0; }
.mg5-about .mg5-value-number { color:var(--blue); font-size:12px; padding-top:7px; letter-spacing:.1em; }
.mg5-value h3 { font-size:clamp(26px,2.5vw,36px); }
.mg5-value h3::after { content:''; display:block; width:32px; height:2px; background:var(--amber); margin-top:20px; }
.mg5-value p:last-child { margin-top:16px; max-width:40ch; }
.mg5-community { padding-block:80px; }
.mg5-community-heading { margin-bottom:44px; }
.mg5-community-photo { height:420px; overflow:hidden; }
.mg5-community-photo img { object-position:center 45%; }
.mg5-community-copy { display:grid; grid-template-columns:1.5fr 1fr; gap:80px; align-items:start; padding:36px 0 0; }
.mg5-community-copy > p { max-width:64ch; }
.mg5-community-links { display:flex;flex-direction:column;align-items:flex-start;gap:12px; }
.mg5-about .mg5-community-note { margin-top:16px;font-size:14px; }
.mg5-careers { padding-block:44px 55px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 2fr 64px; gap:28px; align-items:start; }
.mg5-careers h2 { font-size:clamp(28px,3vw,40px); margin-bottom:20px; }
.mg5-careers-arrow { width:64px; height:64px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; text-decoration:none; font-size:32px; transition:background .2s,color .2s; }
.mg5-careers-arrow:hover { color:#fff; background:var(--navy); }
.mg5-faq { background:#f1f7fb; padding-block:80px; }
.mg5-faq-layout { display:grid; grid-template-columns:1fr 1.6fr; gap:80px; }
.mg5-faq-layout > div:first-child > p:not(.mg5-eyebrow) { margin-top:25px; max-width:28ch; }
.mg5-help-link { margin-top:22px; }
.mg5-faq-item { border-top:1px solid #bdcddc; }
.mg5-faq-item:last-child { border-bottom:1px solid #bdcddc; }
.mg5-faq-item summary { cursor:pointer; padding:26px 40px 26px 0; font-size:19px; line-height:1.4; font-weight:650; list-style:none; position:relative; }
.mg5-faq-item summary::-webkit-details-marker { display:none; }
.mg5-faq-item summary::after { content:'+'; position:absolute; right:4px; top:22px; font-size:26px; font-weight:400; color:var(--blue); }
.mg5-faq-item[open] summary::after { content:'−'; }
.mg5-faq-item[open] summary { color:var(--blue); }
.mg5-faq-body { padding:0 30px 26px 0; }
.mg5-faq-body > * + * { margin-top:12px; }
.mg5-faq-body a { display:inline-block; }
@media (max-width:1024px) {
 .mg5-wrap { padding-inline:30px; }
 .mg5-hero { min-height:540px; }
 .mg5-service-layout { gap:36px; }
 .mg5-mission-copy { padding-left:36px; }
 .mg5-purpose-photo { height:460px; }
 .mg5-vision { margin-left:6%; padding:40px 36px; grid-template-columns:1fr 2fr; }
 .mg5-values-layout { gap:50px; }
 .mg5-faq-layout { gap:40px; grid-template-columns:1fr 1.5fr; }
 .mg5-community-photo { height:420px; }
 .mg5-community-copy { gap:36px; }
 .mg5-careers { grid-template-columns:1fr 2.2fr 60px; }
}
@media (max-width:767px) {
 .mg5-wrap { padding-inline:22px; }
 .mg5-hero { min-height:0; }
 .mg5-hero-copy { padding-block:48px 76px; }
 .mg5-hero::after { background:linear-gradient(90deg,#fffffff5,#ffffffd9 58%,#ffffff99),linear-gradient(0deg,#fff,transparent 40%); }
 .mg5-about .mg5-hero-intro { font-size:17px; max-width:42ch; }
 .mg5-about .mg5-hero-caption { right:22px; bottom:22px; font-size:9px; color:var(--ink); }
 .mg5-actions { gap:12px 25px; }
 .mg5-section-nav .mg5-wrap { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px; }
 .mg5-section-nav a { font-size:13px; }
 .mg5-service { padding-block:44px; }
 .mg5-service-layout { grid-template-columns:minmax(0,1fr);gap:28px; }
 .mg5-link { font-size:14px; gap:20px; }
 .mg5-purpose, .mg5-values, .mg5-community, .mg5-faq { padding-block:64px; }
 .mg5-purpose { padding-top:44px; padding-bottom:56px; }
 .mg5-section-head { margin-bottom:32px; }
 .mg5-section-head h2 br, .mg5-community-heading h2 br { display:none; }
 .mg5-mission { grid-template-columns:1fr; }
 .mg5-purpose-photo { height:320px; }
 .mg5-mission-copy { padding:32px 0 48px; }
 .mg5-vision { margin:0; padding:32px 26px; grid-template-columns:1fr; gap:20px; }
 .mg5-vision::before { left:26px; top:-30px; height:30px; }
 .mg5-vision-label .mg5-eyebrow { margin-bottom:15px; }
 .mg5-values-layout, .mg5-faq-layout { grid-template-columns:1fr; gap:40px; }
 .mg5-values-symbol { display:none; }
 .mg5-value { grid-template-columns:34px 1fr; gap:14px; padding-block:26px; }
 .mg5-community-heading { margin-bottom:28px; }
 .mg5-community-photo { height:320px; }
 .mg5-community-copy { grid-template-columns:1fr; gap:20px; padding-top:24px; }
 .mg5-careers { padding-block:32px 45px; grid-template-columns:1fr 52px; gap:16px; }
 .mg5-careers > .mg5-eyebrow { grid-column:1/-1; margin-bottom:5px; }
 .mg5-careers-arrow { width:52px; height:52px; }
 .mg5-careers p { font-size:16px; }
 .mg5-faq-layout h2 br { display:none; }
 .mg5-faq-item summary { font-size:18px; padding-block:23px; }
 .mg5-faq-body { padding-right:10px; }
}
@media (prefers-reduced-motion:reduce) {
 .mg5-about *, .mg5-about *::before, .mg5-about *::after { animation:none; transition:none; scroll-behavior:auto; }
}
