/* Template 1 -- "Classic Corporate". Clean, white, card-grid -- closest to
   the armotec.pe reference. Colors/fonts come from CSS vars (base.css);
   this file only adjusts shape/spacing/shadow identity. */

:root {
  --csi-radius: 8px;
  --csi-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);
  --csi-gap: 24px;
}

#csi-header { border-bottom: 1px solid var(--csi-color-border); box-shadow: none; }

.csi-hero { padding-top: 72px; padding-bottom: 72px; }

.csi-cat-card, .csi-product-card, .csi-blog-card {
  border-radius: var(--csi-radius);
}
.csi-cat-card:hover, .csi-product-card:hover, .csi-blog-card:hover {
  border-color: var(--csi-color-primary);
}

.csi-btn { border-radius: 6px; }