/* =========================================================
   VALENZUELA PROPIEDADES — V36
   Características de propiedad: una sola fila en celular
   ========================================================= */

@media (max-width:767.98px){

  /* =====================================================
     CARDS DE PORTADA
     .features = superficie / dormitorios / baños / estacionamiento
     ===================================================== */
  .property-card .features{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    margin:12px 0 14px !important;
  }

  .property-card .feature{
    min-width:0 !important;
    min-height:54px !important;
    padding:7px 3px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;

    border:1px solid #e3e8ec !important;
    border-radius:10px !important;
    background:#f8fafb !important;

    color:#46515c !important;
    font-size:.71rem !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;

    box-shadow:none !important;
  }

  .property-card .feature i{
    margin:0 !important;
    color:#64717c !important;
    font-size:1rem !important;
    line-height:1 !important;
  }

  /* =====================================================
     CARDS DE propiedades.php
     vp-card-features se fuerza a 4 chips compactos.
     Se ocultan etiquetas SUPERF/DORM/BAÑOS/ESTAC en celular
     para que la fila se vea limpia y no se comprima.
     ===================================================== */
  body[data-page="propiedades"] .vp-card-features,
  .vp-card-features{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    margin:12px 0 0 !important;
  }

  body[data-page="propiedades"] .vp-card-feature,
  .vp-card-feature{
    min-width:0 !important;
    min-height:54px !important;
    padding:7px 3px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;

    border:1px solid #e3e8ec !important;
    border-radius:10px !important;
    background:#f8fafb !important;

    text-align:center !important;
    box-shadow:none !important;
  }

  body[data-page="propiedades"] .vp-card-feature i,
  .vp-card-feature i{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;

    color:#64717c !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    font-size:.98rem !important;
    line-height:1 !important;
  }

  body[data-page="propiedades"] .vp-card-feature strong,
  .vp-card-feature strong{
    display:block !important;
    width:100% !important;
    min-width:0 !important;

    color:#3e4a55 !important;
    font-size:.72rem !important;
    font-weight:800 !important;
    line-height:1.05 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body[data-page="propiedades"] .vp-card-feature small,
  .vp-card-feature small{
    display:none !important;
  }

  /* Más aire antes del footer del card */
  body[data-page="propiedades"] .vp-card-footer,
  .property-card .property-footer{
    margin-top:12px !important;
  }
}

/* Teléfonos muy angostos: conservar una sola fila,
   reduciendo un poco el tamaño sin volver a 2x2. */
@media (max-width:390px){
  .property-card .features,
  .vp-card-features{
    gap:4px !important;
  }

  .property-card .feature,
  .vp-card-feature{
    min-height:50px !important;
    padding:6px 2px !important;
    border-radius:9px !important;
  }

  .property-card .feature{
    font-size:.66rem !important;
  }

  .property-card .feature i,
  .vp-card-feature i{
    font-size:.9rem !important;
  }

  .vp-card-feature strong{
    font-size:.67rem !important;
  }
}