/* ==========================================================================
   DTI PROS · DTI textil (productos.php)
   Secuencia del master: hero, intro, características, partner, colecciones,
   pasos, precio y preguntas frecuentes.
   Hero, filas, partner, pasos, llamada final y FAQ son componentes de header.css
   ========================================================================== */

/* Intro: título a la izquierda, texto y cifras a la derecha */
.intro__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.intro__text p { margin: 0 0 16px; color: var(--muted); font-size: 18px; }
.intro__text strong { color: var(--white); }
.intro__text .stats { margin-top: 28px; }

/* Colecciones: rejilla de 3 columnas con alturas alternas */
.plant__grid { --cols: 3; }
.plant__grid li:nth-child(3n + 2) { margin-top: 40px; }

.sec.promo-sec { padding-top: 0; }

@media (max-width: 900px) {
  .intro__grid { grid-template-columns: 1fr; }
  .plant__grid li:nth-child(3n + 2) { margin-top: 0; }
}
@media (max-width: 1100px) { .plant__grid { --cols: 2; } }
@media (max-width: 560px) { .plant__grid { --cols: 1; } }