.vinhos-hero {
  position: relative;
}

.vinhos-hero-media img {
  width: 100%;
  height: clamp(320px, 70vh, 520px);
  object-fit: cover;
}

.vinhos-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: var(--space-16);
}

.vinhos-hero-text {
  max-width: 640px;
}

.vinhos-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.vinhos-hero-note {
  margin-top: var(--space-6);
  max-width: 52ch;
}

.vinhos-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: center;
}

.vinhos-intro-text {
  max-width: 640px;
}

.vinhos-intro-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.vinhos-intro-image-card img {
  border-radius: var(--radius-md);
}

.vinhos-regioes-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: flex-start;
  margin-top: var(--space-8);
}

.vinhos-regioes-image img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

.vinhos-regioes-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: var(--space-6);
}

@media (min-width: 900px) {
  .vinhos-regioes-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.vinhos-sommelier-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr);
  gap: var(--space-8);
}

.vinhos-sommelier-list {
  margin-top: var(--space-4);
  padding-left: 1.1rem;
}

.vinhos-sommelier-list li {
  margin-bottom: var(--space-2);
}

.vinhos-sommelier-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.vinhos-enoturismo {
  background-color: var(--color-background-alt);
}

.vinhos-enoturismo-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  gap: var(--space-8);
  align-items: center;
}

.vinhos-enoturismo-image img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-medium);
}

.vinhos-carta-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: flex-start;
  margin-top: var(--space-6);
}

.vinhos-carta-list {
  padding-left: 1.1rem;
}

.vinhos-carta-list li {
  margin-bottom: var(--space-2);
}

.vinhos-adega {
  background-color: var(--color-background-alt);
}

.vinhos-adega-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: center;
}

.vinhos-adega-image img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

.vinhos-harmonizacoes-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: flex-start;
  margin-top: var(--space-6);
}

.vinhos-harmonizacoes-list {
  padding-left: 1.1rem;
}

.vinhos-harmonizacoes-list li {
  margin-bottom: var(--space-2);
}

.vinhos-eventos {
  background-color: var(--color-background-alt);
}

.vinhos-eventos-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: flex-start;
}

.vinhos-eventos-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.vinhos-final-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: center;
  border-top: 1px solid var(--color-decorative);
  padding-top: var(--space-8);
}

.vinhos-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .vinhos-hero-content {
    align-items: flex-end;
    padding-bottom: var(--space-12);
  }

  .vinhos-intro-layout,
  .vinhos-regioes-layout,
  .vinhos-enoturismo-layout,
  .vinhos-carta-layout,
  .vinhos-adega-layout,
  .vinhos-harmonizacoes-layout,
  .vinhos-eventos-layout,
  .vinhos-final-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .vinhos-final-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .vinhos-hero-content {
    position: static;
    padding-top: var(--space-8);
  }

  .vinhos-hero-media {
    position: relative;
  }

  .vinhos-hero-media img {
    height: 320px;
  }

  .full-bleed-media {
    width: 100%;
    margin-left: 0;
    transform: none;
  }
}