/* Sección Empresa. Archivo aparte para que un CSS guardado en caché no la descuadre. */
.emp figure { margin: 0; }
.emp img { display: block; width: 100%; border-radius: var(--radio); }
.emp figcaption { font-size: 0.88rem; color: var(--texto-suave); margin-top: 8px; }
.emp p { max-width: none; }
.emp h3 { margin-bottom: 10px; }

/* Presentación: texto a la izquierda, casa matriz a la derecha, alineados arriba */
.emp-intro { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
.emp-intro h2 { margin-bottom: 20px; }
.emp-intro img { aspect-ratio: 16 / 9; object-fit: cover; }

/* Instalaciones: franja oscura con las superficies, que son el dato que más dice */
.emp-sedes {
  margin-top: clamp(36px, 5vw, 56px); padding: clamp(24px, 3.5vw, 36px) clamp(20px, 3.5vw, 40px);
  background: var(--superficie-oscura); color: var(--texto-invertido); border-radius: var(--radio);
  display: grid; grid-template-columns: 1fr 1fr; gap: 28px clamp(28px, 5vw, 64px);
}
.emp-sedes > h3 { grid-column: 1 / -1; margin: 0; color: var(--texto-invertido-suave); font-weight: 600; font-stretch: 100%; font-size: 1rem; }
.emp-sede { border-top: 1px solid var(--linea-oscura); padding-top: 14px; }
.emp-sede p { margin: 0 0 14px; }
.emp-sede b { display: block; font-weight: 700; }
.emp-sede dl { margin: 0; display: flex; flex-wrap: wrap; gap: 8px 40px; }
.emp-sede dd { margin: 0; font-size: clamp(1.5rem, 2.8vw, 2.1rem); font-weight: 800; font-stretch: 125%; line-height: 1.1; }
.emp-sede dt { font-size: 0.88rem; color: var(--texto-invertido-suave); margin-top: 2px; }
.emp-sede dl > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; }

/* Misión y compromisos: misma línea superior que las tarjetas de servicios */
.emp-valores { margin-top: clamp(36px, 5vw, 56px); display: grid; grid-template-columns: 1fr 1fr; gap: 28px clamp(28px, 5vw, 64px); }
.emp-valores > div { border-top: 2px solid var(--texto); padding-top: 18px; }
.emp-valores p, .emp-valores ul { margin-bottom: 0; }

/* Trabajo: el cordón grande y completo, sin recorte en ningún navegador */
.emp-trabajo { margin-top: clamp(44px, 6vw, 72px); display: grid; grid-template-columns: 5fr 7fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
.emp-cordon img { height: auto; aspect-ratio: 3 / 4; object-fit: contain; }
.emp-texto h3:not(:first-child) { margin-top: 28px; }
.emp-texto p:last-child { margin-bottom: 0; }
/* Ciclón (4:3) y espesor (16:9): columnas proporcionales para que tengan la misma altura */
.emp-par { margin-top: 32px; display: grid; grid-template-columns: minmax(0, 1.333fr) minmax(0, 1.775fr); gap: 20px; }
.emp-par img { height: auto; }
.emp-ciclon img { aspect-ratio: 4 / 3; object-fit: cover; }
.emp-espesor img { aspect-ratio: 875 / 493; object-fit: cover; }

@media (max-width: 860px) {
  .emp-intro, .emp-trabajo, .emp-sedes, .emp-valores { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .emp-par { grid-template-columns: 1fr; }
}