/* Datassa · /css/consultoria.css · lo propio de /consultoria/ (lo demás está en /css/sitio.css).
   Decisiones que el DISENO no escribía: la foto de Mateo guarda su proporción de retrato (920/1080) a 460 px, en vez
   del 4/3 de .foto; en Contacto las dos columnas arrancan arriba (el título a la altura del formulario) y el texto no
   pasa de 480 px; la puerta chica a Agro lleva un poco de aire arriba, para no quedar pegada al borde de Visión. */

/* Sobre Mateo: foto retrato a la izquierda, texto a la derecha */
.sobre-mateo .foto { aspect-ratio: 920 / 1080; width: 100%; max-width: 340px; }
.sobre-mateo .cabeza { margin-bottom: 0; }
.sobre-mateo .cabeza p:not(.ojal) { max-width: var(--medida); }
.sobre-mateo .chips { margin-top: 8px; }
.sobre-mateo .boton--fantasma { margin-top: 8px; }
@media (min-width: 768px) { .sobre-mateo .foto { max-width: 460px; } }
@media (min-width: 1024px) { .sobre-mateo .partido { grid-template-columns: minmax(0, 460px) 1fr; } }

/* Visión: el ojal arriba y la cita debajo, sin la cabeza entera */
.vision .cita { margin-top: 24px; }

/* La puerta chica a Agro, entre dos secciones blancas */
.tambien-sembras { padding-top: clamp(2rem, 4vw, 3rem); }

/* Contacto: texto a la izquierda (hasta 480 px), formulario a la derecha */
.contacto-texto { display: flex; flex-direction: column; align-items: flex-start; max-width: 480px; }
.contacto-texto .cabeza { margin-bottom: 28px; }
.contacto-texto .tildes { margin-bottom: 32px; }
@media (min-width: 1024px) { .contacto .partido { align-items: start; } }