/* =========================================
   incuba404.com — Estilos de Subpáginas
   Incluir DESPUÉS de styles.css
   ========================================= */

/* Tags de categoría */
.tag-green  { background: rgba(0,200,160,0.1);  color: #00c8a0; }
.tag-blue   { background: rgba(0,135,255,0.1);  color: #0087ff; }
.tag-purple { background: rgba(108,99,255,0.1); color: #6c63ff; }
.tag-orange { background: rgba(255,107,53,0.1); color: #ff6b35; }

/* Grilla de productos */
.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.2rem;
  margin-top: 2rem;
}

.prod-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r2);
  padding: 1.5rem;
  transition: border-color 0.2s;
}

.prod-card:hover { border-color: rgba(0,200,160,0.3); }
.prod-icon { font-size: 2rem; margin-bottom: 1rem; }
.prod-card h4 { font-family: var(--font-h); font-weight: 600; margin-bottom: 0.4rem; }
.prod-card p  { color: var(--c-muted); font-size: 0.84rem; }
.prod-price   { margin-top: 1rem; font-size: 0.8rem; color: var(--c-accent); font-weight: 600; }

/* Caja de misión */
.mission-box {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r2);
  padding: 2rem;
  margin-top: 2rem;
}

.mission-box blockquote {
  font-family: var(--font-h);
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
}