/* tema1-que-es-el-sistema-operativo-windows.html — dos cards alineadas y espaciado uniforme */

.page-tema-windows-so {
  overflow-x: hidden;
}

.page-tema-windows-so .tema-so-intro-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.page-tema-windows-so .tema-so-intro-row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.page-tema-windows-so .tema-so-intro-row .tema-so-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.page-tema-windows-so .tema-so-intro-row .tema-so-card > .card-block,
.page-tema-windows-so .tema-so-intro-row .tema-so-card > .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.25rem;
  box-sizing: border-box;
}

/* Card del carrusel: sin estirar el bloque hacia abajo (evita hueco inferior) */
.page-tema-windows-so .tema-so-card--carousel > .card-block {
  flex: 1 1 auto;
  justify-content: flex-start;
  align-items: stretch;
}

.page-tema-windows-so .tema-so-card--carousel #carouselWindowsVersions {
  flex: 0 0 auto;
  width: 100%;
  text-align: center;
}

.page-tema-windows-so .tema-so-card--carousel .tema-so-carousel-inner {
  flex: 0 0 auto;
  min-height: 0;
  position: relative;
}

.page-tema-windows-so .tema-so-card--carousel .carousel-item {
  height: auto;
}

.page-tema-windows-so .tema-so-card--carousel .carousel-item > .d-flex {
  min-height: 0;
}

.page-tema-windows-so .tema-so-card--carousel .tema-so-slide-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  margin: 0 auto;
}

/* Mismo espacio título → cuerpo en ambas cards */
.page-tema-windows-so .tema-so-intro-row .card-title {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

.page-tema-windows-so .tema-so-intro-row .tema-so-card__text {
  margin-top: 0;
  flex: 1 1 auto;
}

.page-tema-windows-so .tema-so-intro-row .tema-so-card__text > p {
  margin-bottom: 0.75rem;
}

.page-tema-windows-so .tema-so-intro-row .tema-so-card__text > p:last-child {
  margin-bottom: 0;
}

.page-tema-windows-so .tema-so-slide-caption {
  margin-top: 0.75rem;
  text-align: left;
}

.page-tema-windows-so .tema-so-slide-caption h4 {
  margin: 0 0 0.4rem;
  font-weight: bolder;
}

.page-tema-windows-so .tema-so-slide-caption h6 {
  margin: 0;
  text-align: justify;
  line-height: 1.45;
}

@media (min-width: 576px) {
  .page-tema-windows-so .tema-so-card--carousel .tema-so-slide-img {
    max-height: 220px;
  }
}

@media (min-width: 768px) {
  .page-tema-windows-so .tema-so-card--carousel .tema-so-slide-img {
    max-height: 200px;
  }
}

@media (min-width: 992px) {
  .page-tema-windows-so .tema-so-intro-row .tema-so-card > .card-block,
  .page-tema-windows-so .tema-so-intro-row .tema-so-card > .card-body {
    padding: 1.5rem 1.5rem;
  }

  .page-tema-windows-so .tema-so-card--carousel .tema-so-slide-img {
    max-height: 220px;
  }
}

@media (min-width: 1200px) {
  .page-tema-windows-so .tema-so-card--carousel .tema-so-slide-img {
    max-height: 240px;
  }
}
