/* ============================================================
   tecnologia.css — portada de aparatología

   La portada era texto suelto sobre el fondo crema y se leía como
   una página a medio hacer. Ahora el titular comparte fila con una
   foto vertical de cabina: la foto entra en unos 420 px de ancho,
   que para un original de 1024 son 2.4x, y ahí sí se ve nítida.

   Debajo de 860 px la foto pasa arriba del titular, recortada a
   una banda: en vertical, a pantalla completa, ocuparía media
   pantalla antes de que se lea el título.
   ============================================================ */

.tec-portada {
  display: grid;
  gap: var(--esp-4);
  align-items: center;
}

.tec-portada-foto {
  margin: 0;
  overflow: hidden;
  border-radius: var(--radio-2xl);
  background: var(--hueco-fondo);
}

.tec-portada-foto img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

@media (min-width: 860px) {
  .tec-portada {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--esp-5, 48px);
  }

  .tec-portada-foto img { aspect-ratio: 2 / 3; }
}