.pd-card__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:1rem;
}

/* === ETIQUETAS (Venta, Arriendo...) === */
.pd-tags{ display:flex; gap:.5rem; }
.pd-tag{
  font-size:.85rem;
  background:#FF6B6B;
  font-weight: bold;
  color:#fff;
  border-radius:999px;
  padding:.3rem .7rem;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}

/* === GRID DE DETALLES === */
.pd-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1rem;
}
@media(max-width:1200px){ .pd-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:640px){ .pd-grid{grid-template-columns:repeat(2,1fr);} }

.pd-item{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  border:1px solid #D1D5DB;
  border-radius:12px;
  padding:0.5rem;
  background:#F9FAFB;
  transition:.2s ease;
}
.pd-item:hover{
  border-color:#00B1B3;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  transform:translateY(-2px);
}

/* === ÍCONO DE CADA BLOQUE === */
.pd-icon{
  width:38px; height:38px;
  display:grid; place-items:center;
  background:#E0F7F8;          /* tono agua muy suave */
  color:#009396;
  border-radius:10px;
  flex:0 0 auto;
  font-size:1.1rem;
}

/* === TEXTO DE LOS DETALLES === */
.pd-label{
  font-size:.8rem;
  color:#6B7280;
  margin-bottom:.2rem;
}
.pd-value{
  font-weight:600;
  color:#1F2937;
  font-size:1.05rem;
}