/* Barra de navegación de las páginas de marketing.

   Estaba copiada literal en gestionado, marcas, como-trabajamos, contact
   y equipo: cualquier retoque había que hacerlo cinco veces y medirlo
   cinco veces. El marcado sí cambia por página —cada una marca su enlace
   activo—, pero los estilos eran los mismos byte a byte. */

.mnav-wrap{background:#2b3141}
/* ── De siete enlaces en línea a hamburguesa ─────────────────────────
   Los cinco enlaces más el idioma, el LinkedIn y el botón pedían más
   ancho del que hay: a 1900px ya se cortaba "Conozca al Equipo", y los
   cortes no se veían porque quedaban debajo del botón.

   Ahora es la misma barra de one.html: hamburguesa, logotipo centrado y
   acciones. El marcado ya tenía las dos piezas —.mnav-burger y
   .mnav-panel— sólo que escondidas hasta 1180px; aquí se usan siempre,
   así que las cinco páginas cambian sin tocarles el HTML. */
.mnav{max-width:1560px;margin:0 auto;padding:0 clamp(16px,2.6vw,44px);display:flex;align-items:stretch;height:74px;position:relative}
/* En flujo normal, centrar el logotipo lo desplaza en cuanto los dos
   lados dejan de medir lo mismo. Y no lo miden. */
.mnav .mnav-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-right:0;align-items:center}
.mnav .mnav-r{margin-left:0;width:100%;justify-content:flex-end;padding-left:0}
.mnav .mnav-burger{display:flex;order:-1;margin-right:auto}
.mnav .mnav-links,.mnav .mnav-sep{display:none}
.mnav-logo{display:flex;flex-direction:column;justify-content:center;padding-right:30px;color:#fff;font-family:var(--sans);text-decoration:none;flex:0 0 auto}
.mnav-logo b{font-weight:500;font-size:20px;letter-spacing:.02em;line-height:1}
.mnav-logo small{font-size:8.5px;font-weight:500;letter-spacing:.42em;color:#c6a24c;margin-top:4px}
.mnav-sep{width:1px;background:rgba(255,255,255,.22);margin:22px 0;flex:0 0 auto}
.mnav-links{display:flex;align-items:stretch;margin-left:26px;min-width:0}
.mnav-links a{display:flex;align-items:center;padding:0 14px;color:#fff;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-decoration:none;text-underline-offset:7px;text-decoration-thickness:2px;transition:text-decoration-color .2s}
.mnav-links a:hover{text-decoration:underline;text-decoration-color:rgba(255,255,255,.55)}
.mnav-links a.cur{text-decoration:underline;text-decoration-color:#c6a24c}
.mnav-r{margin-left:auto;display:flex;align-items:center;gap:14px;padding-left:26px;flex:0 0 auto}
.mnav-li a{width:28px;height:28px;background:#0a66c2;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:13px;text-decoration:none}
.mnav-cta{display:flex;flex-direction:column;justify-content:center;align-self:stretch;background:#1cb5c8;color:#fff;font-family:var(--sans);padding:0 18px 0 22px;margin:9px 0;min-width:210px;white-space:nowrap;text-decoration:none}
.mnav-cta .t{display:flex;align-items:center;justify-content:space-between;gap:28px}
.mnav-cta small{font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
.mnav-cta i{font-style:normal;font-size:20px;line-height:1}
.mnav-cta b{font-size:22px;font-weight:300;line-height:1.15;margin-top:2px}
.mnav-cta:hover{background:#159fb0}
.mnav-crumb{background:#4b5164;color:#d3d6de}
.mnav-crumb .wrap{max-width:1560px;margin:0 auto;padding:11px clamp(16px,2.6vw,44px);font-family:var(--sans);font-size:13px}
.mnav-crumb a{color:#d3d6de;text-decoration:none}
.mnav-crumb a:hover{color:#fff}
.mnav-crumb span{color:#fff;margin:0 8px}
.mnav-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;background:none;border:0;cursor:pointer;padding:0}
/* El panel era una tira desplegable de 5 líneas bajo la barra. Ahora es
   la pantalla entera, en el mismo azul de la barra, con los enlaces en
   serif grande. */
/* El panel lo viste ahora el CSS de .mm, el mismo que one.html, que
   entra en cada página. Aquí sólo queda lo que no se repite. */
.mnav-panel{display:none}
.mnav-panel.open{display:flex}
/* El aspa. Va en el panel y no en la barra: con el panel abierto la
   barra queda debajo y su hamburguesa no se puede pulsar. */
.mnav-cerrar{position:fixed;top:18px;left:clamp(16px,2.6vw,44px);z-index:9001;display:none;align-items:center;gap:10px;background:none;border:0;cursor:pointer;color:#fff;font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:8px 4px}
.mnav-panel.open ~ .mnav-cerrar,.mnav-cerrar.open{display:flex}
.mnav-cerrar svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none}
.mnav-panel .mnav-logo{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:9001;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-family:var(--sans)}
.mnav-panel .mnav-logo b{font-weight:500;font-size:20px;letter-spacing:.02em;line-height:1}
.mnav-panel .mnav-logo small{font-size:8.5px;font-weight:500;letter-spacing:.42em;color:#c6a24c;margin-top:4px}
@media(max-width:560px){.mnav-panel .mnav-logo b{font-size:16px}.mnav-panel .mnav-logo small{letter-spacing:.3em;font-size:7.5px}}
.mnav-panel a.cur{color:#c6a24c}

/* Adaptación por ancho — van al final para que sobrescriban lo de arriba. */
/* Aquí había cuatro cortes que iban encogiendo la letra de los enlaces
   —12,5 → 12 → 11,5px— y escondiendo el idioma y el LinkedIn uno a uno
   para ganar píxeles. No hacen falta: los enlaces ya no están en la
   barra. Se conserva sólo esconder el idioma cuando aprieta. */
@media(max-width:560px){.mnav{height:64px;padding:0 12px}.mnav-logo{padding-right:14px}.mnav-logo b{font-size:17px}.mnav-r{gap:8px;padding-left:8px}.mnav-cta{min-width:0;margin:7px 0;padding:0 13px;justify-content:center}.mnav-cta .t{display:none}.mnav-cta b{font-size:15px}.mnav-li{display:none}}
@media(max-width:390px){.mnav{padding:0 10px}.mnav-logo b{font-size:14px}.mnav-logo small{letter-spacing:.3em}.mnav-burger{width:38px}.mnav-r{gap:6px;padding-left:6px}.mnav-cta{padding:0 11px}.mnav-cta b{font-size:13px}}
/* Detrás de la de 390 a propósito: a 320px las dos aciertan y gana la
   última que se lee. Puesta antes, no servía de nada. */
@media(max-width:360px){.mnav-cta{padding:0 8px}.mnav-cta b{font-size:12px}.mnav-logo b{font-size:13px}.mnav-logo small{font-size:7px}}
/* La barra se queda arriba al bajar. */
.mnav-wrap{position:sticky;top:0;z-index:200}