/**
 * dinamics/departamentos_mosaico/departamentos_mosaico.css
 * Version: 2026-01-31 America/Lima
 *
 * Objetivo:
 * - Todos los cuadritos MISMO tamaño
 * - Orden visual fijo: icono -> 1 línea título -> 2 líneas descripción
 * - Si se excede: puntos suspensivos
 */

.gm-dm-card {
  height: 250px;            /* PC: altura fija */
  display: flex;
  align-items: stretch;
}

@media (max-width: 767.98px) {
  .gm-dm-card {
    height: 220px;          /* móvil: un poco menor */
  }
}

.gm-dm-card .text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gm-dm-card .icon {
  margin-bottom: 10px;
}

/* 1 línea para título + ellipsis */
.gm-dm-title {
  width: 100%;
  margin: 0 0 8px 0;
}

.gm-dm-link {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 2 líneas para descripción + ellipsis */
.gm-dm-desc {
  width: 100%;
  margin: 0;
  line-height: 1.3;

  min-height: 2.6em;   /* 2 líneas * 1.3 */
  max-height: 2.6em;
  overflow: hidden;
  text-overflow: ellipsis;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Placeholder estilo suave */
.gm-dm-card.is-placeholder {
  opacity: 0.9;
}

.gm-dm-link.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.95;
}