/**
 * Hub /recursos/ — spacing premium (paridad blog + recetas).
 */

body.cgc-static-recursos .recursos-hero,
body.cgc-page-recursos .recursos-hero {
  padding-bottom: clamp(44px, 5vw, 56px);
}

body.cgc-static-recursos .recursos-hero__shell,
body.cgc-page-recursos .recursos-hero__shell {
  gap: clamp(28px, 3.2vw, 40px);
  align-items: stretch;
}

body.cgc-static-recursos .recursos-hero__copy,
body.cgc-page-recursos .recursos-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(18px, 2.4vw, 24px);
}

body.cgc-static-recursos .recursos-hero__copy .eyebrow,
body.cgc-page-recursos .recursos-hero__copy .eyebrow {
  margin: 0;
}

body.cgc-static-recursos .recursos-hero__copy h1,
body.cgc-page-recursos .recursos-hero__copy h1 {
  margin: 0;
}

body.cgc-static-recursos .recursos-hero__copy .lead,
body.cgc-page-recursos .recursos-hero__copy .lead {
  margin: 0;
}

body.cgc-static-recursos .recursos-hero__bullets,
body.cgc-page-recursos .recursos-hero__bullets {
  gap: 12px;
  margin-top: clamp(4px, 1vw, 8px);
}

body.cgc-static-recursos .recursos-lead-card,
body.cgc-page-recursos .recursos-lead-card {
  padding: clamp(22px, 2.6vw, 28px);
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.4vw, 14px);
}

body.cgc-static-recursos .recursos-lead-card h2,
body.cgc-page-recursos .recursos-lead-card h2 {
  margin: 0;
}

body.cgc-static-recursos .recursos-lead-card > p,
body.cgc-page-recursos .recursos-lead-card > p {
  margin: 0;
}

body.cgc-static-recursos .recursos-lead-nota,
body.cgc-page-recursos .recursos-lead-nota {
  margin: clamp(8px, 1.2vw, 12px) 0 0;
}

body.cgc-static-recursos .herramientas-section,
body.cgc-page-recursos .herramientas-section {
  padding-top: clamp(32px, 4vw, 48px);
}

body.cgc-static-recursos .herramientas-section > .container,
body.cgc-page-recursos .herramientas-section > .container {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 22px);
}

body.cgc-static-recursos .herramientas-section h2,
body.cgc-page-recursos .herramientas-section h2 {
  margin: 0;
}

body.cgc-static-recursos .herramientas-grid,
body.cgc-page-recursos .herramientas-grid {
  gap: clamp(18px, 2.2vw, 24px);
  margin-top: clamp(4px, 1vw, 10px);
}