/* Comunidad Marroquí · Fase 5G-G · ÚNICA fuente de medidas de tarjetas funcionales.
   Referencia: Empleo (5G-F), 3 columnas, 18px entre tarjetas, 16px interior y 212px de imagen.
   Aplica exclusivamente a las cinco listas de publicaciones nuevas y a Mis publicaciones.
   No modifica cabeceras, Noticias, Compartir coche, galerías modales ni pagos. */
:root{
  --cme-card-gap:18px;
  --cme-card-padding:16px;
  --cme-card-media-height:212px;
}
/* Cuadrícula: misma anchura y distribución para las cinco secciones. */
body[data-section="Empleo"] .empleo-mine-cards,
body[data-section="Vivienda"] .housing-live-grid,
body[data-section="Anuncios"] .ads-live .ads-live-cards,
body[data-section="Tienda"] .shop-live .shop-cards,
body[data-section="Profesionales"] .pro-live .pro-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--cme-card-gap)!important;
  align-items:stretch;
}
/* Empleo buscar conserva su carrusel aprobado, con el ancho original de sus tarjetas. */
/* Tarjetas: una estructura flexible, sin alturas artificiales ni recortes del contenido. */
body[data-section="Empleo"] .empleo-original-work .cards > .cme-publication-card--jobs,
body[data-section="Vivienda"] .housing-live-card,
body[data-section="Anuncios"] .ads-live .ads-live-card,
body[data-section="Tienda"] .shop-live .shop-card,
body[data-section="Profesionales"] .pro-live .pro-card{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  min-width:0!important;
  width:100%;
  max-width:none!important;
  min-height:0;
  height:100%!important;
  padding:var(--cme-card-padding)!important;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  background:#fff;
  border-radius:15px;
}
/* Fotografía superior: mismo alto para fotos y estados sin fotografía.
   object-fit permanece según el módulo (cover para Vivienda/Anuncios y contain para Tienda/Profesionales/Empleo). */
body[data-section="Empleo"] .empleo-original-work .cme-publication-card--jobs > :is(.publication-media-frame,.publication-media-placeholder,.cme-publication-card__media),
body[data-section="Vivienda"] .housing-live-photo,
body[data-section="Anuncios"] .ads-live .ads-live-photo,
body[data-section="Tienda"] .shop-live .shop-photo,
body[data-section="Profesionales"] .pro-live .pro-photo{
  box-sizing:border-box;
  position:relative;
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:100%;
  height:var(--cme-card-media-height);
  min-height:var(--cme-card-media-height);
  max-height:var(--cme-card-media-height);
  aspect-ratio:auto;
  overflow:hidden!important;
  margin:0 0 12px;
  padding:0;
  border-radius:11px;
  background:#f4f1e8;
}
body[data-section="Empleo"] .empleo-original-work .cme-publication-card--jobs > :is(.publication-media-frame,.cme-publication-card__media) img,
body[data-section="Vivienda"] .housing-live-photo img,
body[data-section="Anuncios"] .ads-live .ads-live-photo img,
body[data-section="Tienda"] .shop-live .shop-photo img,
body[data-section="Profesionales"] .pro-live .pro-photo img{
  display:block;
  width:100%;
  height:100%!important;
  max-height:100%;
  object-position:center;
}
/* Dejar botones debajo de la información y evitar botones cortados. */
body[data-section="Vivienda"] .housing-live-social,
body[data-section="Vivienda"] .housing-live-own-controls,
body[data-section="Anuncios"] .ads-live .ads-live-social,
body[data-section="Anuncios"] .ads-live .ads-live-own,
body[data-section="Tienda"] .shop-live .shop-social,
body[data-section="Profesionales"] .pro-live .pro-social{
  margin-top:auto;
}
body[data-section="Vivienda"] .housing-live-social button,
body[data-section="Anuncios"] .ads-live .ads-live-social button,
body[data-section="Tienda"] .shop-live .shop-social button,
body[data-section="Profesionales"] .pro-live .pro-social button{
  min-width:0!important;
  white-space:normal;
  overflow-wrap:break-word;
}
@media(max-width:980px){
  body[data-section="Empleo"] .empleo-mine-cards,
  body[data-section="Vivienda"] .housing-live-grid,
  body[data-section="Anuncios"] .ads-live .ads-live-cards,
  body[data-section="Tienda"] .shop-live .shop-cards,
  body[data-section="Profesionales"] .pro-live .pro-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  body[data-section="Empleo"] .empleo-mine-cards,
  body[data-section="Vivienda"] .housing-live-grid,
  body[data-section="Anuncios"] .ads-live .ads-live-cards,
  body[data-section="Tienda"] .shop-live .shop-cards,
  body[data-section="Profesionales"] .pro-live .pro-cards{
    grid-template-columns:minmax(0,1fr)!important;
  }
}