/* ==========================================================================
   Home específico (storefront)
   ========================================================================== */

.position-relative { position: relative; }

/* Ajuste del visual del hero para que sea una composición limpia */
.hero-visual {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(16, 185, 129, 0.06));
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

/* Tarjetas de categoría con hover */
section.section .card {
  text-align: center;
  padding: var(--space-6) var(--space-4);
  border-color: var(--color-border);
}

section.section .card:hover {
  border-color: var(--color-primary);
}

/* CTA final centrado */
section.section:last-of-type .card {
  text-align: center;
}

/* Responsive home */
@media (max-width: 768px) {
  .hero h1 {
    font-size: 1.75rem;
  }
  .hero-actions {
    flex-direction: column;
  }
  .hero-actions .btn {
    width: 100%;
  }
}