/* tema1-definicion-e-importancia.html — layout responsive (mobile-first) */

.page-tema-m5-definicion-email {
  overflow-x: hidden;
}

.page-tema-m5-definicion-email .tema-m5-definicion-card .card-horizon {
  padding: 0;
}

.page-tema-m5-definicion-email .tema-m5-definicion-imagenes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem 1.25rem;
  padding: 0.875rem 0.75rem 0.25rem;
}

.page-tema-m5-definicion-email .tema-m5-definicion-img-wrap {
  flex: 0 1 auto;
  max-width: min(38vw, 140px);
  margin: 0;
  text-align: center;
}

.page-tema-m5-definicion-email .tema-m5-definicion-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 110px;
  margin: 0 auto;
  object-fit: contain;
}

.page-tema-m5-definicion-email .tema-m5-definicion-contenido {
  padding: 0.75rem 1rem 1.25rem !important;
}

.page-tema-m5-definicion-email .tema-m5-definicion-contenido .card-title {
  font-size: 1.35rem;
  line-height: 1.35;
  margin-bottom: 0.75rem;
}

.page-tema-m5-definicion-email .tema-m5-definicion-contenido p,
.page-tema-m5-definicion-email .tema-m5-definicion-contenido ul {
  font-size: 0.95rem;
  line-height: 1.55;
}

.page-tema-m5-definicion-email .tema-m5-definicion-contenido ul {
  padding-left: 1.15rem;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .page-tema-m5-definicion-email .tema-m5-definicion-img-wrap {
    max-width: min(32vw, 160px);
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-img {
    max-height: 130px;
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-contenido {
    padding: 1rem 1.25rem 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .page-tema-m5-definicion-email .tema-m5-definicion-imagenes {
    display: block;
    padding: 0 0 1rem 100px;
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-img-wrap {
    max-width: 100%;
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-img-wrap + .tema-m5-definicion-img-wrap {
    margin-top: 0.5rem;
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-img-wrap:first-child {
    margin-top: 85px;
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-img {
    max-height: none;
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-contenido {
    padding: 30px 25px !important;
  }

  .page-tema-m5-definicion-email .tema-m5-definicion-contenido .card-title {
    font-size: inherit;
  }
}