/* Overrides: compact spacing for cards (safe, layout-neutral) */
.card, .service-card, .feature-card, .product-card, .cards .card, .cards .service-card {
  /* Reduce internal padding responsively */
  padding: clamp(10px, 2.5vw, 16px) !important;
}

.card .card-body, .service-card .card-body, .feature-card .card-body, .product-card .card-body {
  padding: 0 !important; /* rely on parent padding */
}

/* Headings inside cards: tighten margins */
.card h3, .service-card h3, .feature-card h3, .product-card h3,
.card h2, .service-card h2, .feature-card h2, .product-card h2 {
  margin-top: 0.2rem !important;
  margin-bottom: 0.4rem !important;
  line-height: 1.2;
}

/* Paragraphs: tighter spacing and readable line-height */
.card p, .service-card p, .feature-card p, .product-card p {
  margin: 0.3rem 0 !important;
  line-height: 1.45;
}

/* Media area at top of cards (if any img) */
.card img, .service-card img, .feature-card img, .product-card img {
  margin-bottom: 0.5rem !important;
}

/* Grid gaps between cards slightly smaller on large screens */
.cards, .cards-grid, .services-grid {
  gap: clamp(12px, 2.5vw, 18px) !important;
}

/* Optional: reduce border-radius shadow paddings if they exist in wrappers */
.card .content, .service-card .content, .feature-card .content {
  padding: 0 !important;
}

/* --- 10B stricter overrides appended --- */

/* Overrides 10B: compactar ainda mais paddings/margins dos cards */
/* Aplica a qualquer classe que contenha 'card' para maior cobertura */
[class*="card"] {
  padding: clamp(8px, 1.8vw, 14px) !important;
}

/* Conteúdo interno / body */
[class*="card"] .card-body,
[class*="card"] .content {
  padding: 0 !important;
}

/* Títulos dentro dos cards */
[class*="card"] h1,
[class*="card"] h2,
[class*="card"] h3 {
  margin-top: 0.15rem !important;
  margin-bottom: 0.35rem !important;
  line-height: 1.15 !important;
}

/* Parágrafos */
[class*="card"] p {
  margin: 0.25rem 0 !important;
  line-height: 1.42 !important;
}

/* Mídia do card */
[class*="card"] img {
  margin-bottom: 0.4rem !important;
  display:block;
}

/* Reduzir gaps entre cards nos grids comuns */
.cards, .cards-grid, .services-grid, .grid-cards, [class*="cards"] {
  gap: clamp(10px, 2vw, 16px) !important;
}

/* Se houver lista de bullets dentro do card */
[class*="card"] ul { margin: 0.3rem 0 0.3rem 1rem !important; }

/* Em telas bem largas, limite o espaçamento máximo */
@media (min-width: 1200px){
  [class*="card"] { padding: 10px !important; }
}

/* Em mobile, mantenha mínimo confortável */
@media (max-width: 480px){
  [class*="card"] { padding: 12px !important; }
}

/* --- 10C bottom-only overrides appended --- */

/* 10C — Ajuste SOMENTE da parte de baixo dos cards */
[class*="card"] {
  padding-bottom: clamp(6px, 1.2vw, 12px) !important; /* reduz só embaixo */
}

/* Zera folga do último elemento dentro do card */
[class*="card"] > *:last-child,
[class*="card"] .card-body > *:last-child,
[class*="card"] .content > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Alinha listas e parágrafos como último elemento */
[class*="card"] p:last-child,
[class*="card"] ul:last-child,
[class*="card"] ol:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Se existir wrapper de ações/CTA no rodapé do card */
[class*="card"] .card-footer,
[class*="card"] .actions,
[class*="card"] .cta-area {
  margin-bottom: 0 !important;
  padding-bottom: 6px !important; /* leve respiro */
}

/* Evita "saltos" em cards com imagens no topo (mantém apenas margem pequena após a imagem) */
[class*="card"] img + * {
  margin-top: 0.4rem !important;
}