/* APP Publications Visibility + Classified Thumbnail Baseline V1 · Tema 9.5.55.334. */

/*
 * Profesionales/Turismo APP/PWA.
 * V289 dejó el contenedor sin min-height y V291 convirtió media/copy en absolutos.
 * En standalone eso podía colapsar la tarjeta a 0 px. V334 restituye una caja real,
 * manteniendo 2 columnas y Sofi a ancho completo.
 */
@media (max-width:760px) {
  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card {
    position:relative!important;
    display:block!important;
    height:154px!important;
    min-height:154px!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }

  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__link,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__link {
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:154px!important;
    min-height:154px!important;
  }

  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__media,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__media {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }

  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__body,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__body {
    position:absolute!important;
    z-index:2!important;
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__body h2,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-card .jc-msbase-card__body h2 {
    min-height:0!important;
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.17!important;
    -webkit-line-clamp:2!important;
  }

  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-grid,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:start!important;
  }

  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-sofi,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jc-pt-v288-sofi,
  html.jc-pwa-standalone body.jc-publication-tiles-v291 .jc-pt-v288 .jcb-professionals-sofi,
  body.jc-native-app.jc-publication-tiles-v291 .jc-pt-v288 .jcb-professionals-sofi {
    grid-column:1/-1!important;
    width:100%!important;
  }
}

/*
 * Clasificados JC móvil.
 * V276 imponía 94 px al copy aunque V291 ya lo superponía a la foto; el título quedaba
 * visualmente demasiado alto. V334 fija la caja desde la base y deja crecer las líneas hacia arriba.
 */
@media (max-width:600px) {
  body.jc-preview-card-base-v1.jc-publication-tiles-v291 .jc-cjc-card,
  body.jc-preview-card-base-v1.jc-publication-tiles-v291 .jc-cjc-card__link {
    position:relative!important;
    display:block!important;
    height:154px!important;
    min-height:154px!important;
  }

  body.jc-preview-card-base-v1.jc-publication-tiles-v291 .jc-cjc-card__media {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }

  body.jc-preview-card-base-v1.jc-publication-tiles-v291 .jc-cjc-card__body {
    position:absolute!important;
    z-index:2!important;
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  body.jc-preview-card-base-v1.jc-publication-tiles-v291 .jc-cjc-card__body h2 {
    min-height:0!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.17!important;
    -webkit-line-clamp:2!important;
  }
}