.vv-birth-litter{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon eyebrow arrow" "icon text arrow";align-items:center;column-gap:12px;width:max-content;max-width:100%;margin-top:18px;padding:12px 16px 12px 14px;border:1px solid #dfd3c1;border-radius:14px;background:rgba(255,255,255,.58);color:#493a2d;text-decoration:none;box-shadow:0 6px 18px rgba(75,53,31,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.vv-birth-litter::before{grid-area:icon;content:"🐾";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef0e5;font-size:17px}
.vv-birth-litter__eyebrow{grid-area:eyebrow;color:#7a8760;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;line-height:1.2}
.vv-birth-litter__text{grid-area:text;margin-top:2px;font-size:15px;font-weight:700;line-height:1.25}
.vv-birth-litter__arrow{grid-area:arrow;color:#c95400;font-size:22px;transition:transform .2s ease}
.vv-birth-litter:hover,.vv-birth-litter:focus-visible{transform:translateY(-2px);border-color:#cbb89f;background:#fff;box-shadow:0 10px 24px rgba(75,53,31,.11);color:#3d2f23}
.vv-birth-litter:hover .vv-birth-litter__arrow,.vv-birth-litter:focus-visible .vv-birth-litter__arrow{transform:translateX(3px)}
@media(max-width:600px){.vv-birth-litter{width:100%;box-sizing:border-box}.vv-birth-litter__text{font-size:14px}}

/* Compact parent cards on dog profiles. The original image ratio is preserved. */
.field--name-field-madre > .node-view-mode-genealogia,
.field--name-field-padre > .node-view-mode-genealogia {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 4px 18px;
  min-height: 148px;
  box-sizing: border-box;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #e3d7c6;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 7px 20px rgba(75,53,31,.06);
}

.field--name-field-madre > .node-view-mode-genealogia::before,
.field--name-field-padre > .node-view-mode-genealogia::before {
  grid-column: 2;
  align-self: end;
  color: #998257;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.2;
}

.field--name-field-madre > .node-view-mode-genealogia::before { content: "MADRE"; }
.field--name-field-padre > .node-view-mode-genealogia::before { content: "PADRE"; }

.field--name-field-madre > .node-view-mode-genealogia > .node-title,
.field--name-field-padre > .node-view-mode-genealogia > .node-title {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin: 2px 0 0;
  font-size: clamp(22px,2.1vw,29px);
  line-height: 1.15;
}

.field--name-field-madre > .node-view-mode-genealogia > .node-content,
.field--name-field-padre > .node-view-mode-genealogia > .node-content {
  display: contents;
}

.field--name-field-madre .villaverde-genealogia-foto-link,
.field--name-field-padre .villaverde-genealogia-foto-link {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 132px;
  overflow: hidden;
  border-radius: 12px;
  background: #f2eee7;
}

.field--name-field-madre .villaverde-genealogia-foto-link .field--name-field-foto,
.field--name-field-padre .villaverde-genealogia-foto-link .field--name-field-foto {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.field--name-field-madre .villaverde-genealogia-foto-link img,
.field--name-field-padre .villaverde-genealogia-foto-link img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.field--name-field-madre .node-view-mode-genealogia .field--name-field-nombre-del-perro,
.field--name-field-padre .node-view-mode-genealogia .field--name-field-nombre-del-perro {
  display: block;
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin-top: 2px;
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(22px,2.1vw,29px);
  font-weight: 700;
  line-height: 1.15;
}

.field--name-field-madre .node-view-mode-genealogia .field--name-field-nombre-del-perro a,
.field--name-field-padre .node-view-mode-genealogia .field--name-field-nombre-del-perro a {
  color: #49372a;
  text-decoration: none;
}

@media (max-width: 600px) {
  .field--name-field-madre > .node-view-mode-genealogia,
  .field--name-field-padre > .node-view-mode-genealogia {
    grid-template-columns: 88px minmax(0,1fr);
    min-height: 122px;
    gap: 3px 13px;
    padding: 12px;
  }

  .field--name-field-madre .villaverde-genealogia-foto-link,
  .field--name-field-padre .villaverde-genealogia-foto-link {
    width: 88px;
    height: 104px;
  }
}

/* Final compact composition: remove the aspect ratio inherited from the theme. */
.field--name-field-madre > .node-view-mode-genealogia,
.field--name-field-padre > .node-view-mode-genealogia {
  grid-template-columns: 126px minmax(0,1fr) !important;
  grid-template-rows: 1fr auto auto 1fr !important;
  width: 100% !important;
  height: 178px !important;
  min-height: 0 !important;
  max-height: 178px !important;
  aspect-ratio: auto !important;
  align-content: stretch !important;
}

.field--name-field-madre > .node-view-mode-genealogia::before,
.field--name-field-padre > .node-view-mode-genealogia::before {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: end !important;
  justify-self: start !important;
}

.field--name-field-madre > .node-view-mode-genealogia > .node-title,
.field--name-field-padre > .node-view-mode-genealogia > .node-title {
  display: none !important;
}

.field--name-field-madre > .node-view-mode-genealogia > .node-content,
.field--name-field-padre > .node-view-mode-genealogia > .node-content {
  display: contents !important;
}

.field--name-field-madre .villaverde-genealogia-foto-link,
.field--name-field-padre .villaverde-genealogia-foto-link {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  width: 118px !important;
  height: 150px !important;
  align-self: center !important;
}

.field--name-field-madre .node-view-mode-genealogia .field--name-field-nombre-del-perro,
.field--name-field-padre .node-view-mode-genealogia .field--name-field-nombre-del-perro {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: start !important;
  justify-self: start !important;
  margin: 5px 0 0 !important;
}

@media (max-width: 600px) {
  .field--name-field-madre > .node-view-mode-genealogia,
  .field--name-field-padre > .node-view-mode-genealogia {
    grid-template-columns: 92px minmax(0,1fr) !important;
    height: 132px !important;
    max-height: 132px !important;
  }

  .field--name-field-madre .villaverde-genealogia-foto-link,
  .field--name-field-padre .villaverde-genealogia-foto-link {
    width: 84px !important;
    height: 108px !important;
  }
}