/* ============================================================
   "Misión" — adaptado de prototipo-seccciones/nosotros/ (bloque
   .mission), para la página de Empresa, debajo del hero. Contenido
   real (idéntico al ya usado en el bloque #mision de esta misma
   página). Prefijado bajo .emp-mission — nuestra paleta (sin verde).
   ============================================================ */
.emp-mission-wrap{ background:#fff; padding:4rem 0 0; scroll-margin-top:76px; }
@media (min-width:1024px){ .emp-mission-wrap{ scroll-margin-top:100px; } }
#emp-trayectoria{ margin-bottom:2rem; }
.emp-mission-wrap .container{ max-width:1280px; margin:0 auto; padding:0 1.5rem; }

.emp-mission{ position:relative; }

.emp-mission-numeral{
  position:absolute; top:-2.5rem; left:0; pointer-events:none; user-select:none;
  font-family: var(--font-display); font-size:8rem; font-weight:900; line-height:1; color: rgba(0,64,168,.07);
}
@media (min-width:640px){ .emp-mission-numeral{ font-size:13rem; } }
@media (min-width:1024px){ .emp-mission-numeral{ top:-6rem; font-size:17rem; } }

.emp-mission-figure{ position:relative; overflow:hidden; border-radius:2px; padding-top:75%; }
@media (min-width:640px){ .emp-mission-figure{ padding-top:56.25%; } }
@media (min-width:1024px){ .emp-mission-figure{ padding-top:42.857%; } }
.emp-mission-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 650ms cubic-bezier(.22,1,.36,1); will-change:transform; }
.emp-mission-figure:hover .emp-mission-img{ transform:scale(1.04); }
.emp-mission-veil-r{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(to right, rgba(20,32,70,.8), rgba(20,32,70,.3) 55%, rgba(20,32,70,.1)); }
.emp-mission-veil-t{ position:absolute; inset-inline:0; top:0; height:6rem; pointer-events:none; background:linear-gradient(to bottom, rgba(20,32,70,.45), transparent); }

.emp-mission-tag{ position:absolute; right:1.25rem; top:1.25rem; display:flex; align-items:center; gap:.75rem; }
@media (min-width:640px){ .emp-mission-tag{ right:2rem; top:2rem; } }
.emp-mission-tag-bar{ height:1px; width:2.5rem; background:rgba(255,255,255,.5); display:inline-block; }
.emp-mission-tag-label{ font-family: var(--font-display); font-size:.6rem; font-weight:700; letter-spacing:.28em; color:rgba(255,255,255,.85); }

.emp-mission-caption{ position:absolute; inset-inline:0; bottom:0; padding:1.5rem; }
@media (min-width:640px){ .emp-mission-caption{ padding:2.5rem; } }
@media (min-width:1024px){ .emp-mission-caption{ padding:3.5rem; } }
.emp-mission-eyebrow{ display:flex; align-items:center; gap:.75rem; font-family: var(--font-display); font-size:.65rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color: rgba(255,255,255,.85); }
.emp-mission-eyebrow-bar{ height:1px; width:2.5rem; background: var(--danger); display:inline-block; }
.emp-mission-title{ margin-top:.75rem; font-family: var(--font-display); font-weight:800; line-height:.9; color:#fff; }
.emp-mission-title-sub{ display:block; font-size:1rem; letter-spacing:.32em; }
@media (min-width:640px){ .emp-mission-title-sub{ font-size:1.1rem; } }
.emp-mission-title-main{ display:block; font-size:1.75rem; }
@media (min-width:640px){ .emp-mission-title-main{ font-size:2.25rem; } }
@media (min-width:1024px){ .emp-mission-title-main{ font-size:3rem; } }

.emp-mission-statement-row{ display:grid; gap:2.5rem; }
@media (min-width:1024px){ .emp-mission-statement-row{ grid-template-columns:repeat(12,1fr); } }
.emp-mission-statement{ position:relative; z-index:1; background:#fff; box-shadow:0 30px 70px -30px rgba(20,32,70,.28); border-top:2px solid var(--danger); padding-bottom:1rem; }
@media (min-width:1024px){ .emp-mission-statement{ grid-column:4 / span 7; margin-top:-2.5rem; } }
.emp-mission-quote{ max-width:42rem; padding-top:1.25rem; padding-inline:1.5rem; font-family: var(--font-display); font-size:1rem; font-weight:700; line-height:1.35; color: var(--brand-ink); }
@media (min-width:1024px){ .emp-mission-quote{ padding-inline:2rem; padding-top:1.75rem; line-height:1.45; } }
.emp-mission-highlight{ color: var(--brand); }
.emp-mission-commit{ display:flex; align-items:flex-start; gap:1rem; border-top:1px solid var(--border); margin-top:1rem; padding:1rem 1.5rem; }
@media (min-width:1024px){ .emp-mission-commit{ padding:1rem 2rem; } }
.emp-mission-commit-bar{ flex-shrink:0; margin-top:.25rem; width:1px; height:1.5rem; background: var(--danger); }
.emp-mission-commit-text{ max-width:28rem; font-size:.9rem; line-height:1.5; color: var(--muted-foreground); }

.emp-mission-list{ list-style:none; display:flex; flex-direction:column; gap:.5rem; padding:.25rem 1.5rem 1rem; }
@media (min-width:1024px){ .emp-mission-list{ padding:.25rem 2rem 1rem; } }
.emp-mission-list li{ display:flex; align-items:flex-start; gap:.6rem; font-size:.85rem; line-height:1.4; color: var(--brand-ink); }
.emp-mission-list-icon{ flex-shrink:0; margin-top:.15rem; display:grid; place-items:center; width:1rem; height:1rem; border-radius:50%; background: rgba(0,64,168,.1); color: var(--brand); padding:.2rem; box-sizing:border-box; }

.emp-mission-chips{ display:flex; flex-wrap:wrap; gap:.4rem; padding:0 1.5rem 1.25rem; }
@media (min-width:1024px){ .emp-mission-chips{ padding:0 2rem 1.5rem; } }