/* =========================
   HOME TAGS (JOB TYPES)
   ========================= */

.aj-hometags { width: 100%; margin: 24px 0; }

.aj-hometags__head{
  display:flex;
  gap:16px;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.aj-hometags__title{ margin:0; font-size:26px; line-height:1.2; }
.aj-hometags__subtitle{ margin:6px 0 0; opacity:.75; }

.aj-hometags__viewall{
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(0,0,0,.10);
  padding:10px 12px;
  background:#fff;
}

/* STACK (una fila por tag) */
.aj-hometags__stack{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* ROW: tile izquierda + contenido derecha */
.aj-hometags__row{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap:16px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
  overflow:hidden;
}

@media (max-width: 1024px){
  .aj-hometags__row{ grid-template-columns: 240px 1fr; }
}

@media (max-width: 760px){
  .aj-hometags__row{ grid-template-columns: 1fr; }
}

/* TILE izquierda */
.aj-hometags__tile{
  text-decoration:none;
  border-right:1px solid rgba(0,0,0,.08);
  padding:16px;
  display:flex;
  flex-direction:column;

  /* ✅ CLAVE: el bottom queda abajo, y el número se ancla justo encima */
  justify-content:flex-start;
  min-height:220px;
}

@media (max-width: 760px){
  .aj-hometags__tile{
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.08);
    min-height:auto;
  }
}

.aj-hometags__tileTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.aj-hometags__tileName{
  font-weight:900;
  font-size:16px;
  line-height:1.2;
}

/* ✅ Número: empuja el bloque inferior al fondo */
.aj-hometags__tileCount{
  font-size:64px;
  line-height:1;
  font-weight:900;

  margin-top:auto;       /* ✅ empuja hacia abajo */
  margin-bottom:10px;    /* ✅ queda “justo encima” del texto bottom */
}

/* ✅ Texto inferior: siempre al fondo */
.aj-hometags__tileHint{
  margin-top:0;
  padding-top:0;
  opacity:.75;
  font-size:13px;
}

/* BODY derecha */
.aj-hometags__body{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Items grid (2 columnas como screenshot) */
.aj-hometags__items{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}

@media (max-width: 1024px){
  .aj-hometags__items{ grid-template-columns: 1fr; }
}

/* Item */
.aj-hometags__item{
  text-decoration:none;
  border:1px solid rgba(0,0,0,.06);
  padding:12px;
  min-height:78px;
  background:#fff;
  transition: transform .08s ease, box-shadow .08s ease;
}

.aj-hometags__item:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(0,0,0,.06);
}

.aj-hometags__itemTitle{
  font-weight:500;
  font-size:14px;
  line-height:1.25;
  text-transform: lowercase !important;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.6em;
}

/* ✅ META: columna a la izquierda (loc arriba, fecha abajo) */
.aj-hometags__meta{
  margin-top:8px;
  display:flex;
  flex-direction:column;   /* ✅ fecha debajo */
  align-items:flex-start;
  gap:6px;
  font-size:12px;
  opacity:.85;
}

.aj-hometags__location{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}

.aj-hometags__location::before{
  content:"📍";
  margin-right:6px;
}

.aj-hometags__date{
  display:block;
  white-space:nowrap;
  opacity:.85;
}

/* CTA botón abajo derecha */
.aj-hometags__cta{
  display:flex;
  justify-content:flex-end;
}

.aj-hometags__btn{
  text-decoration:none;
  font-weight:900;
  border:1px solid rgba(0,0,0,.10);
  padding:12px 14px;
  background:#fff;
  min-width:260px;
  text-align:center;
}

@media (max-width: 760px){
  .aj-hometags__btn{ width:100%; min-width:auto; }
}

/* Empty */
.aj-hometags__empty{
  grid-column: 1 / -1;
  opacity:.7;
  font-size:13px;
  padding:10px;
  border:1px dashed rgba(0,0,0,.15);
}

/* =========================
   PILL (badge tipo tag)
   ========================= */
.aj-hometags__pill{
  border-radius:0;
  border:1px solid rgba(0,0,0,.10);
  font-weight:800;
  padding:4px 10px;
  font-size:12px;
  line-height:1.1;
  white-space:nowrap;
}

/* TONOS */
.aj-hometags__pill--freelance{
  background: rgba(16, 185, 129, 0.18);
  border-color: rgba(16, 185, 129, 0.35);
  color: #047857;
}
.aj-hometags__pill--jornada-completa{
  background: rgba(59, 130, 246, 0.18);
  border-color: rgba(59, 130, 246, 0.35);
  color: #1e40af;
}
.aj-hometags__pill--media-jornada{
  background: rgba(245, 158, 11, 0.20);
  border-color: rgba(245, 158, 11, 0.40);
  color: #92400e;
}
.aj-hometags__pill--temporal{
  background: rgba(100, 116, 139, 0.18);
  border-color: rgba(100, 116, 139, 0.35);
  color: #334155;
}
.aj-hometags__pill--default{
  background: rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.10);
  color: rgba(0,0,0,.75);
}

/* Un toque de tono en la tile */
.aj-hometags__row--freelance .aj-hometags__tile{ background: rgba(16, 185, 129, 0.08); }
.aj-hometags__row--jornada-completa .aj-hometags__tile{ background: rgba(59, 130, 246, 0.08); }
.aj-hometags__row--media-jornada .aj-hometags__tile{ background: rgba(245, 158, 11, 0.08); }
.aj-hometags__row--temporal .aj-hometags__tile{ background: rgba(100, 116, 139, 0.08); }
.aj-hometags__row--default .aj-hometags__tile{ background: rgba(0,0,0,.03); }