/* Complementos locales: la estructura visual base procede de /styles.css. */
.manualidades-page .categoryFeatureCard img {
  object-fit: contain;
  background: #fff;
}

.manualidades-page .craftResourceGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 26px;
}

.manualidades-page .craftResourceCard {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border: 1px solid #dbeaf4;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(47, 149, 216, .08);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.manualidades-page .craftResourceCard:hover {
  transform: translateY(-4px);
  border-color: #93c5fd;
  box-shadow: 0 18px 34px rgba(47, 149, 216, .15);
}

.manualidades-page .craftResourceCard img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1.22;
  object-fit: contain;
  background: #f8fcff;
  border-bottom: 1px solid #e0edf6;
}

.manualidades-page .craftResourceCard > div {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 18px;
}

.manualidades-page .craftResourceCard h2,
.manualidades-page .craftResourceCard p {
  margin: 0;
}

.manualidades-page .craftResourceCard h2 { color: #102a43; font-size: 20px; }
.manualidades-page .craftResourceCard p { color: var(--muted); line-height: 1.55; }

.manualidades-page .craftDownloadLink {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 12px;
  background: var(--brand-blue);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

.manualidades-page .craftDownloadLink:hover { background: var(--brand-blue-main); }

.manualidades-page .craftTips {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.manualidades-page .craftTips article {
  padding: 20px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #dbeaf4;
}

.manualidades-page .craftTips article:nth-child(2) { background: #f0fdf4; }
.manualidades-page .craftTips article:nth-child(3) { background: #fff7ed; }
.manualidades-page .craftTips h3, .manualidades-page .craftTips p { margin: 0; }
.manualidades-page .craftTips p { margin-top: 8px; color: var(--muted); line-height: 1.55; }

@media (max-width: 860px) {
  .manualidades-page .craftResourceGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manualidades-page .craftTips { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .manualidades-page .craftResourceGrid { grid-template-columns: 1fr; }
}